Design System
Brand Guide
Identity
Logo
Star Mark
Standalone brand mark
SoloBusiness.Coach Horizontal Lockup
Used in footer & mobile nav
Palette
Colors
Primary
#c99383
Primary Light
#ddb5a8
Primary Pale
#e8cdc4
Primary Dark
#a87060
Secondary
#230344
Secondary Mid
#2e0a56
Accent
#9aae8b
Base
#140226
Base Surface
#1a0a30
Base Elevated
#22103c
Warm
#f5ebe3
Warm Deep
#ecddd0
Text Colors
Text Light
#f5efe9
Text Light Mid
rgba(245,239,233,0.68)
Text Light Muted
rgba(245,239,233,0.48)
Text Dark
#2a1f1a
Text Dark Muted
#6b5d53
Type System
Typography
Display Font — Gilmer Bold
The quick brown fox jumps over the lazy dog
Body Font — Cerebri Sans
Regular 400 — The quick brown fox jumps over the lazy dog. Economy of effort is my specialty.
Medium 500 — The quick brown fox jumps over the lazy dog. Economy of effort is my specialty.
SemiBold 600 — The quick brown fox jumps over the lazy dog. Economy of effort is my specialty.
Bold 700 — The quick brown fox jumps over the lazy dog. Economy of effort is my specialty.
Type Scale
Eyebrow Label
Display Heading
Section Heading (h2)
Subsection Heading (h3)
Body text at 1.0625rem / 17px. This is the default paragraph style used throughout the site, set in Cerebri Sans at regular weight with generous line height.
Interactive Elements
Buttons & Links
Primary Buttons
On Warm Background
Link CTAs
Patterns
Components
Divider
Tier Card
Trust Card (Warm Background)
Card Heading
Card description text goes here with muted color.
FAQ Row
Blockquote
Reference
Token Reference
--font-display: Gilmer Bold, Georgia, serif
--font-body: Cerebri Sans, -apple-system, sans-serif
--sidebar-w: 72px
--gutter: clamp(1.5rem, 4vw, 3.5rem)
--ease-out: cubic-bezier(0.215, 0.61, 0.355, 1)
--ease-smooth: cubic-bezier(0.16, 1, 0.3, 1)