Plate

Item: Plate
Rating: 7

Framer template for restaurants and cafes with a full menu.

A Framer Marketplace template by Toni Järvinen. Its words and photos are demo content.

Live preview Get this template Save page

7.0/10MABTU rating

DESKTOP · 1440 × 10,106/ ↗

MOBILE · 390

Section outline · Home

01heroBetter food on every plate1,295
02menuStarters3,539
03features gridBold flavours, local ingredients, crafted with love1,390
04media textLatest updates from Plate995
05faqFrequently asked questions912
06media textCome grab a Plate1,061
07footerBetter food on every plate913

Rating · Home

Visual design7.0

UX & clarity7.6

Originality6.0

Craft & consistency7.4

Motion5.5

Performance & a11y9.0

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

Main colours

Light·off white background·muted

Typography

Urbanistheading · sans · self-hosted Urbanistbody · sans · self-hosted

Stack & style

Framer React

Minimal Bold typography Photography-led Rounded / soft FAQ accordion Map Sticky header Tabs

Design DNA

Template: off-white #FAF7F2 with peach #F6C9A8 accent pills and a plain geometric sans throughout. A tab bar (Starters, Mains, Sides, Desserts, Drinks) sits on the hero photo and jumps to menu cards below, each card pairing a white price list with one square dish photo and small coloured dietary badges per item. Food photography is bright, top-down, on pale ceramics. The close is a huge black geometric 'plate' wordmark above a two-column footer with hours, map and reservation link.

Worth borrowing

Put the menu category tabs on the hero image so the first click goes straight to the section a diner wants.
Mark each dish with small coloured dietary icons in the price row rather than a legend at the bottom of the menu.
End the page with an oversized geometric wordmark that acts as the sign-off above the practical footer.