Concierge header options
Pick the header the concierge wears.
Twenty-six options, lettered so they are easy to refer to. Each card is drawn with the concierge's own header stylesheet, so the card and the panel it opens cannot disagree. Open launches the real concierge with that header against the Bauer staging catalog.
Every option changes something the component reads
Each card is a set of CSS custom properties, plus the
header-layout attribute for
the centered ones. The generator refuses to emit two options that resolve to the same header,
so if two cards look alike on screen that is a rendering bug, not a duplicate.
Two assets, and why the mark needs both
Bauer's horizontal lockup is a white PNG, so it disappears on any light header. Every
option derives its mark treatment from its background — inverted to black on the white grounds,
left white on black and blue — and the options that need a narrow mark use Bauer's square icon
rather than shrinking the lockup until it is unreadable.