Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Myntra
E-commerceMyntra creates a vibrant, carnival-like shopping atmosphere with bold promotional overlays and warm orange gradients that feel festive and energetic. The typography hierarchy uses clean sans-serif fonts with strategic weight variations, creating excitement while maintaining readability across promotional content.
Design Identity
Signature Color
Myntra Carnival Orange
#FF6B35
festival excitement and shopping enthusiasm - communicates urgency and celebration in fashion retail
Visual Identity
Gradient-heavy promotional banners with bold overlay graphics and event-driven messaging that transforms shopping into a festival experience
Component Style
Rounded pill buttons with vibrant backgrounds, no visible borders or shadows - everything feels approachable and friendly with smooth curves that encourage interaction
Spacing Philosophy
Dense promotional layouts with minimal breathing room between offers, creating urgency while the navigation maintains clean 80px line-height for easy browsing
Design Principles
- Typography weights jump dramatically from 400 to 700 with no intermediates
- Font sizes cluster around small values: 11px links, 14px body, 16px nav
- Promotional graphics dominate screen real estate over white space
- Warm gradients transition from yellow to deep orange
- Event-driven messaging creates temporal urgency
Target Audience
Young Indian fashion shoppers aged 18-35 who seek trendy, affordable clothing and respond to festival-style marketing
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 | normal | |
| h1 | 14px | 700 | 18px | |
| h3 | 14px | 700 | 18px | |
| p | 24px | 700 | normal | |
| a | 11px | 700 | normal | |
| button | 0px | 400 | 0px | |
| input | 14px | 400 | 24px | |
| nav | 16px | 400 | 80px | |
| header | 16px | 400 | normal | |
| footer | 16px | 400 | normal |
Color Palette
No colors extracted
