Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Razer
Consumer ElectronicsRazer's signature aesthetic blends cyberpunk gaming culture with premium tech sophistication, featuring stark black environments punctuated by electric neon green accents. The brand communicates raw gaming power through a sci-fi aesthetic that feels like stepping into a high-tech command center.
Design Identity
Signature Color
Razer Green
#44d62c
Electric gaming energy and cyberpunk authenticity - the color that screams hardcore gamer identity
Visual Identity
The dramatic sci-fi environment with circular green-lit platforms and futuristic control panels creates an instantly recognizable 'gaming command center' aesthetic that no other brand uses.
Component Style
Sharp, angular components with minimal corner rounding (4-5px max) and strong contrast borders. Elements feel precision-engineered with electric green accent lighting rather than traditional shadows - everything appears backlit like gaming hardware.
Spacing Philosophy
Dense, technical spacing that maximizes content within dark environments. Tight 8-10px internal padding keeps components compact while strategic green accent spacing creates visual breathing room without wasting screen real estate.
Design Principles
- Border radius never exceeds 5px to maintain sharp, technical edges
- Primary green (#44d62c) used sparingly as electric accents, never fills
- Typography alternates between technical RazerF5 for headings and clean Roboto for readability
- Dark backgrounds (#222222) dominate with high contrast white text
- Transitions are quick (0.3s) to feel responsive like gaming hardware
Target Audience
Hardcore PC gamers and esports enthusiasts who view gaming as their primary identity and want gear that reflects their serious commitment to performance
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 | 40px | 500 | 48px | |
| h2 | 36px | 300 | 36px | |
| h3 | 28px | 300 | 33.6px | |
| a | 16px | 400 | 24px | |
| button | 14px | 700 | 16px | |
| input | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px |
Color Palette
#222222#999999#ffffff#44d62c#38871f#17a2b8#ffc107#db0002#6c7079#055f9f#f0fbe4#fff1f1
