Premium design, backed by experience
Thoughtfully chosen typography, colour and layout give your website a distinctive look, shaped by 13+ years of design experience.
What’s included
One template, four ways to build. All four options are included, so you can choose what suits your tools, experience and project.
AI prompts
Ready-to-use prompts to recreate the template’s pages in your chosen AI tool.
Theme
Use the included typography, colours and styling rules to add new pages that match the template.
Framer Remix
Create your own copy of the template, then customise it in Framer’s visual editor.
Code files
Source files and assets to rebuild the design with AI. This recreation kit needs adapting before hosting.
Explore the page layouts
Video walkthrough 
Homepage 
Menu 
Shop 
Product Details 
About 
Contact 
Locations 
Terms & Conditions
Choose your starting point
Explore templates tailored to your industry, or choose a theme to build on your own with design direction.
Choose your tool
Choose an AI tool (ChatGPT, Claude, Cursor, Replit, v0, Lovable, Base44, and more). Or open it up in Framer using the remix link you’ll receive with your purchase.
Learn moreIterate and refine your website
Refine the fonts, content, and imagery to match your brand and business.
Follow our step-by-step guidesTake it live in hours
Your website can be ready in as little as a few hours. Connect your domain and publish to give your business a fresh face online.
Why us
Designer taste.
AI affordability.
Designed around conversion
Clear layouts and focused messaging help visitors understand your offer, trust your business and take the next step.
Good taste at an affordable price
Build a polished website that reflects your brand, fits your business needs and stays within your budget.
Your choice of tools
Choose your favourite AI tool or a visual tool like Framer. No platform or tool restrictions.
Guides
Not sure where to start?
Our free guides help you make your template or theme your own. No coding experience needed.
Image prompts included
Imagery sets the mood. Use the included prompts to recreate this look and feel for your business.
Flexible tools
4 ways to build
Build with your favourite AI tool, including ChatGPT, Claude, v0 or Lovable. Prefer a visual editor? Use Framer. Choose the format that works for you.
- Responsive design for every screen
- Editable page copy and metadata
- Instant access after purchase
- Editable colours, typography and content
AI prompts
Ready-to-use prompts to recreate the template’s pages in your chosen AI tool.
Theme
Use the included typography, colours and styling rules to add new pages that match the template.
Framer Remix
Create your own copy of the template, then customise it in Framer’s visual editor.
Code files
Source files and assets to rebuild the design with AI. This recreation kit needs adapting before hosting.
FAQ
Questions about Matcha.
What is Framer, and what is a Framer Remix link?
Framer is a visual website builder. Edit text, images and layouts directly on the page and see your changes as you make them.
A Framer Remix link creates your own editable copy of this template in your Framer account, ready to customise.
Who is Matcha for?
Matcha suits tea brands, cafés, and hospitality businesses that need a menu, product pages, and location information. The source content includes six editable products and four locations, alongside the Japanese tea imagery and animated typography.
What pages and files are included in Matcha?
The build prompts cover 8 page types: Homepage, Menu, Shop, Product Details, About, Contact, Locations, and Terms & Conditions. Reusable detail-page templates can be populated with your own records. Replace the sample business copy, contact information, and policies before launch.
Matcha includes a Framer Remix link, AI build prompts for 8 page types, the matching theme, and its source and recreation kit. Download 11 verified Framer source files, responsive layouts, motion settings, populated CMS content, eight prompts, theme and assets. This is a source and recreation kit; a finished standalone website is not included.
After purchase, find the files and prompts in My account.
Can I use Framer or vibe coding without knowing how to code?
For visual editing, open the Framer Remix link and customise the template in Framer. For vibe coding, give an AI coding tool the included prompts and relevant source files, then ask it to adapt the website to your business. Tools handle files differently; follow the included guidance.
You can start without coding experience, but an AI rebuild still needs review, testing, and publishing. The source kit is a reference for recreating the design, rather than a finished standalone website. See how it works or follow the template guide.
Can I preview the template before buying it?
To preview this paid template, sign in or create an account and complete email verification and the no-charge card setup. The live preview opens over this product page. Previewing does not require buying the template.
Which license do I need?
Personal covers one noncommercial website for a hobby, learning, or a personal project. It excludes business promotion, monetization, and paid client work. Choose Commercial for a business or money-making website, even if you only need one site; it includes unlimited websites using this template. Template + 1:1 Build Session includes Commercial and a private 60-minute session. Read the Terms & Conditions for the license details.
Are hosting, my domain, and paid tools included?
No. Hosting, your domain, paid Framer or AI plans, and any business services you connect are separate. Review your chosen tool’s publishing options and work through the website launch checklist before going live.
Can I get a refund?
Because this is a digital product, all sales are final and we don’t offer refunds, except where required by law. View our Terms & Conditions.