Bevel App
fitness · image
8
craft
The design creates a sense of scale by layering numerous semi-transparent data tags behind a singular, vertically oriented hero image.
Palette
#b7b7b7
background · 76.1%
#1b1713
text · 6.8%
#929292
secondary · 6.4%
#33312d
surface · 2.5%
#7b7b7b
neutral · 1.7%
#785c49
accent · 0.4%
Composition
centered hero
Layout
centered
Color structure
neutral plus accent
Background
subtle gradient
Typography
sans · sans only
Imagery
photographic · realistic
Temperature
neutral
Accent lands on
headline word
Mood
What makes it work
- central vertical alignment of all elements
- layered translucency in background UI elements
- high contrast between hero subject and neutral ground
More like this
Bevel App
fitness · neutral plus accent
Train Fitness
fitness · neutral plus accent
Google Health
fitness · neutral plus accent
Troponin Supplements
fitness · monochrome
ROUVY
fitness · neutral plus accent
Freeletics
fitness · neutral plus accent
Freeletics
fitness · neutral plus accent
Freeletics
fitness · analogous blend