Cello Studio

Item: Cello Studio
Rating: 7.3

Framer template for design and architecture studios.

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

Live preview Get this template Save page

7.3/10MABTU rating

DESKTOP · 1440 × 19,484/ ↗

MOBILE · 390

Section outline · Home

01heroBlack band, monochrome portrait, floating intro card
02workFull-bleed colour blocks with sticky detail cards
03workContinued colour-block projects with view buttons
04aboutDuo portrait, availability and local time rows
05stats10 / 12+ / 6 / 40+ counters
06servicesNumbered rows with colourful thumbnail strips
07processCoral double-diamond with four stages
08pricingDark monthly card with inclusions and quote
09faqAccordion with book-a-call CTA
10blogOne large plus two small article cards
11footerDark band, portrait, giant wordmark

Rating · Home

Visual design7.8

UX & clarity7.2

Originality7.3

Craft & consistency7.4

Motion7.0

Performance & a11y9.0

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

Main colours

Mixed sections·black background·vivid

Typography

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

Design DNA

Template: white shell with a black hero and footer and one coral-red dot as accent; a neutral grotesque with an unusually large intro paragraph carrying inline pictogram glyphs between words. Each project is a full-bleed colour environment (terracotta, teal, ochre, forest) with its own rendered product still, the project name set large bottom-left and a small white detail card that sticks while the photo scrolls behind. Services are numbered rows with strips of colourful thumbnails; process is drawn as a double-diamond in coral outline.

Worth borrowing

Stick a small white detail card over a full-bleed project photo so specs stay put while imagery scrolls.
Give each case its own colour environment so the work index reads as a sequence of rooms.
Draw the process as a coral double-diamond with numbered stages instead of four icon cards.