Skip to main content
Demo · For your consideration

Three directions for your web product.

Three distinct visual systems for a website — same brand DNA, three different worlds. Editorial, conversion-led, minimal. Scroll, pick one (or blend two), and we'll tailor it to your product, voice, and audience.

01

Editorial brand site

Long-form, photography-led, serif-heavy. The site reads like a publication and earns trust before asking for the click.

References: Aesop · Mast Books · Stripe PressSee it →
02

Conversion-led product site

Bold sans, clear value prop, tested CTAs, social proof. Every block engineered for the next click.

References: Stripe · Linear · VercelSee it →
03

Minimal portfolio / commerce

Tight grid, generous whitespace, lightning-fast. The work is the hero — the site gets out of the way.

References: Notion · Cal.com · PitchSee it →
Direction
01
Editorial brand site
References · Aesop · Mast Books · Stripe Press
01 · The Editorial

A site that reads like a publication.

Hand-set typography, full-bleed photography, long-form story chapters. Less commerce, more cinema — the user lingers because there's something worth lingering for.

Editorial brand site direction sample
Sample moments · what the user sees
Above the fold

Hero film loop

Full-bleed 4K loop, italic caption, no navigation chrome. The brand makes its first impression in silence.

Body

Story chapters

Each section opens with a pull-quote in display serif. Long-form copy, considered photography, soft transitions.

Conversion

Quiet checkout

One page, no upsells, no urgency banners. Just the product, the price, and the buy.

Typography

Cormorant Garamond + Inter

Palette

Cream, ink, muted ember

Voice

Considered. Restrained. Lets the work speak.

Best for

Atelier brands, premium boutiques, founder-led products with a story.

Direction
02
Conversion-led product site
References · Stripe · Linear · Vercel
02 · The Conversion Engine

Every section ships the next click.

Above-fold value prop, social proof, decisive CTAs. Built to be A/B tested. Built to ship. Built to convert.

Conversion-led product site direction sample
Sample moments · what the user sees
Hero

Above-fold value

A single sentence promise, a single CTA. No decoration. Tested against three variants in week one.

Social proof

Trust strip

Logos, ratings, NPS, the proof. Customers, then numbers, then features — in that order.

Convert

Pricing table

Side-by-side, recommended highlighted, FAQs underneath. Built for the decision moment.

Typography

Inter (display + body) — single font for speed

Palette

White, ink, electric signal

Voice

Direct. Clear. Sales-ready.

Best for

SaaS, B2B sign-ups, lead-gen, paid-traffic landings.

Direction
03
Minimal portfolio / commerce
References · Notion · Cal.com · Pitch
03 · The Soft Studio

The work speaks. The site gets out of the way.

A small site, well made. Featured projects with breathing room, a studio note, a light shop — the kind of site you'd save for inspiration.

Minimal portfolio / commerce direction sample
Sample moments · what the user sees
Showcase

Featured carousel

One project at a time, full-width photograph, a single caption. Room to breathe.

Voice

Studio note

Short journal entries — what we're making, what we're learning. Not a blog. Letters.

Side door

Light commerce

A small shop — five things, well presented, never on sale. Quiet revenue without the storefront feeling.

Typography

Cormorant Garamond + Inter

Palette

Linen, ink, soft taupe

Voice

Honest. Warm. Calm.

Best for

Studios, makers, indie product launches, slow commerce.

Pick a direction. We'll build it.

Each direction is a starting point — the chosen path is tailored to your product, your voice, your audience. Tell us what you're working on and we'll send a scoped proposal within a working day.

Book a free call →Email us