Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Sony
Consumer ElectronicsSony's brand identity embodies premium entertainment mastery through cinematic black backdrops and bold content showcases. The design creates an immersive theater-like experience where high-impact visuals dominate, supported by clean typography that never competes with the star content.
Design Identity
Signature Color
Sony Cinematic Black
#000000
Premium entertainment authority and theatrical sophistication
Visual Identity
Full-bleed cinematic content carousels against deep black backgrounds with minimal chrome - the interface disappears to let entertainment content be the hero.
Component Style
Invisible-first UI where navigation and controls fade into black backgrounds. Clean sans-serif typography in white provides contrast without distraction. No visible borders or shadows - everything melts into the cinematic experience.
Spacing Philosophy
Maximum real estate devoted to hero content with minimal padding. Navigation strips are compressed to thin horizontal bands, allowing full-screen immersion with content bleeding to all edges.
Design Principles
- Content always fills maximum available space
- White text on black for all chrome elements
- SST W20 font family for all interface text
- Zero visible borders or component outlines
- Hero content uses full viewport width
Target Audience
Entertainment enthusiasts and media professionals who expect cinema-quality presentation and premium brand experience
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 | normal | |
| h1 | 16px | 700 | 16px | |
| h2 | 16px | 700 | 20px | |
| h3 | 20px | 700 | normal | |
| p | 14px | 400 | 21px | |
| a | 16px | 700 | 16px | |
| button | 13.3333px | 400 | normal | |
| nav | 16px | 400 | 16px | |
| header | 16px | 400 | 16px | |
| footer | 16px | 400 | normal |
Color Palette
#007aff
