SEO Supercharged
Het visuele DNA van onze applicatie. Consistentie is de sleutel tot herkenning en vertrouwen. Hier vind je alles wat je nodig hebt.
Actieve Stijl: Premium, Strak, Smaragdgroen
1. Logo & Identiteit
De kern van onze visuele presentatie voor stijl:
Mark (Icoon)
Wordmark (Tekst)
Lockup Horizontal
Lockup Stacked
2. Kleurenpalet
Actieve stijl:
Emerald Colors
50
#f0fdf5
Subtiele Achtergrond300
#6ce299
Accenten400
#22c55e
Iconen & Highlights500
#1f8a4c
Primaire Actie600
#15803d
Hover StatesForest Colors
50
#f0fdf5
Subtiele Achtergrond300
#6ce299
Accenten400
#34d399
Iconen & Highlights500
#0d642f
Secondary Action600
#094a21
Hover StatesSlate Colors
50
#f8fafc
Subtiele Achtergrond300
#cbd5e1
Accenten400
#94a3b8
Iconen & Highlights500
#64748b
Tertiary Action600
#475569
Hover StatesNeutral / Dark Mode
Night 950
#000000
Header / FooterNight 900
#0a0a0a
HoofdachtergrondNight 800
#1a1a1a
Kaarten / PanelenSlate 700
#334155
RandenSlate 400
#94a3b8
Body Tekst3. Typografie
Schoon, modern en leesbaar. Wij gebruiken de Inter font familie.
Inter
De primaire font familie. Gebruikt voor koppen, body tekst en UI elementen. Gewichten: Light (300), Regular (400), Medium (500), Bold (700), Black (900).
LIJST
- Consistente merkuitstraling
- Professionele visuele identiteit
- Herkenbare merkbeleving
H1 DISPLAY
The Quick Brown Fox
H2 KOP
Jumps Over The Lazy Dog
H3 KOP
SEO Supercharged Generator
BODY TEKST
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
4. UI Elementen
Bouwstenen voor een consistente interface in Emerald-style.
Knoppen
Inputs
Kaarten
Feature Kaart
Gebruik Night-900 als achtergrond op Night-800 containers voor diepte. Randen altijd Slate-700 of Slate-800.
Status
SEO Supercharged Design System v1.0
