Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Synthesia
AI VideoSynthesia embraces ethereal minimalism with vast expanses of pale lavender whitespace punctuated by geometric precision. The Basiersquare typeface creates a contemporary, slightly humanized tone that balances technical capability with approachability, suggesting AI that feels sophisticated yet accessible.
Design Identity
Signature Color
Synthesia Whisper
#F8F9FC
AI-powered serenity - a barely-there lavender that suggests technological sophistication without coldness
Visual Identity
Extreme negative space usage with subtle curved geometric elements that appear to float in an almost empty canvas - like viewing AI through a lens of calm rather than chaos
Component Style
Soft circular elements with generous padding and subtle shadows. Everything feels weightless and floating rather than anchored - no harsh borders or sharp corners, just gentle curves and translucent layers that suggest AI's intangible nature
Spacing Philosophy
Breathtakingly generous whitespace creates a zen-like calm - 80% of the interface is empty space, making every element feel intentional and uncluttered. The vast negative space suggests AI's infinite potential rather than busy complexity
Design Principles
- Whitespace dominates 80% of any view
- All interactive elements use circular or soft-rounded geometry
- Typography scale jumps dramatically from 16px body to 88px headlines
- Subtle shadows (#10182814) provide depth without weight
- Color palette stays within pale lavender and neutral spectrum
Target Audience
Content creators and business professionals who want AI video generation to feel approachable rather than intimidating - people who value simplicity over feature density
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 | 88px | 500 | 88px | |
| h2 | 56px | 500 | 58px | |
| h3 | 28px | 500 | 34px | |
| p | 16px | 400 | 24px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 24px | |
| input | 16px | 400 | normal | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
#101828
