Brand Style Guide 2026

Built for
GEO-first
products.

A living design system for geo-tool.com — built around the visual language of AI search, generative presence, and spatial data intelligence.

Productgeo-tool.com
Parenttrack by track GmbH
Version1.0 — 2026
StatusActive
02 — Colors

Color System

Built around the gradient core of the logomark — from organic lime to deep violet.

Primary Palette
Brand Gradient
Gradient Core
#A8E06A → #8B3FCA135deg
#A8E06A
Geo Green
RGB 168 224 106
#8B3FCA
AI Violet
RGB 139 63 202
#060606
Void Black
Always background
Secondary Palette
#111111
Surface
Cards, panels
#181818
Surface 2
Nested
#A870E0
Soft Violet
Hover, accent
#C4EE9A
Light Green
Success
#F0F0F0
Off White
Primary text
Color Tokens
--grad-main
CTA, logo, highlights
--green / 12% alpha
Badge bg, pill, tag
--purple / 12% alpha
Secondary badge
--surface
All cards & panels
--surface-2
Nested elements
--grad-subtle
Hero bg overlays
03 — Typography

Type System

Two fonts. One for authority, one for clarity.

Futura
Bold.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & ! ? . ,
Futura — Display & Headlines
Weights: Bold, Heavy
Use: H1–H3, wordmark, CTA
System font · Century Gothic fallback
Open Sans
Generative engine optimization (GEO) is the practice of structuring your web presence so AI systems can accurately surface and cite your brand. Where SEO targets crawlers, GEO targets large language models.
0123456789 #geo #ai_search
Open Sans + DM Mono — Body & Code
Open Sans: 300, 400, 700
DM Mono: 400, 500 (code, labels, tags)
Google Fonts → free
Type Scale
Display56px/-4%geo-tool.
H140px/-3%AI Search Visibility
H228px/-2%Your GEO Score
H320px/-1%Citation Coverage
Body LG18px/300Understand how AI models perceive your brand.
Body15px/400Track your generative engine presence over time.
Small13pxLast updated 2 hours ago
Mono13px/DM Monogeo_score: 94.2 · citations: 847
04 — Components

UI Kit

Atomic elements — buttons, badges, cards, inputs. Gradient-accented.

Buttons
Badges & Tags
LiveAI CitedBetaGEO Ready
ChatGPT ✓Perplexity ✓Gemini ✓Grok —
Score: 94↑ +12 ptsTop 3%
Cards
GEO Score
↑ Live
94.2
Your brand is cited by 4 of 5 major AI search engines. Up from 81.3 last month.
Updated 2h ago
Form Inputs
05 — Motion

Motion & Timing

Motion should feel fluid and organic. Never abrupt, never decorative without purpose.

Ease InOut
ease-in-out
300ms
Spring
cubic-bezier
.68,-.55,.265,1.55
Fade Pulse
ease-in-out
skeleton/loading
Slide Up
ease-out
200ms/enter
Timing Tokens
--dur-fast100msHover states, icon swaps
--dur-base200msButton press, input focus
--dur-slow300msPanel open, modal entrance
--dur-xslow500msPage transitions, data reveal
--dur-blob3000msBackground ambient animations only
06 — Voice & Tone

Voice & Tone

geo-tool speaks like a knowledgeable colleague — direct, confident, without buzzword soup.

✓ Do
"Your brand is missing from 3 AI search engines. Here's why — and how to fix it in 48 hours."
Direct problem → direct solution. Confidence without arrogance.
✗ Don't
"Leveraging AI-powered synergies to holistically optimize your digital footprint across next-gen generative ecosystems."
Buzzword overload. Zero substance.
✓ Do
"GEO Score: 94. You're in the top 5% of tracked brands. ChatGPT cites you 3× more than your closest competitor."
Numbers, context, comparison. Data builds trust.
✗ Don't
"Unlock the potential of your brand's AI presence journey with our revolutionary platform solution."
Vague aspirational language. Says nothing, promises everything.
Tone Attributes
⚡
Direct
Lead with the insight. Short sentences. Active voice.
🔬
Precise
Specific numbers over vague claims. Cite sources. Show methodology.
🤝
Human
We work with you, not at you. No jargon without explanation.