Morni

About this template

MORNI

MORNI is a restaurant template for cafés, brunch spots and specialty coffee bars that don't want to look like every other food site. Burgundy, milk and sky blue, oversized condensed headlines, hard morning light and screen-print illustrations give it a grown-up, editorial character straight out of the box.

The menu runs on the Framer CMS. Add a dish once and it appears in the menu grid, in the homepage highlights and in a pop-up dish card with price, ingredients, calories and an automatic protein / fat / carbs bar. No code, no duplicate editing.

Everything is built from global colour and text styles and a small set of components, so rebranding takes minutes: change six colours and two fonts and the whole site follows.

What's included

4 pages: Home, Menu, Our Story, 404

CMS Menu collection with 14 sample dishes across three sections

Pop-up dish card with photo, price, ingredients, kcal and a live macro bar

Section rail on the Menu page (Plates, Bowls, Drinks)

Photo-filled headline component for call-to-action blocks

Google Maps button, email and social links ready to edit

Desktop, tablet and phone layouts, tested down to 360 px

Features

Fully responsive, three breakpoints

CMS-driven menu with per-dish nutrition

Global colour styles and text styles

Reusable components: Navigation, Footer, Button, Menu Card, Menu Row, Dish Card, Tap Link

Light appear animations that respect reduced-motion settings

SEO basics: one H1 per page, meta titles and descriptions, social image, 404 set to noindex

Accessible by default: descriptive alt text, 44 px tap targets, keyboard-reachable links

Fonts: Mona Sans and Inter, both free

Perfect for All-day breakfast and brunch cafés, specialty coffee shops, bakeries, juice and smoothie bars, small restaurants and food pop-ups.