A free Japanese-style Framer website template

What's inside the free Japanese-style Framer website template

MOTO Mini is a single, deliberately minimal page cut from MOTO, our Japanese fermented-skincare template. Three things ship inside it: an editorial hero, a three-product grid wired to a live CMS collection, and a footer. That's the entire page — no hidden fourth section, nothing padded out to look bigger than it is.

What matters more than the section count is what those three sections are built on. The palette is fixed at two values: a warm paper background at #F3EEE4 and a soft near-black ink at #262320 — not stark white, not pure black. One accent color does every job color has to do on the page — the vertical kanji, the product labels, the prices, the footer link — and it never fills a section background, because an accent that covers a whole section stops behaving like an accent. Type runs on exactly two voices: a characterful serif for the headline, a quiet grotesque sans for the body copy, so only the headline is allowed to have personality. Japanese type appears exactly twice, vertically — 発酵美容 ("fermented beauty") large beside the hero headline, 季節肌 ("seasonal skin") smaller at the top of the product grid — a controlled echo, not a motif stamped across every section.

MOTO is a fictional Japanese fermented-skincare brand — the template's demo content, not a real company you can order from. You can see the full multi-page version live at the Framer Community marketplace before downloading anything, which is worth doing if you want to judge the design before you judge the free cut of it.

Why MOTO Mini is free

MOTO Mini costs nothing, but it isn't a no-strings download. It goes through a $0 checkout on Gumroad, and that checkout still asks for an email address, because that's how the file and the Remix link actually reach you. No money, one email address — that's the whole trade, stated plainly instead of buried in a popup later.

It's also not a crippled teaser built to make the paid template look better by comparison. It's a real, working slice of the same system that ships in the $49 version: same palette, same two-voice type pairing, same CMS wiring behind the product grid, just fewer sections. Giving away something that actually functions is more convincing than giving away a screenshot of it, and it's more useful to you too: you get to test the system against your own content before spending anything.

None of this is charity, and it's worth saying so directly. swec is a one-person studio; a free template nobody ever hears from again doesn't do much for that business, so yes, downloading MOTO Mini puts you on a list. If an email address is a dealbreaker, the live preview link above shows you the same design system for free with no checkout at all — you just can't edit it.

Set it up in 5 minutes

Everything below happens inside Framer. No code, nothing to install, nothing to configure locally.

01Download the free file

Go to flowtide10.gumroad.com/l/moto-mini and check out at $0. Gumroad asks for an email address at checkout — that's not a paywall, it's the delivery mechanism. The file and the Remix link land in your Gumroad library and your inbox within a minute.

02Click Remix

Open the confirmation page or the email and click Remix. This is the step that matters: it doesn't hand you a zip file to import somewhere, it opens the actual MOTO Mini project directly inside your own Framer workspace.

03Look before you edit

Before changing anything, look at what Remix actually gave you: the editorial hero, the three-product grid, and the footer, already built, already styled to the paper-and-ink palette, and the product grid already wired to its CMS collection. You didn't just get a set of parts. You got a finished page, and your job from here is replacement, not assembly.

04Make one real edit

Open the CMS collection behind the product grid and swap a single item: the photo, the name, the price. That one edit tells you whether the system holds up against your own content before you touch anything else. For the fuller walkthrough — replacing the palette as a system, setting your own type pairing, building the first-screen anchor — the step-by-step guide covers all six steps using this same starter file.

MOTO Mini vs. the full MOTO Launch Kit ($49)

MOTO Mini is honestly incomplete, on purpose. It's one page. If what you need is a hero, a product grid, and a footer — or you just want to test the design system on your own content before paying for anything — it's enough. If you need more than that, it isn't, and stretching a one-page free template into a full brand site by bolting on sections it wasn't built for is how templates end up looking like templates again.

• MOTO Mini (free): one page. Editorial hero, three-product grid, footer. Same #F3EEE4 paper, #262320 ink, one-accent system, and two-voice type pairing as the paid version. No guide PDFs, no guarantee.
• MOTO Launch Kit ($49): the full multi-page template. Adds a philosophy section, a process section, and a seasonal section — more sections, more pages, the same underlying system. Includes a customization guide PDF, a Japanese design cheat sheet PDF, and a 30-day money-back guarantee.

If skincare isn't your reference point, ASAGIRI is the sister template: the same design system built around a Japanese tea brand instead, a different structure, also $49. Comparing Japanese website templates before paying for one is exactly what the free download is for. And if you want to see the whole free field before you choose, we compared every free Japanese-style Framer template we could verify, ours included.

FAQ