Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Turso
Dev ToolsTurso's brand embodies a nocturnal tech aesthetic with electric mint green (#4FFFDB) cutting through deep charcoal backgrounds, creating an atmosphere of premium developer tooling. The heavy Inter typography (800 weight headers) communicates industrial strength while the vibrant accent color suggests innovation and AI-forward thinking.
Design Identity
Signature Color
Turso Mint
#4FFFDB
AI-powered innovation and developer-focused precision
Visual Identity
The electric mint green against deep dark backgrounds with massive ultra-bold typography creates an unmistakable 'developer terminal meets AI future' aesthetic that's instantly recognizable.
Component Style
Rounded buttons with generous padding and no harsh shadows - everything feels approachable yet powerful. The mint green primary buttons have substantial corner radius (24px+) giving them a pill-like, friendly appearance that contrasts with the industrial typography.
Spacing Philosophy
Generous vertical breathing room with massive 72px headlines creating dramatic hierarchy, while maintaining comfortable padding around interactive elements. The layout prioritizes impact over density.
Design Principles
- Typography weight never goes below 400, with headers at 800 weight for maximum impact
- Mint green (#4FFFDB) is reserved exclusively for primary actions and key highlights
- Dark backgrounds dominate with strategic use of bright accents
- Button corner radius is substantial (24px+) for friendly approachability
- Line heights match font sizes for headlines (72px/72px) creating tight, impactful text blocks
Target Audience
Senior developers and technical architects building AI applications who value both performance and developer experience
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 | normal | |
| h2 | 72px | 800 | 72px | |
| h3 | 48px | 600 | 48px | |
| h4 | 18px | 600 | 28px | |
| p | 16px | 500 | 24px | |
| a | 16px | 500 | 24px | |
| button | 16px | 600 | normal | |
| nav | 16px | 400 | normal | |
| header | 16px | 400 | normal | |
| footer | 16px | 400 | normal |
Color Palette
No colors extracted
