Styleguide
De huisstijl van Friethuur. Gebruik deze tokens, kleuren en typografie voor een consistente uitstraling.
Kleuren
Brand Dark
#111111
--brand-dark
Achtergrond donker, primaire knoppen, koppen
Brand Accent
#FBBF24
--brand-accent
Accentkleur, highlights, CTA's, iconen
Brand Muted
#1F1F1F
--brand-muted
Subtiele donkere vlakken
Wit
#FFFFFF
--background (light)
Hoofdachtergrond (light mode)
Zinc 50
#FAFAFA
neutraal
Sectie achtergrond
Zinc 200
#E4E4E7
neutraal
Randen, dividers
Zinc 600
#52525B
neutraal
Body tekst secundair
Zinc 900
#18181B
neutraal
Body tekst primair
Typografie
Primair font: Inter — gebruikt voor alle koppen en bodytekst.
Display / HeadingInter • 800–900 (Extrabold / Black)
HUUR EEN FOODTRUCK
SubkopInter • 700 (Bold)
Onze menu's
BodyInter • 400 (Regular)
Flexibel huren op uurbasis met een keuze uit onze premium menu's.
Caption / LabelInter • 500–700
ONDERDEEL VAN MULLERS FOOD
Knoppen
Radius
sm
lg
2xl
full
Spacing schaal
2 • 8px
4 • 16px
6 • 24px
8 • 32px
12 • 48px
16 • 64px