Gymshark: Gymshark sale-driven storefront with split dual-gender hero and category sale grids
A high-contrast sale storefront led by a magenta-to-purple gradient promo banner ("EXTRA 20% OFF") above a split-screen dual hero where a woman ("UP TO 50% OFF EVERYTHING / Shop women's") and a man (Shop men's) occupy mirrored gym-lit panels with stark white condensed-bold uppercase type. The signature element is the relentless editorial product-grid system: black-and-white catalog photography in four-up rows under all-caps section headers (WOMEN'S SALE, MEN'S SALE, TOP 10 IN SALE) with magenta "SALE / 20% OFF" corner badges, punctuated by pill toggles (WOMEN/MEN, GUIDES/TRENDING/TRAINING/APPS) and a dark "GYMSHARK X BRATZ" co-branded campaign band.
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-gymshark-sale-driven-storefront-with-split-dual-gender-hero-and-category-sale-grids.
Palette
Fonts
Page types
UX patterns
UI elements
Context
More from Gymshark
- Banner — GYMSHARK X BRATZ dark campaign band
- Gallery / Showcase — HOW DO YOU TRAIN? toggle + activity grid
- Banner — Magenta-purple promo banner with EXTRA 20% OFF + nav bar
- Gallery / Showcase — MEN'S SALE four-up product grid
- Feature — SEO copy block: WORKOUT CLOTHES & GYM CLOTHES
- Hero — Split dual-gender UP TO 50% OFF hero
- Gallery / Showcase — TOP 10 IN SALE carousel row
- Gallery / Showcase — WAIT THERE'S MORE guides grid + link columns
- Gallery / Showcase — MEN'S SALE four-up product grid + Gymshark X Bratz banner