A vintage vacation brochure brought to life on the web.
02
Color
#333333Ink
#ebe6dcBG
#d8d4cbMuted
rgba(51,51,51,1.0)Line
Warm, off-white backgrounds with dark grey text for high readability.
03
Typography
transitional-serif · humanist-sans
display48px · 400
heading30px · 400
body16px · 400
small18px · 400
Use transitional-serif for large promotional and display text. · Use humanist-sans for body copy and navigation. · Maintain negative letter spacing for display typography.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Consistent spacing based on a 4px grid, with larger gaps for major sections.
Captured from the live site · real computed styles
11
System prompt
Design a playful, retro-inspired consumer website for a sunscreen brand. The aesthetic is nostalgic 1980s poolside luxury, using warm off-white backgrounds (#ebe6dc) and dark grey text (#333333). Typography combines thin transitional-serif for display text and humanist-sans for body copy. Primary action buttons are full-width, pill-shaped, and filled with a warm muted yellow. Layout is spacious and asymmetrical, often featuring vintage photography and retro graphic elements like barcodes or dashed borders. Avoid modern minimalism, stark white backgrounds, or high-contrast neon accents. The overall feel is sophisticated yet whimsical.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.