Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Gorillas
Quick CommerceGorillas employs a deep space-grade aesthetic with midnight navy (#070d1a) backgrounds that evoke the urban night economy of rapid delivery. The massive 800-weight Inter typography creates an authoritative, almost industrial presence that suggests speed and reliability in the darkness.
Design Identity
Signature Color
Midnight Gorilla
#070d1a
nocturnal urban efficiency - the brand of services that work while the city sleeps
Visual Identity
The ultra-dark navy background with floating content cards creates a distinctive 'command center' aesthetic - like viewing a delivery operation dashboard from mission control.
Component Style
Large rounded cards (24px radius) float against the dark void with substantial shadows (0 20px 60px rgba(0,0,0,0.45)). Components feel hefty and premium, with generous padding and soft edges that suggest approachable efficiency.
Spacing Philosophy
Generous whitespace creates breathing room in the darkness, with feature cards given substantial separation. The layout feels intentionally sparse, letting each element command attention like spotlights in the night.
Design Principles
- Border radius standardized at 24px for all major components
- Typography weight contrast: 800 for headlines, 400 for body
- Deep shadows (0 20px 60px) create floating card illusion
- Ultra-dark background (#070d1a) with lighter cards (#0d1528)
- Feature lists use cyan accent bullets for wayfinding
Target Audience
Urban professionals and night-shift workers who value premium convenience services that operate outside traditional business hours
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 | 72px | 800 | 68.4px | |
| p | 16.96px | 400 | 31.376px | |
| a | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px | |
| main | 16px | 400 | 24px |
Color Palette
#070d1a#0d1528#fff3cd#d63384#fcfcfd#0a58ca#cfe2ff#212529#d1e7dd#e2e3e5#0d6efd#ffffff
