Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Namely
HR TechNamely's brand radiates energetic optimism through bold electric blues and coral accents, creating a vibrant yet professional HR platform identity. The Proxima Nova typography feels approachable and human-centric, while the fluid geometric shapes and generous whitespace convey innovation without intimidation.
Design Identity
Signature Color
Namely Electric Blue
#0693e3
energetic HR transformation - trustworthy yet dynamic, conveying both reliability and forward momentum
Visual Identity
Distinctive organic curved shapes and flowing geometric forms that frame content, creating dynamic negative space patterns that feel both tech-forward and humanly warm
Component Style
Soft-rounded buttons with 6-8px radius, coral-to-blue color story, minimal shadows with clean edges. Components feel substantial but friendly - never harsh or overly clinical like traditional enterprise software
Spacing Philosophy
Generous breathing room with asymmetrical layouts that create visual interest. Large hero sections with ample padding, allowing the curved geometric elements to flow naturally without feeling cramped
Design Principles
- Proxima Nova exclusively at 400-700 weights for personality consistency
- Border radius stays between 6-8px for friendly approachability
- Blue-coral color harmony dominates all accent elements
- Organic curved shapes as primary visual differentiator
- Asymmetrical layouts with generous whitespace ratios
Target Audience
Mid-market HR leaders and people operations managers who want enterprise functionality without enterprise complexity - professionals seeking human-centered technology solutions
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 | 22px | |
| h1 | 48px | 400 | 54px | |
| h2 | 38px | 700 | 42px | |
| h3 | 16px | 500 | 28px | |
| p | 16px | 500 | 22px | |
| a | 16px | 400 | 22px | |
| button | 16px | 500 | 20px | |
| input | 15px | 500 | 15px | |
| nav | 16px | 400 | 22px | |
| header | 16px | 400 | 22px |
Color Palette
#000000#abb8c3#ffffff#f78da7#cf2e2e#ff6900#fcb900#7bdcb5#00d084#8ed1fc#0693e3#9b51e0
