StoreHeader

10 variants · shell · for home, catalog, product, cart, checkout, account, landing pages

classic

the default bar: name left, links beside it, actions right

centered

a shop whose name is its mark: links left, name centred, actions right

stacked

a long name or many links: the name centred, the links centred in a second row

utility

a large catalogue: the name, a search field and the actions, then the links in a bar under them

overlay

a page that opens on a full-bleed picture: a transparent bar with light words over it

filled

a bar in the brand’s colour for a shop that wants it everywhere

with-account-panel

signed-in shops: the account icon opens the customer’s entries with their live status

with-cart-panel

quick checkout: the cart icon opens its lines, the free-shipping progress and the checkout button

category-strip

fashion and home: the name centred, then a strip of category links with the current one underlined