SEO Websites Branding
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
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
Branding that ranks in Google and gets cited by AI
Your brand is more than a logo. For an SEO website it is the trust layer that search engines and AI assistants read before they decide to rank or cite you. A consistent visual identity, clear colours, recognisable typography and a coherent tone of voice signal authority and make every page feel like part of one credible source.
This brand kit gives you everything in one place: logo variants for light and dark backgrounds, an accessible colour palette with the right contrast, a typographic scale from H1 to body text, and ready-made UI components. Reusing these tokens across your homepage, service pages, blog and social channels keeps your site visually consistent, which lowers bounce rate and strengthens the E-E-A-T signals Google rewards.
Consistency also matters for Generative Engine Optimisation (GEO). When ChatGPT, Gemini, Perplexity or Google AI Overviews summarise your topic, they favour sources that look professional, structured and trustworthy. A polished brand, paired with clean semantic HTML and structured data, increases the chance that AI engines surface and attribute your content instead of a competitor's.
Frequently asked questions about branding
Why does branding matter for SEO?
Branding builds trust and recognition. A consistent identity keeps visitors on your site longer and reinforces the experience, expertise, authority and trust (E-E-A-T) signals that search engines use to rank pages. It will not replace good content, but it amplifies it.
What is included in the brand kit?
You get logo variants (mark, wordmark and lockup) for light and dark backgrounds, a full colour palette with accessible contrast, a typographic scale, and reusable UI components such as buttons, inputs, cards and status styles, everything you need for a consistent website.
How does branding help with AI search and GEO?
Generative engines prefer sources that are clear, structured and credible. A professional, consistent brand, combined with semantic HTML and structured data, makes your pages easier to understand and more likely to be cited in AI answers from ChatGPT, Gemini, Perplexity and Google AI Overviews.
Can I generate a brand for my own website?
Yes. Upload an existing logo or enter your website URL and the AI analyses your style, then generates a complete brand book with colours, fonts and logo concepts in a few minutes, ready to apply across your SEO website.
SEO Supercharged Design System v1.0
