Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Deputy
HR TechDeputy commands attention with an intense midnight blue atmosphere that feels like mission control for workforce management. The bold Poppins typography creates a sense of authority and operational precision, while the deep blue backdrop suggests reliability and professional depth.
Design Identity
Signature Color
Deputy Midnight
#1E1B4B
Enterprise-grade reliability and 24/7 operational readiness
Visual Identity
The immersive deep blue environment with bold white typography creates a command center aesthetic - it feels like software built for serious business operations that never sleep.
Component Style
Rounded pill-shaped buttons with generous padding create approachable touchpoints against the serious backdrop. The teal primary button provides energetic contrast while the outlined secondary maintains the professional tone. Components feel substantial and confident.
Spacing Philosophy
Generous vertical breathing room between sections creates executive-level hierarchy, while the centered layout with ample whitespace suggests premium positioning and reduces cognitive load for decision-makers.
Design Principles
- Typography uses only Poppins family for consistent authority
- Primary buttons use high-contrast teal against deep blue
- Button radius is consistently pill-shaped at ~24px+
- White text maintains maximum contrast on dark backgrounds
- Shadows are subtle with 0.1 opacity for professional depth
Target Audience
Operations managers and business owners in retail/hospitality who need to manage complex hourly workforce scheduling and want software that matches their professional standards
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 | 20px | |
| h1 | 48px | 700 | 61.44px | |
| h2 | 36px | 700 | 46.08px | |
| h3 | 20px | 400 | 30px | |
| h5 | 20px | 400 | 30px | |
| p | 48px | 700 | 57.6px | |
| a | 16px | 500 | 20px | |
| button | 14px | 600 | 27px | |
| main | 16px | 400 | 20px |
Color Palette
No colors extracted
