Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Gymshark
E-commerceGymshark's aesthetic screams unapologetic energy with oversized neon pink typography that demands attention like a battle cry. The design merges raw athletic power with sleek minimalism - clean layouts offset by explosive color accents that feel like pure adrenaline.
Design Identity
Signature Color
Gymshark Neon Pink
#FF0080
High-performance motivation and relentless ambition
Visual Identity
Massive display typography in electric pink paired with stark black-and-white hero imagery - the text becomes the primary visual element, not just supporting copy.
Component Style
Clean geometric buttons with subtle rounded corners (4-6px), minimal shadows, and high contrast. Everything feels purposefully athletic - strong without being heavy, precise without being clinical.
Spacing Philosophy
Generous breathing room around hero elements with tight, focused product grids. Large 48-64px gaps create impact zones while compact 16px internal spacing maintains information density.
Design Principles
- Typography scales dramatically - hero text at 80px+ creates impact
- Neon pink reserved exclusively for primary messaging and CTAs
- Monochromatic base with strategic color bursts
- Button radius never exceeds 6px
- Product imagery maintains 4:5 aspect ratio consistency
Target Audience
Ambitious fitness enthusiasts aged 18-35 who view training as lifestyle and status - gym culture devotees who want performance gear that makes a statement
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | 16px | |
| h1 | 32px | 700 | 40px | |
| h2 | 24px | 700 | 30px | |
| h3 | 16px | 700 | 21px | |
| h4 | 14px | 400 | 19px | |
| h5 | 12px | 700 | 19px | |
| h6 | 16px | 700 | 19.2px | |
| p | 14px | 400 | 24px | |
| a | 12px | 400 | 16.8px | |
| button | 13.3333px | 400 | normal |
Color Palette
#007aff#00bfff#ebebf0#466094#377d47#808080#e3723b#83499a#6d441b#989898#e5e5ea#e8e8e8
