Phase 0 · Tokens + components preview
The grammar before the sentences.
Toggle the theme in the topbar — every token below has a value in both light and dark. Memo surfaces are always cream; the activity surface follows the theme.
01
Typography
Display · serif 36/44
H1 · serif 24/32
H2 · sans 18/26
H3 · sans 15/22
Body memo · serif 15/26. Lead with the lifestyle story; the spec sheet belongs further down the page.
Body UI · sans 14/22. Everything that isn’t memo or deliverable copy.
Eyebrow · sans 11 uppercase 0.08em
02
Colour tokens
03
Actions
04
Status + signals
05
Facet icons (placeholder)
1 · WHY
2 · WHY
3 · HOW
4 · HOW
5 · WHAT
6 · WHAT
7 · WHAT
06
Memo voice
Strategy memo · draft
A premium audio launch into APAC
Lead with the lifestyle story; the spec sheet belongs further down the page. Tier-1 metros first — Singapore, Tokyo, Sydney — with a channel mix that earns trust before it asks for the sale.
“We have eight weeks and a brand most of the region hasn’t heard of yet.”