Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Dice
Job PlatformDice employs a sophisticated dark teal-to-navy gradient backdrop that creates a premium, late-night coding atmosphere. The bright cyan accent color energizes the space while oversized Degular headlines command attention with their bold, contemporary weight.
Design Identity
Signature Color
Dice Cyan
#00D4AA
Tech innovation energy - the electric spark that connects talent with opportunity
Visual Identity
The dramatic dark gradient background combined with floating circular profile photos and bright cyan accent text creates an unmistakable 'tech talent constellation' aesthetic.
Component Style
Fully rounded pill-style buttons (56px border radius) with clean fills, circular profile containers, and subtle chat-bubble style callouts with soft shadows. Everything feels approachable yet professional.
Spacing Philosophy
Generous breathing room with large hero sections and ample whitespace around key elements. Profile circles float freely with substantial margins, creating an airy, non-claustrophobic feel despite the dark background.
Design Principles
- Primary buttons use 56px border radius for full pill effect
- Headlines use Degular at 700 weight for maximum impact
- Body text uses IBM Plex Sans at 16px with 22.86px line height
- Border radius never exceeds 56px except for circles
- Cyan accent (#00D4AA) reserved for key messaging only
Target Audience
Experienced tech professionals and hiring managers who value both cutting-edge innovation and human connection in the recruitment process
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 | 22.8571px | |
| h1 | 72px | 700 | 86.4px | |
| h2 | 36px | 400 | 40px | |
| h3 | 48px | 600 | 57.6px | |
| p | 36px | 400 | 40px | |
| a | 16px | 400 | 22.8571px | |
| button | 16px | 500 | 24px | |
| nav | 16px | 400 | 24px |
Color Palette
#775b92#195581#123b5a#e9f1f2#a1b9cb#6d1e1d#071927#952827#451312#585450#c95755#8c3c4d
