Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
91APP
E-commerce91APP employs a bold red signature with interlocking circular motifs that create dynamic visual momentum, positioning itself as an energetic commerce enabler. The design balances corporate professionalism with approachable warmth through strategic use of gradients and clean typography hierarchy.
Design Identity
Signature Color
91APP Commerce Red
#E53E3E
Dynamic commerce energy and growth acceleration
Visual Identity
Interlocking circular design elements with gradient treatments that create a sense of connected systems and continuous flow - the infinity-like intersection pattern becomes the visual signature beyond the logo.
Component Style
Rounded rectangular buttons with generous padding and coral-orange backgrounds (#E56B6F), no harsh shadows but subtle depth through color gradients. Clean edges with approximately 6-8px border radius create friendly approachability.
Spacing Philosophy
Generous whitespace with large 80-120px vertical gaps between major sections, creating breathing room that emphasizes the central interlocking graphic. Tight 16-24px spacing within component groups maintains cohesion.
Design Principles
- Primary red gradients from coral (#E56B6F) to deep red (#E53E3E)
- Typography uses only Noto Sans family with 16px, 20px, 32px, 44px sizes
- Border radius consistently 6-8px across all interactive elements
- Brand logos displayed in rows of 6 with equal spacing
- Circular motifs always appear in interlocking pairs
Target Audience
D2C brand managers and e-commerce directors at mid-to-large retail companies seeking integrated commerce and marketing solutions
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 | 24px | |
| h1 | 44px | 700 | 60px | |
| h2 | 32px | 700 | 48px | |
| h3 | 32px | 700 | 48px | |
| h4 | 20px | 600 | 32px | |
| p | 16px | 600 | 16px | |
| a | 16px | 500 | 24px | |
| button | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
#000000#abb8c3#ffffff#f78da7#cf2e2e#ff6900#fcb900#7bdcb5#00d084#8ed1fc#0693e3#9b51e0
