Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Httpster
DesignHttpster embodies a gallery-first aesthetic with museum-like restraint and typographic confidence. The massive 72px Manrope headlines create commanding presence against pristine white space, while vibrant red accents pulse with creative energy. This is a brand that celebrates design through sophisticated curation rather than flashy decoration.
Design Identity
Signature Color
Gallery Red
#fa0000
creative passion and curatorial authority - the bold accent that signals quality design inspiration
Visual Identity
Massive typography paired with museum-quality white space and strategic red punctuation marks - it feels like walking through a carefully curated design exhibition where every element has been deliberately placed.
Component Style
Minimal components with invisible styling - buttons and links blend seamlessly into the typographic hierarchy with subtle hover states. No borders, no shadows, just pure typographic presence with occasional red highlights for emphasis.
Spacing Philosophy
Gallery breathing room with generous white space around featured content, allowing each website showcase to breathe like artwork on a wall. Dense navigation contrasts with expansive content areas to create focus.
Design Principles
- Typography scale jumps dramatically from 16px body to 72px headlines
- Red (#fa0000) used sparingly as the only color accent
- All typography uses Manrope at 500-600 weight consistently
- White background (#ffffff) dominates 90% of the interface
- Line heights maintain 1.5-1.6x ratio across all text elements
Target Audience
Design-conscious developers and creative professionals who appreciate curatorial quality over quantity in their inspiration sources
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 | 500 | 25px | |
| h1 | 72px | 600 | 85.5px | |
| p | 16px | 500 | 25px | |
| a | 16px | 500 | 24px | |
| button | 16px | 500 | 24px | |
| nav | 16px | 500 | 24px | |
| header | 16px | 500 | 25px | |
| footer | 16px | 500 | 25px | |
| main | 16px | 500 | 25px |
Color Palette
#fa0000#000000#ffffff
