Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Glassdoor
Job PlatformGlassdoor's brand radiates career optimism through its distinctive mint-green signature color and joyful hand-drawn illustrations. The design balances professional credibility with human warmth, using generous whitespace and whimsical line art to make job searching feel hopeful rather than stressful.
Design Identity
Signature Color
Glassdoor Mint Green
#00a264
Career growth and opportunity - fresh starts and professional optimism
Visual Identity
Hand-drawn line illustrations with hearts and paper airplane motifs combined with vast amounts of whitespace create an instantly recognizable aesthetic that feels more like a lifestyle brand than a corporate job board.
Component Style
Clean, rounded corners with subtle shadows and generous padding. Buttons feel soft and approachable with medium border radius, while maintaining professional credibility through consistent typography hierarchy.
Spacing Philosophy
Extremely generous vertical spacing creates breathing room and reduces job search anxiety. Large hero sections with minimal content density emphasize key messages while secondary content gets ample separation.
Design Principles
- Custom Glassdoor Sans typography at 14px base with 600 weight for emphasis
- Mint green (#00a264) as primary brand color with supporting blue and purple accents
- Hand-drawn illustration style with heart and movement motifs
- Generous whitespace ratios - more space than content
- 48px headlines with 600 weight for maximum impact
Target Audience
Mid-career professionals seeking transparency and authentic workplace insights, particularly those prioritizing company culture over just salary
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 | 48px | 600 | 60px | |
| h2 | 24px | 600 | 28px | |
| h3 | 16px | 700 | 19.2px | |
| h4 | 14px | 600 | 20px | |
| p | 14px | 400 | 20px | |
| a | 14px | 400 | 20px | |
| button | 14px | 600 | 20px | |
| footer | 14px | 400 | 20px |
Color Palette
#f2f4f5#f9fafb#101214#00060c#ffffff#bfeec7#c7e6cc#004d2f#008855#00a264#4cd681#e5fff5
