Skip to main content
DriftLess logoDriftLess
Back to templates
Kanso Matcha template preview
Live, sandboxed preview of the unchanged template.Open in new tab

Why start from Kanso Matcha

Complete DTC matcha ecommerce website

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 present in the cloned workspace.

Built around the main workflow

The template is organized to make a premium consumer brand feel shoppable and trustworthy without needing a real checkout backend, so first edits can improve the real user journey instead of rebuilding page scaffolding.

Remix-ready foundation

Use DriftLess to change brand name, product line, recipe content, origin story, visual direction, and ecommerce CTA language while preserving the polished baseline and live preview behavior.

What the cloned workspace already includes

Cloneable DTC matcha ecommerce website golden workspace
Responsive Vite, React, and Tailwind source files
Product catalog included
Product detail pages included
Ritual education page included
Recipe collection included
Wholesale and contact inquiry pages included
Live preview available before the first remix edit
Suggested first edits tuned to this template

A reusable starting point for ecommerce

Kanso Matcha is a curated DriftLess template 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 copies the golden workspace into a new project and opens the unchanged preview first. The writer then edits the existing files in remix-modify mode, which keeps changes targeted to brand name, product line, recipe content, origin story, visual direction, and ecommerce CTA language.

Starter context

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.

  • DTC food and beverage founders
  • Creators launching consumer goods brands
  • Agencies prototyping ecommerce storefronts

Brand storefront

Swap the name, palette, origin story, products, and product photography direction for a new consumer brand.

Catalog launch

Use the product grid and detail pages to test bundles, kits, hero products, and seasonal offers.

Content-led commerce

Adapt the ritual, recipe, and journal sections into education content that supports a shoppable brand.

A practical first path after cloning

  1. 1

    Clone Kanso Matcha into a new DriftLess project and inspect the unchanged live preview.

  2. 2

    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.

  3. 3

    Ask DriftLess for a focused first edit around brand name, product line, recipe content, origin story, visual direction, and ecommerce CTA language.

  4. 4

    Use the suggested first-edit chips as copy-pasteable remix prompts when you want a fast starting point.

  5. 5

    Run a final polish pass for mobile spacing, visible hierarchy, and the primary conversion or workflow action.

Clone first, then edit the existing app

  1. 1

    Use template creates a new project and copies the golden workspace into the project head.

  2. 2

    Build opens with the unchanged template preview already loaded, so you can inspect the baseline before spending credits.

  3. 3

    Your first chat request runs in remix-modify mode: the Writer edits the existing files instead of regenerating the app from scratch.

  4. 4

    Progress, preview updates, artifacts, and recovery actions stay visible while the build advances.

Suggested first edits

Rebrand to "Mori Matcha" across the entire siteSwap the pink accent for a deep yuzu yellowAdd a new hojicha latte kit to the product catalogChange the origin story from Kyoto to KagoshimaTurn the product CTAs into external Shopify links
  1. 1

    Preview candidate promoted into a cloneable golden template

  2. 2

    Source preserved as a public multi-route DTC brand website

  3. 3

    Template build verified with Vite and TypeScript