Style Guide

Nordwaarts Zweden design systeem. Kleuren, typografie, knoppen en componenten.

Kleuren

Base Green Logo
#5f6459
Secondary (Gold)
#e1aF25
Black
#000000
Green Light
#7e837a
Green Lighter
#9fa29b
Gold Light
#f0d78a
Gold Lighter
#faf3d9
Gray Dark
#333333
Gray Medium
#888888
Gray Light
#e4e4e4
Gray Lighter
#f8f8f8
White
#ffffff

Typografie

H1 / MONTSERRAT

Heading 1 - Montserrat

H2 / MONTSERRAT

Heading 2 - Montserrat

H3 / MONTSERRAT

Heading 3 - Montserrat

H4 / MONTSERRAT

Heading 4 - Montserrat

H5 / MONTSERRAT
Heading 5 - Montserrat
H6 / MONTSERRAT
Heading 6 - Montserrat
PARAGRAPH

Dit is een standaard paragraaf. Montserrat wordt gebruikt als het primaire lettertype voor alle tekst op de site. Heldere, toegankelijke typografie die past bij het Nordwaarts Zweden merk.

PARAGRAPH LIGHT

Dit is een lichtere paragraaf variant. Gebruikt voor subtekst en ondersteunende informatie.

Knoppen

Primary ButtonSecondary Button

Componenten

Alle herbruikbare componenten volgen de nz-prefix naamgeving.

nz-navbar -- Navigatiebalk (12 instanties)
nz-footer -- Footer (13 instanties)
nz-nieuwsbrief -- Nieuwsbrief aanmeldformulier (4 instanties)