KAI RAMEN

Item: KAI RAMEN
Rating: 7.2

Framer template for ramen shops and casual restaurants

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

Live preview Get this template Save page

7.2/10MABTU rating

Home

DESKTOP · 1440 × 8,711/ ↗

MOBILE · 390

Section outline · Home

01headerHALAL RAMEN. TOKYO MADE.1,463
02features gridBOLD BROTH. HANDMADE NOODLES.1,125
03contentNO PORK. NO ALCOHOL. FULL FLAVOR.645
04features gridBUILT FROM THE BROTH UP.1,107
05media textA SMALL PLACE FOR BIG BOWLS.1,015
06contentFIND US IN TOKYO.680
07menuCHOOSE YOUR BOWL.1,065
08features gridCOME HUNGRY. LEAVE HAPPY.1,200
09footer338

Rating · Home

Visual design7.5

UX & clarity7.2

Originality7.0

Craft & consistency7.0

Motion5.5

Performance & a11y8.7

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

Main colours

Light·cream background·mono

Typography

Switzerheading · sans · self-hosted Switzerbody · sans · self-hosted

Stack & style

Framer Google Fonts React

Bold typography Editorial Photography-led Map

Design DNA

Template: cream #F3EFE6 and beige #E9E3D6 bands, near-black #111 text and one black CTA band; tiny red Japanese labels. Tight uppercase grotesk headlines (hero around 80px, sections around 28px) with small tracked caps labels ('01 / THE RAMEN') and short right-aligned paragraphs. Hero headline over a full-width overhead ramen photo; three dish cards with prices and ingredient caps; halal promise block; broth craft section with small offset images; restaurant interior strip; menu set as ruled two-column price lists; location with map; black 'COME HUNGRY. LEAVE HAPPY.' CTA and footer.

Worth borrowing

Set the menu as ruled two-column price lists grouped by course, like a printed card.
List each dish's ingredients in tiny tracked caps under its name.
Pair giant tight caps headlines with small Japanese labels for authenticity.