Every instruction below was walked against MOTO Mini, so the values, fonts, and panel names are real rather than generic; the same steps fit any well-built Framer template. If a step runs past its estimate, that is normal: the estimates assume your replacement text and images already exist.
| Step | What you do | Time |
|---|---|---|
| 1. Remix | $0 checkout on Gumroad, click Remix, the template opens in your Framer workspace | 3 min |
| 2. Text | Edit canvas text in place; product names and prices through the CMS | 4 min |
| 3. Images | Replace photos via CMS fields and the Fill property; frames keep their crop | 3 min |
| 4. Colors | Spot-check #F3EEE4 / #262320 and the accent's short job list | 2 min |
| 5. Publish | Pick a framer.website subdomain, then check the live page on a phone | 3 min |
Step 1: Get the template and remix it into your workspace
MOTO Mini is delivered through Gumroad. Go to flowtide10.gumroad.com/l/moto-mini, check out at $0, and enter an email address. The email is the delivery mechanism, not a paywall: the file and the Remix link arrive within a minute, in your inbox and your Gumroad library. What is inside the file, and the honest reason it is free, is covered in the MOTO Mini breakdown.
Click Remix. Framer opens the template as an editable copy inside your own workspace; nothing to download or import. If you are not signed in, Framer asks you to create a free account first, which covers everything in this article.
Step 2: Replace the text without touching the type scale
Mini has two kinds of text. Canvas text, the hero headline and the footer lines, is edited in place: double-click and type. Product names and prices live in the CMS collection behind the product grid instead. Open the CMS panel from the left sidebar, click a product, and edit its fields there.
One rule while you type: change the words, never the type settings. The template runs on two voices, Shippori Mincho on the headline and Inter everywhere else, at sizes set as a scale. If your headline runs long, cut it to roughly the original's length instead of shrinking the font. That rule, and four more like it, are in the five rules that keep a template alive.
Step 3: Swap the images
Product photos are fields on the same CMS items you just edited: open the item, replace the image field, and the grid takes care of itself. Canvas images work through Fill instead. Select the frame, open Fill in the properties panel on the right, and replace the image there.
Replacing inside the frame keeps the layout intact: the frame keeps its size and crops the new photo to fit. Dragging a file onto the canvas creates a new element with the photo's own proportions, which is how grids drift. Match the mood of the original photography too, muted and warm, more than the subject matter; a much brighter or more saturated photo fights the page even when every frame is untouched.
Step 4: Check the colors stay in the system
Mini's palette is two values and one accent. The background is a warm paper at #F3EEE4, the ink a soft near-black at #262320, and the matcha green accent (#2E4033) appears only on a short job list: the vertical kanji, the product labels, the prices, the small view marks, and the footer link. It is the same system the $49 MOTO template runs on, and the reasoning for why these values beat pure white and pure black is in the four fixes that stop a page from looking AI-made.
The check exists because pasted text leaks. Copy a paragraph from a doc or an old site and it can arrive carrying its own color, and near-black on near-black is easy to miss on a laptop screen. Select each text block you replaced and read the value instead of trusting your eyes.
Step 5: Publish on the free plan
Click Publish in the top right of the editor, choose a subdomain, and the page goes live at yourname.framer.website. The free plan covers everything you have done so far, including this publish. Free sites carry a small Framer badge, and a paid site plan becomes necessary only when you connect a custom domain. Neither is a reason to wait; a live subdomain you can send today beats a domain decision you have not made yet.
Then open the live URL on an actual phone. The editor preview is honest about layout, less so about thumb-sized touch targets and real connection speeds.
FAQ
Do I need a paid Framer plan?
No. Remixing, editing, and publishing to a framer.website subdomain all run on Framer's free plan, which is what this walkthrough assumes. Free sites carry a small Framer badge. A paid site plan becomes necessary when you connect a custom domain; until then, the free subdomain puts a real page in front of real people.
Can I use my own fonts?
Yes. Framer has Google Fonts built in and accepts uploaded font files, so both of Mini's typefaces can be swapped. Keep the roles rather than the names: one serif with real character in exactly one place, the headline, and one quiet sans everywhere else, at the sizes already set. Swap fonts within those two roles and the system holds; a third voice is usually where it stops holding.
Is MOTO Mini really free?
Yes. Checkout on Gumroad is $0 and asks for an email address, which is how the file and the Remix link get delivered. It also puts you on our list, which is the honest reason a free template exists. There is no trial period and nothing locked inside the file.
What if I break the layout?
Undo, Ctrl or Cmd+Z, fixes most damage while the editor is open. If a project drifts too far to rescue, delete it and click Remix again from your email or your Gumroad library: the link does not expire, and every remix is a fresh copy of the original. You lose your edits, not the template.