Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Things
ProductivityThings embodies Apple's design DNA with its iconic 3D beveled app icon and minimal monochromatic palette, creating an intimate, focused atmosphere that feels like a personal workspace. The brand speaks in whispers rather than shouts - sophisticated restraint that trusts users to appreciate subtle craft over flashy marketing.
Design Identity
Signature Color
Things Blue
#4A90E2
Trustworthy productivity focus - the color of deep work and reliable systems
Visual Identity
The distinctive 3D rendered app icon with its soft beveled edges and realistic depth - unmistakably Apple ecosystem native with premium tactile quality that stands out against flat design trends.
Component Style
Soft, organic shapes with gentle curves and subtle depth. The app icon shows sophisticated 3D rendering with soft shadows and beveled edges - premium tactile quality over flat minimalism.
Spacing Philosophy
Generous breathing room with massive whitespace creating a zen-like focus bubble. The centered composition uses dramatic negative space to eliminate distractions and create intimacy.
Design Principles
- Typography stays within system fonts for native feel
- 3D app icon contrasts against otherwise flat interface
- Monochromatic palette with single accent blue
- Generous whitespace creates focus zones
- Center-aligned composition for meditation-like calm
Target Audience
Discerning Apple users who value craft over features - professionals who see task management as personal philosophy rather than corporate productivity.
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 | 18px | 400 | 25.2px | |
| h1 | 23.994px | 400 | 29.9925px | |
| h2 | 15.3px | 700 | 18.36px | |
| h3 | 36px | 700 | 36px | |
| p | 23.994px | 400 | 29.9925px | |
| a | 15px | 600 | 18px | |
| input | 16px | 400 | normal |
Color Palette
No colors extracted
