Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Collect UI
DesignCollect UI embodies a developer-first aesthetic with stark contrasts and grid-based precision. The dominant vibrant blue creates electric energy against clean white backgrounds, while the catalog-style layout suggests systematic organization and technical expertise.
Design Identity
Signature Color
Electric Blue
#1DA1F2
Developer-focused energy and digital innovation trust
Visual Identity
Grid-based showcase layout with high-contrast design thumbnails displayed as organized specimens, creating a laboratory-like presentation of UI components
Component Style
Clean rectangular cards with subtle shadows, minimal borders, and crisp corners. Everything feels systematic and specimen-like, with designs presented as organized samples in a digital catalog
Spacing Philosophy
Tight, efficient grid system with consistent gaps between design samples. Dense information layout maximizes content visibility while maintaining browsable organization
Design Principles
- Typography uses Roboto Slab for headings at 36px/700 weight for authority
- Body text strictly uses Helvetica Neue at 12px for maximum legibility
- Grid layouts with consistent card proportions
- High contrast between content and backgrounds
- Minimal decoration focuses attention on showcased designs
Target Audience
UI/UX designers and developers seeking inspiration and components for digital products, particularly those building web applications
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 | 12px | 400 | 12px | |
| h2 | 36px | 700 | 36px | |
| h4 | 14px | 600 | 14px | |
| h5 | 12px | 500 | 12px | |
| p | 18px | 400 | 18px | |
| a | 12px | 400 | 12px | |
| input | 12px | 400 | normal | |
| header | 12px | 400 | 18px | |
| footer | 12px | 400 | 12px |
Color Palette
No colors extracted
