Gymshark — Gallery / Showcase
'HOW DO YOU TRAIN?' header with a WOMEN/MEN pill toggle above a four-up category grid (Pilates, HIIT, Running, Lifting) of action photography with magenta '60%' edge tags.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/gymshark-how-do-you-train-toggle-activity-grid.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #5C5C5C |
| Contrast | 6.69 |
| Columns | 1 |
| Alignment | left |
| Whitespace | airy |
| Density | 0.141 |
| Measured size | 1600×752 px |
Palette
#FFFFFF#000000#E6007E
Fonts
MontserratRoboto
Page types
Detail
UI elements
CardToggleBadge
Context
- Parent page: Gymshark sale-driven storefront with split dual-gender hero and category sale grids
- All of Gymshark
Other sections on this page
- Banner — Magenta-purple promo banner with EXTRA 20% OFF + nav bar
- Hero — Split dual-gender UP TO 50% OFF hero
- Gallery / Showcase — MEN'S SALE four-up product grid + Gymshark X Bratz banner
- Gallery / Showcase — MEN'S SALE four-up product grid
- Banner — GYMSHARK X BRATZ dark campaign band
- Gallery / Showcase — TOP 10 IN SALE carousel row
- Gallery / Showcase — WAIT THERE'S MORE guides grid + link columns
- Feature — SEO copy block: WORKOUT CLOTHES & GYM CLOTHES