Morni

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.