Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Asus
Consumer ElectronicsASUS employs a warm, cinematic gradient aesthetic that transforms technology into lifestyle aspiration. The rich amber-to-burgundy palette creates an inviting, premium atmosphere while maintaining accessibility through clean typography and intuitive navigation.
Design Identity
Signature Color
ASUS Amber
#C8692D
Warm innovation - technology that enhances life rather than complicates it
Visual Identity
Cinematic gradient backgrounds with floating product photography and lifestyle imagery that creates depth through layered visual storytelling
Component Style
Clean, minimal components with subtle rounded corners and plenty of breathing room. Buttons and navigation elements feel weightless against the rich backgrounds, using transparency and gentle borders rather than heavy shadows.
Spacing Philosophy
Generous whitespace around hero content creates focus, while the navigation maintains compact 16px spacing for efficiency. The layout breathes with large sections but keeps interactive elements accessible.
Design Principles
- Gradients always flow from warm amber to deep burgundy
- Typography uses TTNormsPro family exclusively with 400-600 weight range
- Interactive elements maintain 15-18px font sizes for readability
- Product imagery floats with subtle shadows for dimensionality
- Navigation stays minimal with single-line hierarchy
Target Audience
Tech-savvy professionals and content creators who value both performance and aesthetic appeal in their workspace and travel technology
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 | |
| h2 | 14px | 600 | 18.9px | |
| p | 14px | 600 | 18.9px | |
| a | 15px | 400 | normal | |
| button | 15px | 400 | normal | |
| input | 18px | 450 | 22.5px | |
| nav | 16px | 400 | normal |
Color Palette
No colors extracted
