Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
MSI's gaming-tech aesthetic merges electric cyberpunk energy with precision engineering through dramatic dark gradients and neon cyan accents. The bold typography and sharp geometric layouts communicate cutting-edge performance while the dragon shield logo reinforces their gaming heritage with fierce sophistication.

Signature Color
MSI Gaming Cyan
#00BFFF
High-performance gaming precision and electric energy that cuts through darkness
Dramatic black-to-gray gradients with horizontal neon lines creating a futuristic tunnel effect, combined with bold sans-serif typography that uses stark white text on dark backgrounds for maximum contrast and gaming appeal.
Sharp-edged geometric components with minimal borders and subtle gradients. Icons are clean line-art style with consistent stroke weights. Cards feature dark backgrounds with cyan accent highlights and no shadows, emphasizing flat precision over depth.
Dense information architecture with tight vertical rhythm between feature callouts, but generous horizontal spacing around the central product hero. The layout prioritizes impact over breathing room.
Hardcore PC gamers and enthusiasts who prioritize performance specs and appreciate aggressive, tech-forward aesthetics over mainstream consumer design
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | normal | |
| h2 | 36px | 700 | 48px | |
| h3 | 18px | 700 | normal | |
| a | 16px | 400 | normal | |
| button | 24px | 400 | normal | |
| header | 16px | 400 | normal | |
| footer | 16px | 400 | normal | |
| main | 16px | 400 | normal |
#000000#ffffff#e60000#f7f7fa#fafafa#ececec#cccccc#7c7b7b#696969#333333#222222#1a1a1a