Concierge header options
Pick the header the concierge wears.
Eighteen options, lettered so they are easy to refer to. Each card shows a static mockup so you can scan them all at once, and an Open button that launches the real concierge with that header applied against the Bauer staging catalog.
Two assets, and that is why the earlier version looked broken
Bauer's horizontal lockup is a white PNG, so it disappears on any light header. Every
option below now 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.
What is actually being changed
These are all one component. Nothing here forks the header — each option is a set of CSS
custom properties, plus the
header-layout attribute for the centered ones. So
whichever you pick ships as configuration, and a nineteenth combination is a config line
rather than an engineering task.