Design system
The palette, type, components and contrast checks behind the Zaituni review build. Benchmarked against SKIMS, Bluebella, Charlotte Tilbury, ThirdLove and Aesop.
Palette
Warm paper and stone from SKIMS and Aesop; ink and ivory editorial contrast from Bluebella; rose-gold warmth from Charlotte Tilbury; a dusty-rose trust cue from ThirdLove. Olive is Zaituni's signature. Rose and brass are accents, never the primary CTA.
Primary text, dark sections
Secondary text
Page background
Warm surface
Cards, image backdrops
Primary accent, CTA
Dark accent, footer
Feminine accent, fit cues
Rose text / selected
Metal detail
Small text on paper
Contrast
| Pair | Measured | WCAG |
|---|---|---|
| Ink on paper | 16.36:1 | AAA |
| Espresso on paper | 11.65:1 | AAA |
| Muted on paper | 5.58:1 | AA |
| Olive on paper | 7.21:1 | AAA |
| Paper on olive | 7.21:1 | AAA |
| Rose deep on paper | 5.25:1 | AA |
| Brass deep on paper | 5.74:1 | AA |
Measured with the WCAG relative-luminance formula. Rose and brass are used for large text or decorative detail only; rose-deep and brass-deep are the text-safe steps.
Type
Fraunces
Display serif for headlines, product names and editorial quotes. Weights 300–700.
Manrope
Body sans for navigation, prices, forms and long copy. Weights 300–800. Body measure 65–75 characters.
Components
Rules
- One primary action per view; olive fills the CTA.
- Rose is for fit, selection and warmth, not a second CTA.
- No gradients on text, no glass decoration, no fake urgency.
- 44px minimum touch targets; focus ring in brass.
- Plain outer packaging, 7-day first exchange and honest fit notes are part of the design, not marketing copy.