SalesSprint

Brand Style Guide & Theme Factory

Brand Colors

Navy SS
Navy SS
#0f172a
Primary backgrounds, headers, dark sections
Orange SS
Orange SS
#ea580b
CTAs, important highlights, brand accent
Lighter Orange
Lighter Orange SS
#fb923c
Icons, hover states, secondary accents
Off-white SS
Off-white SS
#f9f9f9
Light text, card backgrounds
Header Text
Header Text SS
#020817
Headlines on light backgrounds
Body Text
Sub/Body Text
#64758b
Body copy, secondary text

Typography

Headline 1 (H1)
Accelerate Your Career
Headline 2 (H2)
Real Training. Real Results.
Headline 3 (H3)
Your Sprint Journey
Body Text
SalesSprint transforms aspiring sales professionals into career-ready talent through an intensive two-week program combining real training with actual client work. Our proven methodology has launched over 500 successful careers with a 95% success rate.

UI Components

Buttons
Statistics
14
Days to Launch
95%
Success Rate
500+
Careers

Usage Examples

Hero Section
Use gradient backgrounds with Navy SS to #1e293b for dynamic headers. Combine with orange accents for CTAs.
Content Cards
Week 1
Week 2
Launch
Use subtle borders with orange accent colors. Hover effects should scale and glow.
Implementation Code
/* CSS Variables */
:root {
  --color-navy-ss: #0f172a;
  --color-orange-ss: #ea580b;
  --color-orange-light-ss: #fb923c;
  --color-offwhite-ss: #f9f9f9;
  --color-header-text-ss: #020817;
  --color-body-text-ss: #64758b;
}