Freeletics
fitness · image
8
craft
The design leverages high-contrast black typography against a cool, neutral gradient to convey a premium fitness aesthetic. The use of a container border reinforces the mobile-first UI context.
Palette
#eaeef1
background · 56.8%
#d2dcdd
surface · 31.2%
#bdc5c6
secondary · 4.1%
#5c6265
neutral · 1.6%
#2a3235
text · 1.2%
#000407
accent · 0.3%
Composition
centered hero
Layout
border framed
Color structure
neutral plus accent
Background
subtle gradient
Typography
sans · sans only
Imagery
typographic only · none
Temperature
cool
Accent lands on
badge icon, active indicator
Mood
What makes it work
- Heavyweight centered typographic hierarchy
- Thick-stroke rounded border framing
- Monochromatic cool-grey palette
- Symmetrical vertical stack
More like this
Freeletics
fitness · neutral plus accent
Freeletics
fitness · analogous blend
Train Fitness
fitness · neutral plus accent
Troponin Supplements
fitness · monochrome
Bevel App
fitness · neutral plus accent
Google Health
fitness · neutral plus accent
Bevel App
fitness · neutral plus accent
ROUVY
fitness · neutral plus accent