Shadwell

Item: Shadwell
Rating: 7.5

Framer template for small architecture studios.

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

Live preview Get this template Save page

7.5/10MABTU rating

DESKTOP · 1440 × 4,861/ ↗

MOBILE · 390

Section outline · Home

01marqueeOversized scrolling wordmark with an asterisk separator
02heroSingle wide house photograph under the marquee
03awardsFour award marks in separate ruled cells
04aboutThree paragraphs right of the label, then two figures in cells
05worksFour project photos with city, year and name captions
06blogThree rows of thumbnail, headline, date and read-more
07contactPhone, email, address and hours in cells beside a photo298

Rating · Home

Visual design7.8

UX & clarity7.2

Originality8.0

Craft & consistency8.0

Motion6.8

Performance & a11y8.0

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

Main colours

Light·white background·vivid

Typography

Aspektaheading · sans · self-hosted Aspektabody · sans · self-hosted Interaccent · sans · self-hosted

Stack & style

Framer React Google Fonts

Minimal Editorial Photography-led Sharp / geometric Swiss grid Hamburger-only nav Logo cloud Marquee Sticky header

Design DNA

Template: black on white with no accent colour; every section is a visible table of ruled cells, the section label (STUDIO, WORKS, BLOG, CONTACT) sitting alone in the left column while text and images occupy the right. A marquee of 'STUDIO SHADWELL ✳' runs under the header, four award marks sit in their own cells, project photographs carry city and year in 10px caps, blog rows pair a thumbnail with a headline and READ MORE, and contact details fill single cells with office hours.

Worth borrowing

Make the layout grid visible: hairline cells with the section label alone in the left column.
Keep the ruled cells on mobile as stacked rows so the system reads at both widths.
Set project metadata (city, year) as table data above the project name.