Design Systems

SILLAGE

Design system for fragrance and beauty brand sites: Playfair Display, Blush pill CTAs, and product web imagery.

HorizonX

Subscribe to download

Instant access Included with every membership
Tokens & components HTML, CSS & design tokens
Commercial license With a membership, for client work

Overview

SILLAGE is an industry design system for fragrance websites: brand sites, product pages, discovery flows, and launch decks. It pairs Playfair Display with Inter, an Ink / Ivory / Blush / Plum / Amber token set, signature pill controls (999px), and a full-color imagery language with Space, Material, and Object photo roles ready for real campaign heroes. Included: foundations (color, type, spacing, imagery, patterns), components (buttons & tags, cards, dialog, forms, navigation, feedback, table), theme sheet, Maison Éclat fragrance landing starter, launch deck, and sample web photography in assets/imagery/.

Highlights

Fragrance industry system
Ink / Ivory / Blush / Plum / Amber + Playfair Display
Pill control radius 999px, distinct from square DS kits
Web imagery roles: Space · Material · Object
Collection nav, note chips, product cards, sample CTA
Maison Éclat landing + launch deck

What's included

theme.json + styles.css tokens
Foundations docs (color, type, spacing, imagery, patterns)
Component specimens with states (HTML)
Maison Éclat landing + launch deck
Sample web photography in assets/imagery/
Commercial license with a membership

Frequently asked questions

A complete design system kit: foundations, tokens, HTML/CSS components and written guidelines, ready to adopt in your product.
It's included with a HorizonX membership. Download the kit and drop the tokens and components into your project.
Yes, with a HorizonX membership. Members get a commercial license: use and adapt these files in personal, client and commercial projects. If your plan ends, projects you already built keep their license, but the files can't be used to start new ones.