top of page

Fit App Style Guide

Brand

The Fit app is about more than just getting fit. It's about finding a routine that's custom fit to the user and their style. It's the right fit for their needs and goals. It helps them fit exercise into their busy lives. And sure, it may also help them fit back into their favorite jeans.

Values

  • Strength: not just in the body, but in spirit and will

  • Vibrancy: energy and life; strength and resonance

  • Authenticity: real people in real environments

  • Approachability: familiar and inviting; aspirational yet relatable

  • Diversity: accessible and encouraging to all

Moods

The theme of the Fit app is referred to as "Sunset."​ Think beach vibes, natural light, and desaturated tones of coral and teal.

Key Messaging

  • Fit for All

  • Get Fit

  • Find what you love.

  • You’ve got this. And we’ve got you.

  • Getting back into exercise doesn't have to be an ordeal.

  • A little effort goes a long way.

Logo

Please respect our branding guidelines; do not alter the logo in any way, shape or form.

Fit app icons_white glyph.png

Glyph for mobile use only

Fit app icons_white_white.png

Full logo for tablet and desktop

Within the Fit app, the Fit logo may be used only in white upon a dark background.

Brand

Color

Dark and light salmon hues are used for primary elements such as icons and buttons. Shades of teal are used for secondary elements and image gradients.

Salmon

coral.jpg

Teal

teal.jpg

Greyscale

greyscale.jpg
Color

Imagery

The app imagery must reflect the brand values.

Fit icon set_green check.png

Yes

  • Authentic: Real people in real places

  • Natural: Window lighting and outdoor environments

  • Approachable: An achievable level of fitness

  • Diverse: All body types, skin colors, ability, etc.

  • Desaturated: Deep jewel tones, faded blacks

Fit icon set_coral X.png

No

  • Fake: Unbelievably smily, commercial, staged

  • Sexual: Oiled-up, scantily clad model types

  • Chipper: Bright colors, cartoony illustrations

  • Homogenous: All white, all thin, all ripped

  • Aggressive: Pro fitness level, jacked-up trainers

Imagery

Typography

Heading 1

Nunito Sans Bold 26/-1

Heading 2

Nunito Sans Bold 22/.15

HEADLINE 3

NUNITO SANS REGULAR 17/3

Subtitle 1

Nunito Sans Bold 18/.15

 

SUBTITLE 2

NUNITO SANS SEMIBOLD 17/.15

Body

Nunito Sans Regular 17/.5

Secondary

Nunito Sans Regular 15/.25

Tertiary

Nunito Sans Regular 13/.4

Button 1

Nunito Sans SemiBold 18/.5

Button 2

Nunito Sans Bold 16/0

 

Button 3

Nunito Sans Regular 13/.4

Typography

Icons

Navigation

Workout Details

Search

Video Controls

Schedule

Actions

User Stats

Badges

Icons

Components

Buttons

buttons.jpg

Bars

bars.jpg

Selection

selection.jpg

Cards

cards.jpg
Components
bottom of page