Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Sketch
Design ToolsSketch embodies creative confidence through a warm peachy-pink gradient backdrop that feels both inspirational and intimate. The massive serif headlines create bold declarations while the clean sans-serif body text maintains professional clarity, establishing a brand that's both artistically expressive and functionally reliable.
Design Identity
Signature Color
Sketch Blush
#F5D5D0
Creative warmth and approachable sophistication - signals that design tools can be both powerful and human
Visual Identity
The oversized serif typography paired with soft gradient backgrounds creates an unmistakable combination of editorial boldness and creative warmth that no other design tool brand uses
Component Style
Buttons have generous rounded corners (approximately 24px) with bold gradients and strong contrast. The interface feels substantial with clear hierarchies, avoiding the stark minimalism of competitors in favor of a more inviting, tactile aesthetic.
Spacing Philosophy
Generous breathing room with large gaps between major sections creates a sense of creative freedom, while the left-aligned content leaves ample whitespace to the right, suggesting endless possibility rather than constraint.
Design Principles
- Headlines use Reckless serif at 76px for maximum impact and personality
- Body text maintains 24px size for superior readability
- Buttons feature pill-shaped corners around 24px radius
- Gradient backgrounds create depth without overwhelming content
- Left-aligned layouts with generous right-side whitespace
Target Audience
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 | 16px | |
| h1 | 76px | 500 | 76px | |
| h2 | 76px | 500 | 76px | |
| h3 | 17px | 600 | 24px | |
| p | 24px | 400 | 32px | |
| a | 16px | 400 | 16px | |
| button | 16px | 400 | normal | |
| input | 15px | 400 | 17.25px | |
| nav | 16px | 400 | 16px | |
| header | 16px | 400 | 16px |
Color Palette
#007aff
