Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
CD Projekt
GamingCD Projekt embraces a dramatic gaming-first aesthetic with high-contrast dark overlays, vivid neon accent colors, and bold typography that screams premium AAA gaming studio. The design balances corporate professionalism with the raw energy of cyberpunk gaming culture, using intense reds and electric blues against deep blacks to create an immersive, cinema-quality experience.
Design Identity
Signature Color
CD Projekt Red
#cf2e2e
Gaming passion and intensity - the blood-red that signals premium entertainment and high-stakes digital worlds
Visual Identity
Dramatic dark overlays with high-contrast content blocks that feel like game UI panels, combined with vivid neon accent colors that pop against the darkness like HUD elements in a AAA video game.
Component Style
Bold, high-contrast components with sharp edges and dramatic shadows. Buttons feel substantial with deep shadows (12px blur, 40% opacity) and crisp typography. Cards use dark overlays with bright accent borders that pulse with gaming energy. Everything has a premium, console-quality finish.
Spacing Philosophy
Generous breathing room between major sections creates cinematic pacing, while content within blocks is tightly organized like game interfaces. The layout feels both expansive and focused, mimicking the dual nature of open-world games with detailed UI systems.
Design Principles
- Typography uses ProximaNova exclusively at 16px body, 22px nav, 32px headings for consistent hierarchy
- Shadows are dramatic - either 6px natural or 12px deep, never subtle
- Red accent color (#cf2e2e) appears sparingly but powerfully for CTAs and highlights
- Dark overlays with 60-80% opacity create depth without losing readability
- All interactive elements use 15px font size with 700 weight for bold clarity
Target Audience
Gaming enthusiasts and investors who appreciate premium entertainment experiences - people who understand both the artistry of game development and the business of interactive entertainment
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 | 19.2px | |
| h3 | 32px | 700 | 38.4px | |
| h4 | 22px | 700 | 26.4px | |
| p | 15px | 400 | 22.5px | |
| a | 15px | 400 | 24px | |
| button | 15px | 700 | 22.5px | |
| input | 15px | 400 | normal | |
| nav | 22px | 400 | 26.4px | |
| header | 16px | 400 | 19.2px | |
| footer | 16px | 400 | 19.2px |
Color Palette
#7a00df#007cba#006ba1#005a87#000000#abb8c3#ffffff#f78da7#cf2e2e#ff6900#fcb900#7bdcb5
