Retro Coffee is a warm, 70s-inspired Astro theme for coffee shops, roasteries, bakeries and other small food and drink businesses. It gives you a complete website out of the box: a full menu, retail beans, a photo gallery, a blog, careers, wholesale and legal pages. It suits independent café owners, local brands and the designers or developers who build sites for them. All text lives in simple data files and MDX, so you can change content without touching the layout. Pages are static, fast and SEO-ready from the first build.
☕ Style & Purpose
The design pairs burnt orange, mustard, avocado green and chocolate brown on a soft cream background. Bold rounded type, thick outlines, offset shadows, arch-shaped photos and playful doodles complete the look. The theme is built around what a real café website needs: showing the menu with clear prices and dietary badges, telling the shop's story, listing hours and directions, selling beans at the counter, hiring staff, winning wholesale accounts and publishing news. Each of these has its own page, ready to fill with your own content.
✨ Why Retro Coffee
- Distinctive retro design that stands out from generic café templates
- Every text, list and button is editable from src/data — no copy hidden in components
- Blog and legal pages written in MDX with typed content collections
- 50+ reusable section components shared across pages
- Data-driven forms for contact, job applications and wholesale inquiries
- Blog pagination and category archive pages
- Interactive touches with Alpine.js: menu scroll spy, gallery filters, FAQ live search, accordions and tabs
- GLightbox photo gallery with a custom light skin
- Self-hosted fonts and bundled Bootstrap Icons — no CDN requests
- Scroll animations that respect the "reduce motion" setting
- Accessible markup: semantic HTML, keyboard-friendly navigation and ARIA labels
- Structured data and per-page meta tags for local SEO
- Fully responsive, from phones to wide desktops
🎨 Design DNA
Retro Coffee is inspired by the neighbourhood coffee shops of the 1970s: terrazzo floors, burnt-orange booths, hand-painted window signs and a record spinning behind the bar. That spirit shows up in the vinyl-record testimonial player, the rotating "since 1974" seal, the rainbow stripes, the menu board with dotted price leaders and the "Now Serving" footer sign. The result feels nostalgic but clean, friendly and easy to read on any screen.
📄 Pages Included
- Home
- About
- Menu
- Beans (retail coffee, roast guide, brew guides)
- Gallery
- Contact
- Careers
- Wholesale
- Roastery
- FAQ
- Blog (with pagination and category pages)
- Blog Post
- Privacy Policy
- Terms of Use
- Accessibility Statement
- 404
🛠️ Tech Stack
- Astro 7
- Tailwind CSS 4
- MDX with content collections
- Alpine.js
- GLightbox
- Astro Icon with Bootstrap Icons
- Astro Fonts API (Bricolage Grotesque and DM Sans, self-hosted)
- TypeScript
💌 Free Updates & Support
Your purchase includes free lifetime updates, so you will get new features, improvements and compatibility fixes for future Astro releases at no extra cost. If you run into a problem or have a question about setting up the theme, contact our support team and we will help you get your café online.
