SalesSprint Brand Style Guide

Brand Colors

Navy SS

#0f172a

Primary backgrounds, headers, dark sections

Orange SS

#ea580b

CTAs, important highlights, brand accent

Lighter Orange

Lighter Orange SS

#fb923c

Icons, hover states, secondary accents

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;
}