Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Postmark
MarketingPostmark radiates warmth and approachability through its sunshine yellow backdrop paired with playful yet authoritative typography. The brand feels like a friendly expert - confident enough to solve complex email delivery problems while maintaining an optimistic, human touch that cuts through typical enterprise software coldness.
Design Identity
Signature Color
Postmark Sunshine
#FFD93D
optimistic reliability - email delivery that brings joy rather than anxiety
Visual Identity
The vibrant yellow background with floating testimonial cards creates an instantly recognizable 'wall of social proof' layout that feels more like a friendly recommendation engine than corporate marketing.
Component Style
Soft, pillow-like cards with generous rounded corners (16-24px) and subtle drop shadows that feel welcoming rather than sharp. The primary button uses confident rounded corners with solid fills - everything has a gentle, approachable hand-crafted quality.
Spacing Philosophy
Breathing room everywhere - large 48-64px gaps between major sections create a sense of calm confidence, while testimonial cards float with comfortable 24px spacing that feels conversational rather than cramped.
Design Principles
- Yellow dominates as the hero background color, never relegated to accents
- Testimonial cards always include profile photos for human connection
- Typography mixes custom display faces (Elizeth) with clean sans-serif for hierarchy
- Border radius consistently 12-16px for friendly approachability
- Social proof testimonials take equal visual weight to product copy
Target Audience
Bootstrap developers and small team leads who've been burned by unreliable email services and crave something that 'just works' with personality
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 | 24px | |
| h1 | 52px | 700 | 57.2px | |
| h2 | 13px | 900 | 19.5px | |
| h3 | 32px | 700 | 38.4px | |
| h4 | 15.008px | 700 | 22.512px | |
| p | 16px | 400 | 24px | |
| a | 16px | 700 | 24px | |
| button | 13.3333px | 400 | normal | |
| input | 13.3333px | 400 | normal | |
| nav | 16px | 400 | 24px |
Color Palette
#6e7788#ffffff#f9f9f9#236645#dedede#dbf1e1#f0655d#24272d#3899d7
