Magnolia

Item: Magnolia
Rating: 7

Framer template for a recipe and entertaining blog

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

Live preview Get this template Save page

7.0/10MABTU rating

DESKTOP · 1440 × 7,862/ ↗

MOBILE · 390

Section outline · Home

01heroFull-width wordmark over table photo, slide counter900
02gridTwo-column tall photo grid with serif captions230
03imagePinned full-bleed picnic photo
04productsFour tableware photos with names
05newsletterBlack split with tomato photo
06footerLink columns, giant wordmark

Rating · Home

Visual design7.6

UX & clarity6.8

Originality7.4

Craft & consistency7.0

Motion6.0

Performance & a11y6.0

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

Main colours

Light·cream background·muted

Typography

Boskaheading · serif · self-hosted Aileronbody · font · self-hosted Tenor Sansaccent · sans · google

Stack & style

Framer Lenis React Google Fonts

Editorial Luxury Photography-led Hero carousel Pinned sections Smooth scroll

Design DNA

Template: warm ivory #F4EFE3 ground with a tall condensed hairline Didone for the full-width MAGNOLIA wordmark and light serif headlines; tiny gold uppercase tracked eyebrows. Hero is a sunlit outdoor table photo with the wordmark knocked out in white and a slide counter. A two-column grid of tall food and table photos with serif captions, a pinned full-bleed picnic image, a four-up tableware strip, a black newsletter split with a tomato photo and a black footer with the giant wordmark.

Worth borrowing

Set a condensed hairline Didone wordmark across the full hero width over photography.
Caption a two-column photo grid in small serif set inside the image corner.
Close on a black footer that repeats the wordmark at full width.