SEO Supercharged
The visual DNA of our application. Consistency is key to recognition and trust. Here you find everything you need.
Active Style: Premium, Clean, Emerald Green
1. Logo & Identity
The core of our visual presentation for style:
Mark (Icoon)
Wordmark (Tekst)
Lockup Horizontal
Lockup Stacked
2. Color Palette
Active style:
Emerald Colors
50
#f0fdf5
Subtle Background300
#6ce299
Accents400
#22c55e
Icons & Highlights500
#1f8a4c
Primary Action600
#15803d
Hover StatesForest Colors
50
#f0fdf5
Subtle Background300
#6ce299
Accents400
#34d399
Icons & Highlights500
#0d642f
Secondary Action600
#094a21
Hover StatesSlate Colors
50
#f8fafc
Subtle Background300
#cbd5e1
Accents400
#94a3b8
Icons & Highlights500
#64748b
Tertiary Action600
#475569
Hover StatesNeutral / Dark Mode
Night 950
#000000
Header / FooterNight 900
#0a0a0a
Main BackgroundNight 800
#1a1a1a
Cards / PanelsSlate 700
#334155
BordersSlate 400
#94a3b8
Body Text3. Typography
Clean, modern and readable. We use the Inter font family.
Inter
The primary font family. Used for headings, body text and UI elements. Weights: Light (300), Regular (400), Medium (500), Bold (700), Black (900).
LIST
- Consistent branding across channels
- Professional visual identity
- Memorable brand experience
H1 DISPLAY
The Quick Brown Fox
H2 HEADING
Jumps Over The Lazy Dog
H3 HEADING
SEO Supercharged Generator
BODY TEXT
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 Elements
Building blocks for a consistent interface in Emerald-style.
Buttons
Inputs
Cards
Feature Card
Use Night-900 as background on Night-800 containers for depth. Borders always Slate-700 or Slate-800.
Status
SEO Supercharged Design System v1.0
