Orchard Studio

Item: Orchard Studio
Rating: 7.2

Framer template for branding and motion studios

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

Live preview Get this template Save page

7.2/10MABTU rating

DESKTOP · 1440 × 9,078/ ↗

MOBILE · 390

Section outline · Home

01heroSplit image hero, 3D type object and orange helmet900
02aboutLarge right-aligned statement
03workSingle column of full-bleed project images with captions
04clientsStacked grotesk client list with sticker overlay
05journalFour image cards
06newsletterBig statement and email field
07footerBlack footer with columns and image900

Rating · Home

Visual design7.8

UX & clarity7.0

Originality7.3

Craft & consistency7.1

Motion6.8

Performance & a11y6.0

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

Main colours

Light·white background·mono

Typography

Open Sauce Sansheading · sans · self-hosted Open Sauce Sansbody · sans · self-hosted

Stack & style

Framer Lenis React Google Fonts

Minimal Bold typography Editorial Photography-led Hero carousel Hero video Smooth scroll Text reveal

Design DNA

Template: white canvas with black #000 and flashes of saturated orange #F28C1E (helmet hero) and klein blue #1F2BFF. A split hero pairs a grey 3D type object with an orange helmet still, 'Orchard Studio®' set in a tight black grotesk ~64px bottom-left. A right-aligned statement paragraph at ~28px with tight leading, then a left-column stack of full-bleed project images (pear, face, blackberry, jet engine) with tiny captions beside them. Client names form a stacked grotesk list with a blue sticker overlay; a four-up journal row, newsletter statement and black footer with a moss image.

Worth borrowing

Set the manifesto as one big right-aligned paragraph with tight leading instead of a heading plus body.
Show work as a single column of edge-to-edge images with tiny caption labels in the empty right column.
List clients as a stacked black grotesk wordlist that reveals line by line.