Brand Guidelines
Official colors, typography, and visual identity for topVue Marketing.
Logo
Primary logo on dark background
Logo mark / Icon
Primary Colors
Cyan 400
#22d3ee
cyan-400
Cyan 500
#06b6d4
cyan-500
Blue 500
#3b82f6
blue-500
Blue 600
#2563eb
blue-600
Primary Gradient
linear-gradient(to right, #06b6d4, #2563eb)
from-cyan-500 to-blue-600
Background Colors
Slate 950
#020617
slate-950
Slate 900
#0f172a
slate-900
Slate 800
#1e293b
slate-800
Slate 700
#334155
slate-700
Text Colors
White
#ffffff
white
Slate 300
#cbd5e1
slate-300
Slate 400
#94a3b8
slate-400
Slate 500
#64748b
slate-500
Headlines use White (#ffffff)
Body text uses Slate 300 (#cbd5e1)
Secondary text uses Slate 400 (#94a3b8)
Muted text uses Slate 500 (#64748b)
Service Page Colors
Social Media
PPC Advertising
SEO
Typography
Font Family
Inter
System fallback: -apple-system, BlinkMacSystemFont, sans-serif
Heading 1 - 48px/60px Bold
The quick brown fox
Heading 2 - 36px/40px Bold
The quick brown fox
Heading 3 - 24px Bold
The quick brown fox
Body - 18px Regular
The quick brown fox jumps over the lazy dog.
Small - 14px Regular
The quick brown fox jumps over the lazy dog.
