Interne stijlgids
Kleuren, fonts & regels
Het vaste palet en de typografie van Maas Spectrum Advies, zodat elke pagina dezelfde taal spreekt.
Kleuren
Navy (basis-donker)
navy-950
--color-navy-950
navy-800
--color-navy-800
Brand blauw
brand-blue
--color-brand-blue
brand-blue-dark
--color-brand-blue-dark
brand-blue-50
--color-brand-blue-50
Brand rood (accent)
brand-red
--color-brand-red
brand-red-dark
--color-brand-red-dark
Ink (tekst & grijzen)
ink-950
--color-ink-950
ink-800
--color-ink-800
ink-600
--color-ink-600
ink-400
--color-ink-400
ink-200
--color-ink-200
ink-50
--color-ink-50
Spectrum-gradient
bg-gradient-spectrum
linear-gradient(100deg, #e8772e, #d63a2f, #c0392b, #2f6fb0)
Fonts
font-display
Richting geven in complexe speelvelden
Mona Sans. Koppen, titels, nav en body. Het werkpaard van de site.
font-space-mono
PUBLIC AFFAIRS · DEN HAAG
Space Mono. Eyebrows en labels met wijde letterspatiëring.
font-mono
01 — Wat we doen
IBM Plex Mono. Kleine labels en sectienummers binnen donkere vlakken.
Typeschaal
H1 / hero
Van inzicht naar resultaat
font-display text-5xl font-medium tracking-[-0.02em] text-navy-950
H2 / sectiekop
Speelvelden waarin we thuis zijn
font-display text-4xl font-semibold tracking-tight text-navy-950
H3 / subkop
Zorg & ziekenhuizen
font-display text-2xl font-medium tracking-tight text-navy-950
Eyebrow
Sectoren
font-space-mono text-xs uppercase tracking-[0.32em] text-navy-950/55
Body groot
We werken voor opdrachtgevers voor wie beleid bepalend is.
text-lg leading-relaxed text-ink-600
Body
Elke situatie is anders, maar de manier waarop we werken is altijd helder.
text-base leading-relaxed text-ink-600
Klein
Meer over deze dienst
text-sm leading-relaxed text-ink-600
Regels
- Koppen altijd font-display met tracking-tight (of -0.02em bij de hero).
- Eyebrows in font-space-mono, uppercase, tracking tussen 0.25em en 0.32em.
- Body-tekst in ink-600 op wit, wit/65-70 op donkere blauwvlakken.
- Gewichten: light/medium voor grote titels, semibold voor subkoppen en knoppen.
- Accentlijnen in de spectrum-gradient of een blauwtint, dun (h-0.5) en links uitgelijnd.
- Navy-vlakken hebben een dunne ring-white/10 en een zachte schaduw naar onder.
