Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Canva
DesignCanva radiates creative optimism through a vibrant purple-to-teal gradient that suggests infinite digital possibilities. The custom 'Canva Sans' typography feels approachable yet confident, inviting users to explore while maintaining professional credibility through its 600-weight headings.
Design Identity
Signature Color
Canva Purple
#8B5CF6
Creative empowerment and digital innovation - bridging professional design tools with accessible creativity
Visual Identity
The unmistakable purple-to-teal diagonal gradient background that creates depth and energy, making any interface instantly recognizable as a creative platform
Component Style
Generously rounded buttons (16px+ radius) with soft shadows and comfortable padding create an inviting, tactile feeling. Everything feels pillowy and approachable rather than sharp or clinical.
Spacing Philosophy
Expansive breathing room dominates the hero section with massive 64px+ gaps, while the editing panel maintains intimate 16px spacing to keep tools within easy reach
Design Principles
- Gradient backgrounds always flow diagonally from purple to teal
- Primary text uses Canva Sans at 600 weight for authority
- Border radius consistently exceeds 12px for friendly approachability
- White content panels float above colorful backgrounds
- Tool interfaces use compact 8-16px spacing while marketing uses generous 32px+
Target Audience
Small business owners, social media managers, and creative professionals who need powerful design tools without the complexity of professional software
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 | 10px | 400 | normal | |
| h1 | 24px | 600 | 32px | |
| h2 | 15px | 700 | normal | |
| h3 | 11.7px | 700 | normal | |
| h4 | 16px | 600 | 24px | |
| p | 14px | 400 | 22px | |
| a | 14px | 400 | 22px | |
| button | 14px | 600 | 22px | |
| nav | 10px | 400 | normal | |
| header | 10px | 400 | normal |
Color Palette
No colors extracted
