Phase 2 — repo bootstrap & brand tokens
This page exists to verify tokens + fonts work. Phase 7 replaces with the real Home view.
Typography scale
Display 96/100 — Cormorant 400
H1 56/100 — Cormorant 400
H2 36/100 italic — Cormorant 400 italic
Lead 22/100 — Cormorant 400. „Powrót do siebie w rytmie ciała."
Body 16/100 — Jost 400. Łagodna praca z ciałem i układem nerwowym — w tempie organizmu.
Caption 11/140 — Jost 500 — tracking 0.325em
Eyebrow 10/100 — Jost 500 — tracking 0.42em
Palette swatches
bg-paper
Kość · #F4EFE6
bg-linen
Len · #EAE2D2
bg-ash
Popiół · #DCD2BE
bg-ink
Atrament · #2C2722
border-clay-accent only
Glina · #B17048
border-rose-accent only
Dzika Róża · #C28D80
border-sage-accent only
Szałwia · #94A38A
border-water-accent only
Woda · #A6B6C2
WCAG AA contrast pairs (whitelist)
text-ink on bg-paper — Atrament na Kości
14:1 · AAA · primary body pair
text-ink on bg-linen — Atrament na Lnie
12.8:1 · AAA · card / panel surfaces
text-paper on bg-ink — Kość na Atramencie
14:1 · AAA · dark sections
text-paper on bg-clay-cta — Kość na Glinie (CTA only)
5.2:1 · AA · CTA buttons only
Why text-clay is blocked
⚠ Glina text on Len = 3.07:1 — FAIL. This sample exists only to demonstrate the rule.
Glina / Dzika Róża / Szałwia / Woda are accent-only colors. There is no `.text-clay` utility — typing it produces no styling. Use the inline `style="color: var(--accent-clay)"` above ONLY for documented anti-examples.