Retro Vintage Brand

A warm, nostalgic vintage-inspired website with retro typography, earthy color palettes, and analog texture references.

Preview of Retro Vintage Brand
Works with:ClaudeChatGPTv0CursorBolt
retrovintagenostalgic1970swarm-tones

Prompt

Create a retro/vintage brand website evoking 1960s-70s design nostalgia. Think warm earthy tones, groovy typography, and analog textures.


Design Requirements

  • Color Palette: Warm earthy tones — burnt orange (#c2410c), cream (#fef3c7), dark brown (#292524), mustard, and olive
  • Typography: Playfair Display for headlines (large, decorative), vintage sans-serif for body
  • Textures: Subtle paper/grain texture overlay using CSS noise pattern or SVG filter
  • Shapes: Rounded, organic shapes. Circles, arches, and wavy borders
  • Borders: Thick, rounded borders with retro colors

  • Sections to Include

  • Header — Arch-shaped logo badge, wavy bottom border, warm background
  • Hero — Large decorative headline in display font, circular framed image, retro button with rounded corners
  • About — Two-column with arch-framed image, retro badge/stamp elements
  • Products/Services — Vintage card grid with thick borders, badge-style pricing
  • Testimonials — Styled as handwritten notes on "paper" cards
  • Newsletter — Retro postcard-style signup with stamp decoration
  • Footer — Retro-styled with badge logos, warm dark background

  • Technical Details

  • CSS border-radius: 50% 50% 0 0 for arch shapes
  • SVG filter for paper texture: noise
  • Warm color transitions between sections
  • Responsive: maintain retro feel across breakpoints
  • Related Prompts