Brand colors and component showcase
Use these for standard UI patterns (buttons, alerts, badges)
Direct access to FounderWell brand colors for specific features
Dark Blue
Focus, Sessions
Blue
Support, Growth
Green
Wellbeing
Yellow
Direction
Magenta
Settings
Orange
Accents
Softer backgrounds for sections and content areas
Welcome sections and onboarding flows
Check-ins and assessment forms
Growth tracking and progress
Wellness content and guidance
Mental health and self-care
Scheduled for tomorrow at 2:00 PM with Sarah Thompson
| Class | Color | Usage |
|---|---|---|
.bg-fw-dark-blue |
Focus, Sessions | |
.bg-fw-blue |
Support, Growth | |
.bg-fw-green |
Wellbeing, Challenges | |
.bg-fw-yellow |
Direction, Documents | |
.bg-fw-magenta |
Settings, Thoughts | |
.bg-fw-orange |
Accents, Errors |
See docs/THEME_COLORS.md for detailed usage guidelines and examples.