Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Sequoia
FinanceSequoia's brand evokes intellectual elegance through its signature serif typography (Rosart) that communicates gravitas and institutional trust. The hero statement's hand-drawn underline accent in signature green creates an intimate, personal touch that humanizes the otherwise formal investment identity.
Design Identity
Signature Color
Sequoia Green
#00a071
Growth, prosperity, and institutional trust - the color of established venture capital legacy
Visual Identity
The hand-drawn green underline flourish that transforms formal serif headlines into personal statements of conviction - making institutional gravitas feel approachable and human.
Component Style
Clean, borderless components with generous whitespace. Elements feel weightless and refined, with subtle shadows (6px natural) used sparingly. Everything breathes with editorial spacing rather than tight UI constraints.
Spacing Philosophy
Editorial breathing room with massive hero sections and generous line-height creating a sense of institutional confidence. Content floats in abundant whitespace like a premium magazine layout.
Design Principles
- Serif typography (Rosart) dominates all primary content for authority
- Hand-drawn accent elements humanize formal content
- Signature green (#00a071) used only for key emphasis
- Natural shadows (6px) add subtle depth without heaviness
- Generous line-height creates editorial breathing room
Target Audience
Ambitious entrepreneurs and institutional investors who value legacy, intellectual rigor, and the gravitas that comes with decades of venture capital success
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 | 18px | 400 | 18px | |
| h1 | 48px | 400 | 57.6px | |
| h2 | 32.1828px | 400 | 35.4011px | |
| p | 18px | 400 | 18px | |
| a | 18px | 400 | 18px | |
| button | 24px | 400 | 24px | |
| input | 18px | 400 | 18px | |
| nav | 18px | 400 | 18px | |
| header | 18px | 400 | 18px | |
| footer | 18px | 400 | 18px |
Color Palette
#000000#abb8c3#ffffff#f78da7#cf2e2e#ff6900#fcb900#7bdcb5#00d084#8ed1fc#0693e3#9b51e0
