Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Riverside
MediaRiverside embodies a cinematic, high-production aesthetic with dramatic dark tones and bold purple accents that evoke premium studio equipment. The heavy Inter typography with extreme weight contrasts (300 to 700) creates a professional broadcast feel, while the moody atmosphere suggests late-night creative sessions.
Design Identity
Signature Color
Studio Purple
#8B5CF6
Creative authority and premium production tools - the color of professional content creation
Visual Identity
Cinematic blur overlays with stark white typography creating dramatic depth - like looking at a high-end recording studio through frosted glass
Component Style
Rounded corners with subtle transparency effects and soft shadows. Buttons feel substantial with generous padding and smooth curves. Everything has a premium, tactile quality like professional audio equipment.
Spacing Philosophy
Generous breathing room with wide margins that create a sense of premium positioning. Elements float in space rather than cramming together, mimicking the layout of professional studio interfaces.
Design Principles
- Typography weight jumps dramatically from 300 to 700 with no middle ground
- Border radius stays consistently around 24-32px for pill-shaped elements
- Background blur effects create depth without sacrificing readability
- Purple accent color only appears on primary actions
- White text maintains high contrast against dark backgrounds
Target Audience
Content creators, podcasters, and video professionals who need studio-quality tools but want consumer-friendly interfaces
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 | 22px | |
| h1 | 80px | 700 | 86px | |
| h2 | 50px | 700 | 58px | |
| h3 | 30px | 700 | 22px | |
| h6 | 16px | 600 | 24px | |
| p | 14px | 600 | 24px | |
| a | 20px | 300 | 32px | |
| nav | 16px | 300 | 22px |
Color Palette
No colors extracted
