Noir

A dark fragrance store with gold accents, a video hero, a brand statement in large type and a scent pyramid.

your-store.com
Open the full preview

Noir is designed for perfume and fragrance houses. The page is near-black with gold buttons, the logo is centred above the menu, and the hero plays animated artwork with a play button and a progress bar. Under the hero, a large type statement introduces the house before a two-column grid of fragrances with a quick add button over each picture. The featured fragrance has its top, heart and base notes listed, and a lookbook lets shoppers tap points on a picture to see the products in it. Headings use Cormorant Garamond and the body text uses Karla.

Noir suits perfume, candles, jewellery, spirits and other luxury goods that have a small range and a strong story.

Headings
Cormorant Garamond
Body
Karla
Corners
Soft
Text size
100%
Spacing
120%
Sections on the home page
  1. 1Announcement bar
  2. 2Centred logo, menu below
  3. 3Video hero
  4. 4Brand story
  5. 52-column grid, quick add
  6. 6Scent notes
  7. 7Shoppable lookbook
  8. 83-column grid, minimal cards
  9. 9Press quotes
  10. 10Newsletter
  11. 11Minimal footer
Open the full preview