ZenFlow Style Guide
Clean i premium. Paper pozadina, bele kartice sa mekim senkama, lime kao jedini jak akcenat, dosta vazduha i zaobljeni radijusi.
Tokeni
Paleta boja
paper
#ECF0F3
pozadina
white
#FFFFFF
kartice
ink
#203849
tekst / tamna dugmad
slate
#304F60
—
slate-mid
#445662
sekundarni tekst
slate-soft
#597080
eyebrow
lime
#DEFE9C
akcenat / CTA
lime-deep
#DCF39E
—
lime-soft
#F0FFD0
—
mint
#D3FBD8
—
Tip
Tipografija — Hanken Grotesk
Eyebrow · uppercase · tracking .14em
Naslov H1 — fokus i jasnoća
Naslov H2 — tvoj niz raste
Naslov H3 — dnevni protokol
Body tekst (line-height 1.55). ZenFlow ne radi na trikove — radi tako što ga piješ svaki dan, a efekat se gradi dozu po dozu, dan po dan. Naslovi su weight 500 sa negativnim letter-spacing-om.
Light 300Regular 400Medium 500Semibold 600Bold 700
Forme
Dugmad (pill 999px)
shadcn Button — brend varijante
Referentne primitivne klase (.btn-*)
Elevacija
Kartice i senke
Shadow soft
Radius 20px · meka senka
0 6px 30px rgba(32,56,73,.08)
Shadow lift
Radius 28px · jača senka
0 18px 60px rgba(32,56,73,.16)
Komponente