Styleguide

Sunset Spectrum · tokens en componenten uit @ahoyla/ui

Kleuren

Achtergrond--bg
Vlak--surface
Tekst--text
Gedempt--muted
Lijn--line
Accent (violet)--accent
Accent 2 (zon, knoppen)--accent-2
Accent 3 (magenta)--accent-3

Verlopen

Hero--gradient-hero
CTA--gradient-cta

Datavisualisatie

Dataviz 1--viz-1
Dataviz 2 (label erbij)--viz-2
Dataviz 3--viz-3

Button

md
sm

Card

Met padding

Standaard: surface, lijn en radius uit de tokens.

Zonder padding

Als kaal vlak, met eigen inhoud en eigen spacing.