Troponin Supplements
fitness · product-shot
6
craft
The layout uses depth and material effects like glassmorphism to separate functional zones without using vibrant colors.
Palette
#15171a
background · 33.1%
#2d2f31
surface · 15.9%
#eeeeee
text · 17.7%
#454749
neutral · 6.5%
#5c5e60
secondary · 7.2%
#d9d9d9
accent · 4.1%
Composition
split panel
Layout
asymmetric
Color structure
monochrome
Background
dark panel
Typography
sans · grotesque sans
Imagery
ui screenshot · realistic
Temperature
neutral
Accent lands on
cta button, logo mark
Mood
What makes it work
- overlapping semi-transparent glassmorphism panels
- asymmetric division between dark-themed text rail and light-themed visual card
- heavy sans-serif headline with tight vertical spacing
- monochromatic grayscale color story with depth through layering
More like this
Train Fitness
fitness · neutral plus accent
Bevel App
fitness · neutral plus accent
Bevel App
fitness · neutral plus accent
ROUVY
fitness · neutral plus accent
Freeletics
fitness · neutral plus accent
Freeletics
fitness · neutral plus accent
Sanhouse Fit
fitness · high contrast pair
Mercury
fintech · monochrome