Northfold

Item: Northfold
Rating: 7.6

Framer template for architecture practices

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

Live preview Get this template Save page

7.6/10MABTU rating

Home

WORK

START A PROJECT

DESKTOP · 1440 × 3,870/ ↗

MOBILE · 390

Section outline · Home

01heroFull-width facade photo with FIG caption, headline and intro1,050
02statsRuled strip: established, projects, focus
03featureLarge photo with spec table745
04portfolioThree photo cells with captions730
05processFour numbered steps, then four big stats389
06ctaCharcoal block with studio addresses423
07footerRuled columns, back to top278

Rating · Home

Visual design7.9

UX & clarity7.6

Originality7.7

Craft & consistency7.8

Motion5.5

Performance & a11y8.7

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

Main colours

Light·cream background·vivid

Typography

Schibsted Groteskheading · sans · google Schibsted Groteskbody · sans · google

Stack & style

Framer React Google Fonts

Bold typography Photography-led Sharp / geometric Swiss grid Process steps Stats band

Design DNA

Template: warm paper (#F4F1EA) ruled into a visible grid of hairline cells like a drawing sheet, with charcoal (#2A2A2A) blocks and a single orange-red (#E8421C) for square markers and button ends. Headlines are bold uppercase grotesk around 40px; captions, coordinates and spec tables are monospace ('FIG. 01 - RIVER COMMONS', 'X 22.3569° N'). Architecture photos sit in bordered cells with figure labels, a featured project has a spec table (site, type, area, structure), a four-step 'how a building gets drawn' row, big stats and a charcoal contact block.

Worth borrowing

Caption every photo like a drawing: 'FIG. 02' labels, coordinates and scale in monospace tags.
Give the featured project a ruled spec table (site, area, structure, status) beside the image.
Draw the whole page on a visible hairline grid so sections read as cells of one sheet.