Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Corsair
Consumer ElectronicsCorsair brandishes a high-octane gaming aesthetic that screams competitive edge through electric yellow CTA buttons that pierce through deep blacks like neon in a cyberpunk alley. The typography uses Saira's expanded letterforms to create commanding, tech-forward headlines that feel engineered for performance rather than elegance.
Design Identity
Signature Color
Voltage Yellow
#ece81a
Gaming urgency and competitive energy - the color of championship highlights and performance alerts
Visual Identity
The electric yellow call-to-action buttons against deep blacks create an unmistakable gaming command center aesthetic - like backlit keys on a pro gaming keyboard cutting through darkness.
Component Style
Sharp-edged rectangles with no rounded corners - buttons feel like tactical switches with high contrast borders. Everything has hard edges and precise geometry, mimicking the angular design language of gaming hardware.
Spacing Philosophy
Dense, information-packed layouts that maximize screen real estate like a gaming HUD. Minimal whitespace with tight clustering of interactive elements to keep everything within reach during intense sessions.
Design Principles
- Electric yellow (#ece81a) reserved exclusively for primary actions
- Typography uses only Saira family for technical consistency
- Zero border radius - all corners remain sharp and angular
- Dark backgrounds (#1e1e1e) dominate to reduce eye strain during extended use
- High contrast ratios prioritize readability over subtlety
Target Audience
Competitive gamers and PC enthusiasts who prioritize performance metrics over aesthetic refinement and value technical precision in both hardware and interface design
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 | 80px | 300 | 88px | |
| h2 | 14px | 600 | 20px | |
| h3 | 14px | 600 | 20px | |
| h4 | 22px | 600 | 25.52px | |
| p | 14.4px | 400 | 24px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 24px | |
| input | 18px | 400 | 24px | |
| nav | 16px | 400 | 24px |
Color Palette
#ece81a#f9f9f9#333333#1e1e1e#3b8649#cae4cf#983131#f8e2e2#404040#cccccc#e6c050#fce799
