Design-fundament · MIJLPAAL 1

Staalblauw & Smaragd

Eén diepe navy draagt het merk, neutralen geven rust, groen is uitsluitend voor primaire acties en een kalm blauw verzorgt links en iconen. Signatuur: het Hoogtelijn-patroon.

Kleurpalet

deep
#041B3ADominante merkkleur
deep2
#0D2E59Hover / 2e donker vlak
ink
#0C1F38Body-tekst
muted
#566676Secundaire tekst
line
#D8E2EASubtiele randen
bg
#FBFCFDPaginavlak
alt
#F1F5F9Licht alt-vlak
tint
#E6EFF6Navy-tint fill
green
#0C8560Primaire CTA
greenD
#096C4DCTA hover/pressed
accent
#2563B0Links / iconen

Type-schaal

Koppen in Work Sans, lopende tekst in Mulish.

H1 · Work Sans 800

Vergelijk zorgverzekeringen met vertrouwen

H2 · Work Sans 700

Wat dekt de basisverzekering?

H3 · Work Sans 600

Aanvullende dekkingen vergeleken

H4 · Work Sans 600

Eigen risico en premie

Body · Mulish 400

De basisverzekering is wettelijk vastgelegd en bij elke verzekeraar gelijk in dekking. Het verschil zit in premie, voorwaarden en service. Eenvergelijking helpt je de juiste keuze te maken.

Small · MulishLaatst bijgewerkt op 24 juni 2026 · Bron: Zorginstituut Nederland.

Knoppen & links

Hoogtelijn-patroon

Het signatuurpatroon in drie toepassingen — subtiel en premium.

Toepassing 1

Watermerk achter een sectie

Full-bleed contourlijnen, licht op navy, op lage opacity. Geeft diepte zonder af te leiden.

Toepassing 2 — fijne divider-band op een sectie-overgang
Toepassing 3 — accent (spaarzaam, groen)

Klein decoratief blok — bv. naast een kop of in een kaart-hoek.

Radius, schaduw & spacing

Radius

sm4px
md8px
lg16px
pillpill

Schaduw

shadow-sm
shadow-md
shadow-lg

Spacing

space-1
4px
space-2
8px
space-3
12px
space-4
16px
space-5
24px
space-6
32px
space-7
48px
space-8
64px