Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Adjust
AnalyticsAdjust embodies a deep-space enterprise aesthetic with its midnight navy backdrop contrasted by electric blue accents that pulse with digital energy. The TTNormsPro typography delivers technical authority while maintaining approachability, creating a sophisticated SaaS platform that feels both cutting-edge and trustworthy.
Design Identity
Signature Color
Digital Ocean Blue
#007aff
Growth-focused precision - the color of data-driven optimization and mobile marketing intelligence
Visual Identity
The dramatic dark navy background punctuated by bright blue interactive elements creates an unmistakable 'mission control' atmosphere that immediately signals enterprise-grade mobile analytics.
Component Style
Generously rounded buttons with 24px+ border radius feel approachable yet substantial. The primary CTA has a confident blue background with clean white text, while secondary actions use transparent backgrounds with blue text - creating clear hierarchy without harsh edges.
Spacing Philosophy
Luxurious vertical breathing room with hero sections spanning full viewport height, balanced by tight 16px internal component spacing that keeps information dense but digestible.
Design Principles
- Dark backgrounds dominate to create focus on bright interactive elements
- TTNormsPro font family across all text maintains consistent technical authority
- Blue accent color (#007aff) used exclusively for CTAs and interactive states
- Generous border radius (20px+) on all interactive elements
- White text on dark backgrounds for maximum contrast and readability
Target Audience
Mobile app growth managers and performance marketers who need enterprise-grade attribution analytics but value intuitive, design-forward interfaces over complex dashboards
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 | 48px | 700 | 56px | |
| h2 | 36px | 700 | 45px | |
| h3 | 16px | 700 | 24px | |
| p | 14px | 400 | 22.4px | |
| a | 14px | 400 | 22.4px | |
| button | 14px | 400 | normal | |
| input | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
#007aff#002a9e#ffffff
