Matcha Shop

Item: Matcha Shop
Rating: 7.2

Framer template for cafés and small food and drink shops.

A Framer Marketplace template by Ava Thiery. Its words and photos are demo content.

Live preview Get this template Save page

7.2/10MABTU rating

Home

Blog Blog

Blog post

DESKTOP · 1440 × 11,303/ ↗

MOBILE · 390

Section outline · Home

01heroCaps wordmark, two pill CTAs, iced-matcha sky photo, scalloped base
02valuesThree icon cards with avatar proof row652
03marqueePale blue ticker with matcha relax time and small icons
04productsThree alternating rows, pastel tile plus attribute chips
05featuresBento of photo, 900+ stat, ritual copy and rating
06blogFour article cards with author avatars
07locationPale blue band, address, hours, directions button900
08testimonialsPhoto left, quote card right, arrow controls
09faqFive-row accordion beside a short intro
10footerOversized wordmark above contact and link columns

Rating · Home

Visual design7.3

UX & clarity7.2

Originality7.0

Craft & consistency7.2

Motion6.0

Performance & a11y8.0

This page scores 7.2; the site score weights the home page double.

Main colours

Light·white background·mono

Typography

Barlow Condensedheading · sans · google Interbody · sans · self-hosted

Stack & style

Framer Lenis React Google Fonts

Minimal Bold typography Playful Photography-led FAQ accordion Marquee Process steps Review badges Smooth scroll Stats band Sticky header Testimonial slider

Design DNA

Template: off-white with sage, blush pink and sky blue as flat colour blocks, each band closing in a scalloped cloud edge rather than a straight rule. Headings use a wide condensed grotesk in caps at 36-64px against a small geometric sans body. Product rows alternate left and right: a pastel tile holds the packshot, the facing column carries name, description and three tiny attribute chips. A 'MATCHA RELAX TIME' marquee with small icons repeats as a divider, and the footer sets the wordmark edge to edge at ~120px.

Worth borrowing

Close each band with a scalloped edge so a plain product page feels like packaging.
Give every product row its own pastel tile and three attribute chips rather than a uniform card grid.
Pair a wide condensed caps display with tiny geometric sans body copy for a café brand voice.