Vintage coffee roaster landing page design spec

This detailed design system transforms generic AI-generated websites into a warm, nostalgic brand identity for coffee roasters and heritage brands.

🤖 Works with: ChatGPT

The Prompt

Copy and paste — replace anything in [brackets].

Use this design system. Follow it exactly. AESTHETIC: Nostalgic, warm, craft. Muted earthy palette, classic serif type, a sense of history. COLOURS (as CSS variables): - Background: #F4EFE4 (aged cream, not white) - Surface: #FBF8F0 - Text: #2E2A22 Secondary: #6B6355 - Accent: #9B4722 (burnt terracotta) - Second accent: #3D5A45 (forest green) - Border: #DDD5C4 FONTS (from Google Fonts): - Headings: "DM Serif Display" - Body: "Newsreader" - Labels: "Source Sans 3" uppercase - Never Inter, Roboto, or system fonts COMPONENTS: - Product cards: warm surface, 1px border, serif name, italic tasting-note line, terracotta price - Buttons: solid terracotta or green, small uppercase labels AVOID: pure white, cold greys, purple, gradients, Inter font.

What it’s good for

Generate a custom, brand-specific landing page for a coffee roaster or similar heritage brand by providing precise design constraints to override AI defaults.

How to use it

1. Copy the entire design spec prompt above.
2. Paste it into ChatGPT or a similar AI tool before or alongside your request to 'build me a landing page for a coffee roaster.'
3. Adjust colors, fonts, or aesthetic keywords to match your specific brand if needed.

Curated from the community via Reddit.