Kanso Matcha opens as a complete DTC matcha ecommerce website with brand story, product catalog, product detail pages, ritual education, recipes, journal content, wholesale inquiry, and contact CTAs already in place.
The example is organized to make a premium consumer brand feel shoppable and trustworthy without needing a real checkout backend, so first changes can improve the real user journey instead of rebuilding from nothing.
Use DriftLess to change brand name, product line, recipe content, origin story, visual direction, and ecommerce CTA language while preserving the polished starting point and live preview behavior.
Kanso Matcha is a curated DriftLess example for a DTC matcha ecommerce website. Vibrant DTC matcha storefront with product catalog, product detail pages, ritual guide, recipes, journal, wholesale inquiry, and contact CTAs.
When you click Use template, DriftLess creates a new project from this example and opens the unchanged preview first. Your next request can change brand name, product line, recipe content, origin story, visual direction, and ecommerce CTA language without starting over.
Starting idea
Generated from the Kanso Matcha template. This is a complete public brand and ecommerce-style website for a premium matcha company. Use the existing source as the base and apply the user's customizations in place.
Swap the name, palette, origin story, products, and product photography direction for a new consumer brand.
Use the product grid and detail pages to test bundles, kits, hero products, and seasonal offers.
Adapt the ritual, recipe, and journal sections into education content that supports a shoppable brand.
Start from Kanso Matcha and inspect the unchanged live preview.
Review the main DTC matcha ecommerce website sections: brand story, product catalog, product detail pages, ritual education, recipes, journal content, wholesale inquiry, and contact CTAs.
Ask DriftLess for a focused first change around brand name, product line, recipe content, origin story, visual direction, and ecommerce CTA language.
Use the suggested first-change chips when you want a fast starting point.
Run a final polish pass for mobile spacing, visible hierarchy, and the primary conversion or workflow action.
Use template creates a new project from this example.
The preview opens first, so you can inspect the starting point before spending credits on changes.
Tell DriftLess what to change in plain English: products, colors, sections, wording, pages, or workflow.
Progress, preview updates, files, and recovery actions stay visible while the draft improves.
Suggested first changes
Preview candidate promoted into a cloneable golden template
Source preserved as a public multi-route DTC brand website
Template build verified with Vite and TypeScript
