DESIGN-KEUZEBLAD — wijs aan met codes

Merkkleuren (tokens — wisselen per klant)

Primary (merk)

primary
primary-hover
primary-dark
primary-light
primary-ultra-light
primary-ultra-dark

Secondary

secondary
secondary-hover

Neutraal & muted

neutral
neutral-dark
neutral-ultra-dark
neutral-light
neutral-ultra-light (paper-2)
base (bodytekst)
black/ink
wit

Transparanten (hover/randen)

primary-trans-10
primary-trans-20
primary-trans-30
primary-trans-40
neutral-trans-20
neutral-trans-60

Typografie

Kop H1 — fluid

Kop H2

Kop H3

Eyebrow-tekst

Broodtekst — Inter, fluid via clamp.

Gedempte tekst (glw-muted)

Meta-tekst (oranje caps)

Knoppen (2 smaken — lean)

Iconen IC01–IC12 (eigen sprite)

IC01 · check
IC02 · pijl
IC03 · ster
IC04 · telefoon
IC05 · mail
IC06 · locatie
IC07 · klok
IC08 · schild
IC09 · bliksem
IC10 · huis
IC11 · hart
IC12 · duim

H1 · Header: standaard

Gulpener Bierfeesten

043 450 4006

Contact

H2 · Header: gecentreerd

Gulpener Bierfeesten

043 450 4006

Contact

H3 · Header: minimaal

Gulpener Bierfeesten

043 450 4006

Contact

F1 · Formulier: standaard

Neem contact op

Vertel kort waar we mee kunnen helpen — u krijgt binnen één werkdag antwoord.

F2 · Formulier: boxed

Neem contact op

Vertel kort waar we mee kunnen helpen — u krijgt binnen één werkdag antwoord.

F3 · Formulier: donker

Neem contact op

Vertel kort waar we mee kunnen helpen — u krijgt binnen één werkdag antwoord.

FT1 · Footer: mal

FT2 · Footer: 4 kolommen

Lijsten LS1–LS3 · Quotes QT1–QT2 · Dividers DV1–DV3

LS1 · check

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer posuere erat ante

LS2 · pijl

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer posuere erat ante

LS3 · streep

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer posuere erat ante

QT1 · lijn

Sed posuere consectetur est at lobortis. Etiam porta sem malesuada magna mollis euismod.
Naam Achternaam

QT2 · groot

Etiam porta sem malesuada magna mollis euismod lorem ipsum dolor.

DV1 · lijn — DV2 · accent — DV3 · punten

Mededeling NT1–NT2 · Tabel TB1 · Broodkruimel S33

NT1 · licht

Let op: gewijzigde openingstijden tijdens de feestdagen. Lorem ipsum dolor.

NT2 · donker

Spoedservice: vandaag nog hulp nodig? Bel 043 450 4006.

TB1 · tabel

Dienst	Doorlooptijd	Vanaf
Lorem ipsum dolor	1–2 weken	€ 495
Consectetur adipiscing	2–4 weken	€ 995
Integer posuere erat	Op aanvraag	€ 1.750

S33 · broodkruimel (automatisch op berichten; los pattern voor subpagina’s)