Utilities
Style Guide
Notifica huisstijl - kleuren, typografie en componenten.
Kleuren
Primaire kleuren
Navy (Primary)
#16136F
Blue (Secondary)
#3636A2
Gradient
Navy → Blue
Neutrale kleuren
White
#FFFFFF
Background Alt
#F8F9FC
Border
#E5E7EB
Text Primary
#333333
Text Secondary
#666666
Feedback kleuren
Success
#2e7d32
Error
#d32f2f
Warning
#ffc107
Typografie
Font Family
Inter
Headings
Heading 1 - 48px Bold
Heading 2 - 36px Bold
Heading 3 - 24px Semibold
Heading 4 - 18px Semibold
Body Text
Large body text - 18px regular. Gebruikt voor introteksten en highlights.
Regular body text - 16px regular. Standaard lopende tekst op de website.
Small text - 14px regular. Gebruikt voor bijschriften en metadata.
Badges
Default Badge
Success Badge
Warning Badge
Cards
Card Title
Dit is een standaard card component met subtiele schaduw en afgeronde hoeken.
Gradient Card
Card met gradient achtergrond voor highlights en CTAs.