ROCA

Item: ROCA
Rating: 7

Framer template for residential developers and architecture practices.

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

Live preview Get this template Save page

7.0/10MABTU rating

DESKTOP · 1440 × 6,484/ ↗

MOBILE · 390

Section outline · Home

01heroFull-bleed interior with small headline bottom-left900
02aboutLabel left, four-paragraph essay in two narrow columns662
03galleryOff-grid photographs at mixed sizes with city captions2,170
04collaborationsStaggered photo pair with a right-aligned note1,860
05statementShort paragraph under a full-bleed courtyard photo
06quoteCentred serif quote over a dimmed interior
07footerInstagram, email and credits on one hairline row

Rating · Home

Visual design8.0

UX & clarity6.8

Originality7.6

Craft & consistency7.6

Motion6.8

Performance & a11y9.0

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

Main colours

Light·white background·mono

Typography

Manropeheading · sans · self-hosted Manropebody · sans · self-hosted

Stack & style

Framer Lenis React

Minimal Editorial Luxury Photography-led Swiss grid Parallax Smooth scroll Sticky header

Design DNA

Template: warm white #FAF8F5 page built like a printed monograph. One full-bleed interior opens with a 28px sans headline bottom-left, then a two-column essay set around 13px with generous leading. Photographs are placed off-grid at deliberately different sizes and never aligned to a card grid, each with a 10px caption naming the city (Marrakech, Fès, Essaouira), separated by hairline rules. Palette comes only from the stone, sand and clay of the images; a centred pull quote over a full-bleed room ends the page.

Worth borrowing

Place images at unequal sizes off the grid and let hairline rules, not cards, separate sections.
Caption each photograph with only a place name in 10px grey under its lower-left corner.
Run the whole 'about' as a four-paragraph essay column instead of icon cards.