Brand Guide
Official design standards for Billion Dollar Journey.
Color Palette
Primary Colors
Gold
#F59E0B
Primary accent, CTAs, highlights
Charcoal
#111111
Primary background
White
#FFFFFF
Primary text, headings
Secondary Colors
Dark Gray
#1A1A1A
Card backgrounds
Light Gray
#9CA3AF
Subtitles, descriptions
Medium Gray
#6B7280
Muted text, captions
Status Colors
Success
#22C55E
Positive values, success
Danger
#EF4444
Negative values, errors
Info
#3B82F6
Links, information
Typography
Heading Font
Outfit Bold
Body Font
Inter Regular - The quick brown fox jumps over the lazy dog.
Type Scale
H1 Page Title
H2 Section Header
H3 Card Title
Body Text - Regular paragraph content
Subtitle - Secondary descriptions
Logo
Icon
Lucide "trending-up" in Gold (#F59E0B)
"BILLION"
Gold (#F59E0B), Weight 700
"DOLLAR"
White (#FFFFFF), Weight 700
"JOURNEY"
Gray (#9CA3AF), Weight 500
Components
Buttons
Badges
Default Badge
Success
Danger
Cards
Standard Card
Background: rgba(255,255,255,0.02)
Border: rgba(255,255,255,0.05)
Featured Card
Gold gradient background with gold border accent
Layout Standards
Page Headers
Always center-aligned, max-width 700px, title in white, subtitle in gray (#9CA3AF)
Section Labels
Left-aligned, icon + uppercase text in gold, with bottom border
Container
Max-width 1200px, horizontal padding 20px, vertical page padding 80px
Border Radius
Small: 8px, Medium: 12px, Large: 16px, XL: 20px
Full Brand Guidelines
Download the complete brand guide document for offline reference.