Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Lattice
HR TechUnable to analyze brand aesthetic from blank screenshot. Design tokens suggest a forest-green privacy compliance theme with Matter typography, but no visual context is available to determine actual brand implementation or emotional resonance.
Design Identity
Signature Color
Privacy Forest
#046645
compliance trust and environmental responsibility
Visual Identity
Cannot determine visual identity from blank screenshot - no layout, components, or visual hierarchy visible
Component Style
Unable to assess component styling - no UI elements visible in screenshot. Tokens suggest subtle shadows with 1px borders and forest green accents
Spacing Philosophy
Cannot determine spacing philosophy from empty screenshot - no visual elements to measure rhythm or density
Design Principles
- Matter font family across all elements
- Forest green #046645 for primary actions
- Layered shadow system with multiple depths
- 300ms cubic-bezier transitions
- 18px base font size with 500 weight headers
Target Audience
Cannot determine from blank page - tokens suggest businesses requiring privacy compliance
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 | 18.0352px | 400 | 23.4458px | |
| h1 | 72.1408px | 500 | 64.9267px | |
| h2 | 57.7126px | 500 | 57.7126px | |
| h3 | 36.0704px | 500 | 39.6774px | |
| p | 19.2px | 500 | 19.2px | |
| a | 12.8px | 500 | 16.64px | |
| button | 12.8px | 400 | normal | |
| nav | 18.0352px | 400 | 23.4458px | |
| footer | 18.0352px | 400 | 23.4458px | |
| main | 18.0352px | 400 | 23.4458px |
Color Palette
#c4cccc#c4f5db#33b88c#37cd8f#29246a#187a59#37cd84#058a5e#d2cfff#f4f4f4#d6e8d5#ebebeb
