Romeo and Juliet

Item: Romeo and Juliet
Rating: 7.2

Framer template for a wedding invitation and RSVP site.

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

Live preview Get this template Save page

7.2/10MABTU rating

Home

DESKTOP · 1440 × 14,899/ ↗

MOBILE · 390

Section outline · Home

01header65
02heroWe're Getting Married!1,205
03features gridA Love that Started as Childhood Friendship822
04content216
05features gridThat Soon Blossomed into Something More678
06features gridSome Memories We've Clicked Over 5+ Years of Being Together…1,010
07features gridTimings & Location1,812
08features gridWhere to Stay768
09features gridHotels Nearby556
10features gridDress Code1,032
11features gridOn The Day Timeline1,043
12features gridOur Family & Friends Walking Down the Aisle with Us:2,673
13features gridGifts / Registry834
14formRSVP Here896
15media textMark Your Calendars & Put on Your Dancing Shoes!1,067
16footerWedding Invitation of289

Rating · Home

Visual design7.4

UX & clarity7.0

Originality7.5

Craft & consistency6.5

Motion6.0

Performance & a11y9.0

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

Main colours

Light·cream background·mono

Typography

Instrument Serifheading · serif · google Instrument Sansbody · sans · google

Stack & style

Framer Lenis React Google Fonts

Minimal Editorial Retro Photography-led Sticky header FAQ accordion Map Booking widget Process steps Smooth scroll

Design DNA

Template: cream #F6F1E7 paper with warm brown ink and a three-face type system — a high-contrast serif for names, a looping script for 'You're Invited!' and a small serif for body. Sections are divided by a drawn rule with a heart and an ECG spike in the middle, and dotted hand-drawn arrows point between blocks. Signature moments: a photo wall of nine polaroids pegged to a wire grid, a four-swatch dress-code palette, an RSVP form beside an open envelope illustration, a six-card day timeline with line icons, and a brown footer band with the couple's names in script.

Worth borrowing

Divide sections with a drawn rule that carries a heart and an ECG spike instead of a plain hairline.
Show the dress code as four filled circles of the actual palette above a mini moodboard of outfit photos.
Peg the photo gallery to a wire grid with visible clips so a personal site reads as a physical board.