BODi - Fitness, Nutrition, and Personal Growth
Desktop · Light · scroll within frame to see full page
Design System Inspiration
Beachbodyondemand — extracted via DESIGN.md
Healthcare · Fitness & Nutrition
Typography
Lato
Heading
Helvetica
Body
Color palette
TL;DR
Beachbodyondemand (BODi) utilizes a high-energy, functional aesthetic that pairs a clean white canvas with a technical charcoal foundation (#161819). The system is anchored by **Lato**, used in extreme weights (700 to 900) for display and subheadings to convey strength and authority. Primary interaction is driven by an electric blue (#2490ff), while secondary "voltage" is provided by a warm amber (#f6bf26) and orange (#e67100) for high-priority conversion points. Layouts are structured with generous vertical rhythm, often alternating between white and soft gray (#f7f8fa) section backgrounds.
Target audience
The target audience consists of individuals seeking structured fitness, nutrition, and personal growth programs, likely those who appreciate a professional and clear digital interface.
Full tech stack
Analytics
Meta description
Get the BODi app (formerly Beachbody) and meet your goals. You've tried working out before; BODi keeps you engaged in ways that work for you.
Brand Voice
High-energy, results-driven, and supportive, focusing on physical transformation and mental empowerment.
Positioning
BODi is a comprehensive health and fitness platform for individuals seeking structured, step-by-step guidance to lose weight, build strength, and develop a growth mindset.
Voice principles
- —Empowering: Uses active verbs and motivational language to ignite action and confidence.
- —Results-Oriented: Focuses heavily on measurable outcomes, specific timelines, and physical evidence of success.
- —Inclusive but Ambitious: Welcomes beginners while emphasizing that "meaningful goals" require commitment and groundbreaking programs.
- —Direct: Uses short, punchy sentences that prioritize clarity and immediate benefits over flowery prose.
