Design System

The Style Guide

Colour, typography, and the interface building blocks that give Édition its calm, editorial voice.

01 — Palette

Colour

Primary#3EA3D4
Primary Hover#237FAB
Secondary#F4B79A
Ink#121A22
Dark#101820
Gray#5E6B75
Muted#9AA7AF
Border#D9E3E8
Surface Cool#EAF2F5
Surface Warm#FBE4D8
Paper#F7FAFB
Surface#FFFFFF
02 — Type

Typography

Display / SerifFashion that moves
Heading 1Styled as one story
Heading 2Considered, not chaotic
Heading 3The considered wardrobe
Body / SansManrope carries all body copy and UI. Édition pairs Playfair Display headings with a clean, humanist sans for a balance of editorial character and everyday legibility.
EyebrowJust Landed
03 — Actions

Buttons & Links

Text link →View all
04 — Labels

Badges & Chips

New−20%BestsellerIn stock
05 — Inputs

Form Elements