Stoa

Item: Stoa
Rating: 6.9

Framer template for architecture studios

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

Live preview Get this template Save page

6.9/10MABTU rating

Home

Case study

DESKTOP · 1440 × 7,171/ ↗

MOBILE · 390

Section outline · Home

01heroHeadline, intro, three counters, full-bleed photo476
02portfolioTwo-column tall photos with spec captions2,763
03image bandFull-width concrete texture648
04processFour numbered ruled rows1,032
05awardsRuled table with years and sources866
06ctaBlack band, consultation button, offices584

Rating · Home

Visual design7.4

UX & clarity7.2

Originality6.8

Craft & consistency7.3

Motion5.5

Performance & a11y7.7

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

Main colours

Light·off white background·mono

Typography

Interheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Framer React

Minimal Editorial Photography-led Swiss grid Process steps Stats band

Design DNA

Template: warm paper (#F1EFEA) page with near-black (#161616) text, a black contact band and no rounded corners. Medium-weight grotesk headlines at restrained size, tiny tracked uppercase index labels ('INDEX 01 — SELECTED WORKS') and small numeric stats. Hero is a left headline with three counters, then a full-bleed sky and concrete photo. Works sit in a two-column grid of tall photos, each captioned with name, year, city, type and floor area. A concrete texture band, a numbered four-step process list, an awards table with year, award and source columns, and a black footer with studio addresses follow.

Worth borrowing

Caption each project like a spec sheet: name, year, city, building type and square metres.
Number sections as an index ('INDEX 01 — SELECTED WORKS') in tiny tracked caps.
List awards as a ruled table with year, award name and source columns.