Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
SaaS Landing Page
DesignA gallery-focused curation platform that uses monochromatic foundations with strategic color accents to showcase SaaS interfaces. The Inter typography creates editorial authority while generous whitespace elevates the showcased content as premium specimens.
Design Identity
Signature Color
Gallery Charcoal
#1a1a1a
editorial authority and content curation sophistication
Visual Identity
Three-column showcase grid with generous padding that treats each SaaS example as a curated gallery piece, creating a museum-like browsing experience
Component Style
Minimal pill-shaped navigation tabs with subtle borders and clean typography - everything serves the content without visual competition. Rounded corners stay under 8px for approachable professionalism.
Spacing Philosophy
Museum-gallery spacing with 40-60px gaps between showcase items and generous 80px+ section padding that gives each example room to breathe and be appreciated individually
Design Principles
- Navigation uses pill-shaped containers with 24px+ border radius
- Showcase grids maintain 3-column desktop layout with equal spacing
- Typography hierarchy uses only Inter at 14px, 16px, and 18px sizes
- Color accents are limited to featured content, not UI chrome
- All interactive elements use 500+ font weight for clarity
Target Audience
SaaS designers and product managers seeking curated inspiration from established companies rather than experimental concepts
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 | 28px | |
| h1 | 16px | 400 | 28px | |
| h2 | 14px | 500 | 22px | |
| h3 | 14px | 500 | 22px | |
| p | 18px | 400 | 28px | |
| a | 14px | 500 | 22px | |
| button | 16px | 400 | 28px | |
| input | 14px | 400 | 22px | |
| nav | 16px | 400 | 28px | |
| header | 16px | 400 | 28px |
Color Palette
#ffffff
