OCHA

Item: OCHA
Rating: 7

Framer template for bold, youthful matcha bars and cafes

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

Live preview Get this template Save page

7.0/10MABTU rating

Home

/articles

Blog post

DESKTOP · 1440 × 16,733/ ↗

MOBILE · 390

Section outline · Home

01heroPink wordmark over street photo, caps tagline, polaroid thumbnail row
02aboutCentred caps manifesto on pink band
03productsSplit word around cut-out drink, rotating names on green
04menuPink caps price list beside one drink photo on cream
05bannerText ribbon snaking over lilac telephone photo
06testimonialsTilted cream review cards floating on green
07teamPink band, names and roles, photos missing
08productMerch t-shirt cut-out with outlined buy button
09eventsWorkshop cards in pink gradient tiles
10locationGreen band with address and maps link
11blogThree outlined caps cards
12faqOutlined accordion rows on green
13footerBig email, nav, snaking text ribbon on pink957

Rating · Home

Visual design7.8

UX & clarity6.4

Originality8.6

Craft & consistency6.4

Motion7.0

Performance & a11y7.7

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

Main colours

Light·coloured background·muted

Typography

Antonheading · sans · self-hosted Antonbody · sans · self-hosted Anton SCaccent · sans · google

Stack & style

Framer React Three.js Google Fonts

Bold typography Playful Photography-led FAQ accordion Floating CTA Marquee Smooth scroll

Design DNA

Template: two-colour system of bubblegum pink #F9B8DA and bottle green #0B5A3A on cream #FFF8E7, all type in a tall condensed grotesk set in caps. The hero stacks a huge pink OCHA wordmark over a film-look street photo with a row of tiny polaroid thumbnails. Manifesto blocks are centred caps paragraphs on flat colour bands. A SPECIALS band splits the word around a cut-out matcha drink, the menu is a pink caps price list beside one drink photo, and a pink text ribbon snakes over a lilac telephone photo and again across the footer. Reviews float as tilted cream cards; workshops and ideas are thin-outlined caps cards.

Worth borrowing

Split a section word (SPE-CIALS) around a cut-out product shot so the drink sits inside the headline.
Run a curving text-on-path ribbon across a photo and again in the footer as a brand motif.
Limit a cafe brand to two saturated flats plus cream and set every word in one condensed caps face.