Accelety Marketing

Design system

Performance Driven Marketing. Navy chrome, light canvas, purple reserved for action.

Color tokens

Accelerate Navy#0B1F3A · var(--navy)Chrome, headings, text
Momentum Purple#7138E2 · var(--purple)Primary actions only
Growth Cyan#00C2C7 · var(--cyan)Positive deltas, accents
Cloud White#F4F2F2 · var(--cloud)Page canvas
Surface#FFFFFF · var(--surface)Cards and tables
Danger#D64545 · var(--destructive)Destructive states
Warning#E8A33D · var(--warning)Caution states
Border#E3E1E1 · var(--border)Neutral borders
Muted text#5B6B80 · var(--muted-foreground)Secondary copy
Series 1Series 2Series 3Series 4 (navy 60%)Series 5 (navy 35%)

Typography

H1 · 40px Inter Bold

H2 · 28px Inter Medium

H3 · 20px Poppins Medium

Body · 14px Poppins Regular. Clear, confident, strategic, results-oriented.

Caption · 11px Poppins Light

Logo

Primary
Accelety Marketing
Stacked
acceletymarketingAccelety Marketing
Icon
AcceletyAccelety
Accelety Marketing

Components

Default
Secondary
Outline
Error
+18.4% vs prior period

Texture

Empty state treatment

Arcs and dotted orbits appear on auth screens, empty states, and the portal hero.