Playground · pick a header
Desktop site-header variants
Static previews — pick a direction and we'll wire it into the live SiteHeader component.
Variant 01Dark sticky (current)
Navy bar, white text, underline-active
- Our Products
- Where to Buy
- Resources
- About
- Contact Us
Variant 02Light header
White bg, ocean-700 text, hairline border- Our Products
- Where to Buy
- Resources
- About
- Contact Us
Variant 03Centered logo, split nav
Logo centered, nav balanced left/right- Our Products
- Where to Buy
- Resources
- About
- Contact Us
Variant 04Floating pill
Detached rounded pill on a light page- Our Products
- Where to Buy
- Resources
- About
- Contact Us
Variant 05With right-side CTA
Adds a primary action pill (find a stockist)- Our Products
- Where to Buy
- Resources
- About
- Contact Us
Variant 06Top utility strip
Thin promo / utility row above main navFree Australia-wide delivery on orders over $80Bulk & B2B enquiriesStockists
- Our Products
- Where to Buy
- Resources
- About
- Contact Us
Variant 07Glass over hero
Translucent header floating on imagery
- Our Products
- Where to Buy
- Resources
- About
- Contact Us
Variant 08Pill-active links
No underline — active link gets a soft pill- Our Products
- Where to Buy
- Resources
- About
- Contact Us
Variant 09Editorial uppercase
Light bg, all-caps tracking, magazine feel- Our Products
- Where to Buy
- Resources
- About
- Contact Us
Variant 10With search + cart
E-commerce shape with search field and bag icon- Our Products
- Where to Buy
- Resources
- About
- Contact Us
Search products
Variant 11Tall + tagline
Light, taller bar, tagline under logo, accent borderPersonal care, made simple- Our Products
- Where to Buy
- Resources
- About
- Contact Us
Variant 12Compact + locale
Tighter padding, small logo, EN switcher on right- Our Products
- Where to Buy
- Resources
- About
- Contact Us