Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Turing
Job PlatformTuring projects a cosmic intelligence aesthetic through deep space blues and electric accents, suggesting AI that operates at the frontier of human capability. The dual typography system - Poppins for authority and system fonts for approachability - creates a balance between cutting-edge innovation and enterprise trust.
Design Identity
Signature Color
Quantum Blue
#4b81e8
Superintelligence accessibility - advanced AI that's approachable yet powerful
Visual Identity
The ethereal planet-like orb with flowing energy streams against deep space backgrounds - suggesting AI as a cosmic force that's both beautiful and scientifically precise
Component Style
Softly rounded components with 4px button radius and 8px card radius, elevated by sophisticated shadow layers. Buttons feel substantial but approachable, cards float with subtle depth - everything breathes with cosmic elegance rather than sharp precision
Spacing Philosophy
Generous cosmic breathing room that lets each element orbit independently. The 140px scroll padding creates dramatic reveal moments, while conservative border radii keep components grounded despite the ethereal atmosphere
Design Principles
- Border radius stays minimal: 4px for buttons, 8px for cards, maximum 16px for special elements
- Typography hierarchy uses Poppins at 60px/34px/28px/16px for headings, system fonts for UI
- Shadows create floating depth with card shadows at hsla(210,8%,62%,.2) 0px 8px 24px
- Cosmic blue (#4b81e8) anchors the palette with purple accents (#7a3ff1) for emphasis
- Scroll padding locked at 140px for dramatic content reveals
Target Audience
CTOs and engineering leaders at growth-stage companies who need enterprise-grade AI talent solutions but value innovation over corporate stuffiness
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 | 60px | 500 | 75px | |
| h2 | 34px | 500 | 51px | |
| h3 | 28px | 500 | 42px | |
| h5 | 16px | 500 | 24px | |
| p | 16px | 400 | 16px | |
| a | 16px | 400 | 20px | |
| button | 16px | 400 | normal | |
| input | 28px | 400 | normal | |
| nav | 16px | 400 | 24px |
Color Palette
#ffffff#4b81e8#edeff5#838391#000000#2f6ae3#cecece#37cd8f#29246a#7a3ff1#5f95fc#180d43
