Heirloom

Item: Heirloom
Rating: 7

Framer template for boutique architecture firms and luxury estates

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

Live preview Get this template Save page

7.0/10MABTU rating

DESKTOP · 1440 × 9,354/ ↗

MOBILE · 390

Section outline · Home

01heroCliff villa photo, wordmark bottom-left, scroll cue900
02statsStaggered big numbers and awards line
03aboutCream panel, tall interior photo
04projectsOverlapping project photos
05processRender beside line drawing on cream
06values2x2 cream and dark tiles
07testimonialsPhoto and quote slider
08blogThree journal photos1,069
09faqCream panel accordion
10contactDark wood photo with form, footer

Rating · Home

Visual design7.6

UX & clarity6.7

Originality7.5

Craft & consistency7.0

Motion6.0

Performance & a11y9.0

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

Main colours

Dark·dark grey background·mono

Typography

Roboto Serifheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Framer Lenis React Three.js Google Fonts WebGL canvas

Minimal Editorial Luxury Photography-led FAQ accordion Hamburger-only nav Smooth scroll Stats band Testimonial slider Transparent header

Design DNA

Template: near-black green (#141A17) page with inset cream (#F6F1E8) panels and fine hairline rules framing every block. Serif caps for titles with an italic second line joined by em-dashes ('LANDMARKS—OF CRAFTSMANSHIP', 'BUILT—FOR THE HORIZON'); small bracketed labels like '| ATELIER |' left and right above each section. Cliff-top villa hero with the wordmark bottom-left, staggered stats, a tall interior photo beside the philosophy text, overlapping project photos, a render next to a line drawing, a 2x2 values grid of cream and dark tiles, journal thumbnails, FAQ and a dark wood contact form.

Worth borrowing

Join two words of a caps serif title with an em-dash and set the second in italic.
Frame every section with hairlines and small bracketed labels at both ends.
Show a finished render beside its line drawing to explain the design process.