Styleguide

De actuele huisstijl van Friethuur: kleuren, typografie, knoppen, secties en componenten precies zoals ze nu op de website worden toegepast.

Kleuren

Brand Dark

#111111

--brand-dark

Donkere secties (USP's), primaire knoppen, header-CTA, koppen

Brand Accent

#FBBF24

--brand-accent

Header-achtergrond (85% dekking), bottom footer, CTA's, accenten in koppen

Brand Muted

#1F1F1F

--brand-muted

Footer-achtergrond

Accent 10%

rgba(251,191,36,0.10)

bg-brand-accent/10

Subtiel geel sectievlak

Accent 5%

rgba(251,191,36,0.05)

bg-brand-accent/5

Achtergrond offerte- en contactformulier

Wit

#FFFFFF

--background (light)

Hoofdachtergrond, menu- en galerijsecties

Zinc 200

#E4E4E7

neutraal

Randen en dividers op lichte vlakken

Zinc 700

#3F3F46

neutraal

Randen van kaarten op donkere secties

Zinc 600

#52525B

neutraal

Body tekst secundair

Zinc 900

#18181B

neutraal

Body tekst primair

Typografie

Eén font: Inter. Koppen altijd in hoofdletters met tracking-tighter (hero) of tracking-tight (secties).

Hero H1Inter • 800–900 • text-5xl md:text-7xl lg:text-8xl

HUUR DE FRIETHUUR FOODTRUCK VOOR ELK EVENT.

Sectiekop H2Inter • 900 (Black) • text-3xl md:text-5xl

ONZE MENU'S

Subkop H3Inter • 700 (Bold) • text-xl md:text-2xl

Friet & Snack Menu

BodyInter • 400 (Regular) • text-base / text-lg

Flexibel huren op uurbasis met een keuze uit onze premium menu's.

Label / CaptionInter • 500–700 • text-[10px]–text-xs, tracking-widest

ONDERDEEL VAN MULLERSFOOD

Woordmerk

FRIETHUUROnderdeel van MullersFood
FRIETHUUROnderdeel van MullersFood

Tekstueel logo in de header op geel; op donkere vlakken in accentgeel.

Knoppen

Hero (klein formaat, alleen grow bij hover)

Header CTA

Formulier / secundair (accent)

Alle knoppen zijn volledig rond (rounded-full), hoofdletters met tracking-widest. Hover = groeien, geen kleurwissel op hero-knoppen.

Sectie-achtergronden

bg-background — menu's, galerij, tekstsecties

bg-brand-dark — USP-sectie, team-carousel (witte tekst, geel accent)

bg-brand-accent/5 — formulieren offerte & contact

USP-kaarten (donkere sectie)

Snel geregeld

Binnen één werkdag een voorstel op maat, inclusief tijden en aantallen.

Compleet verzorgd

Foodtruck, personeel, sauzen en servies — jij hoeft niets te regelen.

Ambachtelijk gebakken

Vakmanschap uit de keuken van Mullers Food, live op jouw locatie.

Menukaart

Friet & Snack Menu

Dé favoriet op elk evenement.

€ 16,50 p.p.

  • Puntzak friet
  • 1 snack naar keuze (8 soorten)
  • Assortiment sauzen

Badge & accentlijn

Lekker op elk feest !

Gele streep onder koppen als vast accent.

HET GEZICHT ACHTER ELKE ZAK FRIET

Radius

xl

2xl (kaarten)

3xl (secties)

full (knoppen)

Ritme & spacing

2 • 8px
4 • 16px
6 • 24px
8 • 32px
12 • 48px
16 • 64px

Secties: pt-20 md:pt-28 met verkleinde onderkant (pb-10 md:pb-14) waar tekst direct op beeld volgt. Container: max-w-7xl mx-auto px-6.

Offerte