Intern

Styleguide

Het visuele systeem achter Fidgety: kleuren, typografie, het logo en de belangrijkste UI-onderdelen.

Logo

Download logo.svg

Kleuren

pink-50
pink-100
pink-200
pink-300
pink-400
pink-500 (accent)
pink-600 (accent hover)
pink-700

Typografie

Heading 1 — Baloo 2

var(--font-display), 700, clamp(2.25rem, 5vw, 3.25rem)

Heading 2 — Baloo 2

var(--font-display), 700

Lopende tekst — Quicksand

var(--font-body), 500/600

Knoppen

Primaire actie Secundaire actie

Formulierveld

Zo ziet een invulveld eruit, inclusief hint-tekst.

Meldingen

Dit is een informatieve melding.
Dit is een succesmelding.
Dit is een foutmelding.