Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Accel
FinanceAccel embodies venture capital sophistication through extreme minimalism and vast whitespace that creates an almost meditative, gallery-like atmosphere. The restrained palette of warm grays and muted earth tones evokes patient capital and long-term thinking, while the ultra-light Poppins typography whispers confidence rather than shouting it.
Design Identity
Signature Color
Accel Whisper Gray
#f6f6f6
institutional calm and understated wealth - the color of quiet confidence in venture capital
Visual Identity
The dramatic use of negative space as the primary design element - most brands fill space, Accel celebrates emptiness to convey institutional gravitas and patient capital philosophy.
Component Style
Invisible components that blend seamlessly into the background - no borders, no shadows, no visual weight. Elements appear to float in the whitespace with only the gentlest typographic hierarchy for navigation.
Spacing Philosophy
Maximalist use of whitespace with micro-precise increments (2px, 4px, 6px steps) - vast expanses broken by surgical precision in small details, creating a sense of infinite resources and meticulous attention.
Design Principles
- Typography never exceeds 300 weight - everything whispers
- 88px headline size creates dramatic scale jumps
- All spacing follows even-number increments from 2px to 16px
- Earth tones stay muted - no pure colors allowed
- Whitespace should dominate 80% of any viewport
Target Audience
Institutional investors and unicorn founders who value intellectual restraint over flashy marketing - people who recognize sophistication through subtlety
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 | 300 | 24px | |
| h1 | 88px | 300 | 118.8px | |
| p | 32px | 300 | 40px | |
| a | 16px | 300 | 24px | |
| input | 16px | 700 | normal | |
| nav | 16px | 300 | 24px | |
| header | 16px | 300 | 24px | |
| footer | 16px | 300 | 24px | |
| main | 16px | 300 | 24px |
Color Palette
#f6f6f6#923b3d#c5dbd9#3b4e81#244946#e8af46#bed2f5#999999#c6ccb0#222222#dec2aa#752f31
