Foundation
Ivory, obsidian and a whisper of champagne.
The tokens every page is built from. Colours come from business/store.ts; contrast ratios below are computed from the same values at build time.
01
Palette
ivory
Page
oklch(0.975 0.007 85)
porcelain
Raised surface
oklch(0.992 0.004 85)
linen
Quiet section
oklch(0.948 0.011 82)
hairline
Rules (decorative)
oklch(0.87 0.01 80)
champagne
Accent, decorative
oklch(0.83 0.052 84)
champagneInk
Accent text on ivory
oklch(0.5 0.065 75)
stone
Captions
oklch(0.5 0.012 265)
graphite
Secondary text
oklch(0.36 0.01 265)
onyx
Raised, in obsidian
oklch(0.225 0.008 265)
obsidian
Ink and dark chapters
oklch(0.165 0.006 265)
Verified text pairings
| Text on background | Use | Ratio |
|---|---|---|
| obsidian / ivory | Body text | 17.93:1 |
| graphite / ivory | Secondary text | 10.11:1 |
| stone / ivory | Captions, metadata | 5.58:1 |
| stone / linen | Captions on linen sections | 5.15:1 |
| champagneInk / ivory | Accent links and labels on ivory | 5.64:1 |
| champagneInk / porcelain | Accent labels on raised surfaces | 5.92:1 |
| danger / porcelain | Form errors | 6.36:1 |
| success / ivory | Confirmation text | 6.08:1 |
| ivory / obsidian | Text in obsidian chapters | 17.93:1 |
| champagne / obsidian | Accents in obsidian chapters | 11.40:1 |
| champagne / onyx | Accents on raised obsidian surfaces | 10.12:1 |
| ivory / onyx | Text on raised obsidian surfaces | 15.91:1 |
| obsidian / champagne | Text on champagne fills | 11.40:1 |
02
Typography
- Display XL · Bodoni Moda 400Aurora
- Display LThe Orbite ring
- Display MMade to be handed down
- Title · Bodoni Moda 500Solitaire, 18k yellow gold
- Lede · Jost 350Each piece begins as a single drawing, refined until nothing can be taken away.
- Body · Jost 400 / 1.65Free insured delivery across India. Thirty-day returns on unworn pieces.
- Eyebrow · Jost 500, 0.24emNew in · Orbite
- Price · tabular figures₹1,85,000
03
Actions
04
Fields
Enter a six-digit PIN code.
05
Motion
- Quick · 180ms
- Hover, press, toggles
- Base · 320ms
- Colour and state changes
- Slow · 640ms
- Drawers, link underlines
- Reveal · 1100ms
- Headlines, imagery
Easing couture (expo out) for arrivals, drape for curtains and clips, and a shorter exit curve. With reduced motion, reveals render in their final state and the 3D viewer shows a still photograph.