Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Grover
E-commerceGrover embodies tech rental accessibility with a vibrant magenta-driven palette that feels approachable yet premium. The Inter typography at 800 weight creates bold, confident messaging while the clean white space suggests effortless browsing of high-end electronics.
Design Identity
Signature Color
Grover Magenta
#E91E63
accessible premium tech - making high-end electronics approachable for everyone
Visual Identity
Bold magenta accent icons paired with ultra-heavy 800-weight Inter typography and generous white space around clean product photography grids
Component Style
Soft-rounded cards with subtle shadows, magenta accent elements, and clean product imagery. Components feel approachable and premium without being intimidating - designed for browsing rather than urgent conversion.
Spacing Philosophy
Generous breathing room between sections with tight, organized product grids. Wide margins create a premium gallery feel while keeping product categories easily scannable.
Design Principles
- Typography exclusively uses Inter at 800 weight for headings
- Magenta (#E91E63) reserved for key accent elements and icons
- Product images use consistent aspect ratios in clean grids
- White backgrounds dominate with strategic color pops
- Category navigation uses large, clear iconography
Target Audience
Tech-conscious consumers who want premium devices without long-term commitment - millennials and Gen Z who value access over ownership
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 | |
| h2 | 32px | 800 | 38.4px | |
| h3 | 24px | 800 | 28.8px | |
| h4 | 16px | 800 | 24px | |
| h5 | 24px | 800 | 28.8px | |
| p | 16px | 700 | 24px | |
| a | 16px | 400 | 16px | |
| button | 16px | 700 | 24px | |
| input | 16px | 700 | 24px | |
| footer | 16px | 400 | 16px |
Color Palette
#007aff
