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: Energiek, Betrouwbaar, Goud
1. Logo & Identiteit
De kern van onze visuele presentatie voor stijl:
Mark (Icoon)
Wordmark (Tekst)
Lockup Horizontal
Lockup Stacked
2. Kleurenpalet
Actieve stijl:
Brand (Amber) Colors
50
#fffbeb
Subtiele Achtergrond300
#fcd34d
Accenten400
#fbbf24
Iconen & Highlights500
#f59e0b
Primaire Actie600
#d97706
Hover StatesBlue Colors
50
#eff6ff
Subtiele Achtergrond300
#93c5fd
Accenten400
#60a5fa
Iconen & Highlights500
#3b82f6
Secondary Action600
#2563eb
Hover StatesRed Colors
50
#fef2f2
Subtiele Achtergrond300
#fca5a5
Accenten400
#f87171
Iconen & Highlights500
#ef4444
Tertiary Action600
#dc2626
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 Storm-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
