Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Greenhouse
HR TechGreenhouse combines corporate professionalism with human warmth through its signature mint-green ecosystem and sophisticated serif-sans font pairing. The design breathes trustworthiness and growth, using generous whitespace and soft, rounded interface elements that feel approachable yet enterprise-ready.
Design Identity
Signature Color
Greenhouse Forest
#008561
HR technology trust - growth, stability, and professional nurturing
Visual Identity
The distinctive mint-to-forest green gradient background paired with floating UI mockup cards and diverse professional headshots creates an instantly recognizable 'hiring ecosystem' aesthetic.
Component Style
Soft rounded corners (approximately 8-12px radius) with subtle shadows on floating cards. Buttons feel substantial with generous padding and medium border radius. Interface elements have a gentle, approachable weight - never sharp or aggressive.
Spacing Philosophy
Expansive breathing room with large section gaps (likely 80-120px) that create a sense of calm professionalism. Floating UI elements have generous margins that emphasize the 'platform' metaphor.
Design Principles
- Serif headlines (Untitled Serif) paired with sans-serif body text create editorial authority
- Green tones range from #e6fff8 (lightest) to #008561 (darkest) in systematic steps
- Border radius stays consistently moderate - never fully rounded pills or sharp rectangles
- Typography scale jumps dramatically from 14px body to 70px headlines
- Floating card elements always include subtle shadows for depth
Target Audience
HR directors and talent acquisition professionals at mid-to-large companies who need sophisticated tools but value human-centered design over technical complexity
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 | 14px | 400 | 20px | |
| h1 | 70px | 400 | 73.5px | |
| h2 | 46px | 400 | 54.28px | |
| h3 | 34px | 400 | 34px | |
| p | 19px | 400 | 32.3px | |
| a | 14px | 400 | 20px | |
| button | 16px | 400 | 25.6px | |
| input | 46px | 400 | 54.28px | |
| nav | 14px | 400 | 20px | |
| footer | 14px | 400 | 20px |
Color Palette
#ffd093#e6fff8#a4ddce#c9f0e5#15372c#008561#060606#e8e8e8#f3fbf7#d0f6e4#0a0f0c#eeeeee
