Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Ashby
HR TechAshby embodies a refined enterprise sophistication through its signature deep indigo palette and TTNormsPro typography, creating an atmosphere of professional gravitas without corporate stuffiness. The brand radiates quiet confidence and intellectual rigor, positioning itself as the thinking person's choice in its category.
Design Identity
Signature Color
Ashby Indigo
#483fad
intellectual authority and premium enterprise trust
Visual Identity
Distinctive deep indigo accent color paired with generous whitespace and subtle purple-tinted focus states - creates an unmistakable premium enterprise aesthetic
Component Style
Clean geometric forms with subtle inset shadows on inputs, gentle rounded corners around 4-8px, and distinctive indigo focus rings with 3px blur - everything feels polished but never flashy
Spacing Philosophy
Generous breathing room with substantial whitespace creating hierarchy, likely 24-32px between major sections with tighter 8-16px for related elements
Design Principles
- Typography uses TTNormsPro exclusively with 575 weight for headings
- Focus states always use 3px indigo shadow blur for accessibility
- Transition timing locked to 0.25s standard, 0.35s for complex animations
- Neutral grays span 12 carefully calibrated steps from #121117 to white
- Indigo accent color dominates interactive elements
Target Audience
Senior HR professionals and enterprise decision-makers who value sophisticated tooling over flashy features
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 | 72px | 575 | 79.2px | |
| h2 | 20px | 500 | 25px | |
| h3 | 20px | 500 | 25px | |
| p | 16px | 500 | 24px | |
| a | 16px | 400 | 24px | |
| button | 16px | 500 | 24px | |
| input | 16px | 400 | 44px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
#373e4d#545b6d#7d8699#a8aebd#c2c7d1#e5e6e8#f3f2f7#f7f8fa#fbfbfe#ffffff#080066#251c8c
