Branding
Positioning, naming and identity, built as a system a team can run without us in the room. We leave the reasoning behind every decision, not only the files.
11 blocks
Each one is a <section> that owns its own theme and padding. A page is these, in order, and nothing else.
- hero-blockThe first screen of a route: one title, an optional asset behind it, and a line of metadata.
title, theme, media, meta[] - text-blockOne paragraph in a measured column, with an optional eyebrow over it. The most used block here.
eyebrow, theme, and the paragraph as the slot - segment-blockThe "who we serve" segment. Copy, and a button, on columns 1 to 4; the showcased image, the logo grid and the closing quote on 5 to the end.
heading, body, cta, media, items[], marksHeading, quote, quoteBy, logos, theme - cards-blockThe work grid: one card per case, with optional client-side filters over it.
items[], heading, filters[], theme - grid-blockRows of titled cells with rules between them. Pillars, services, features.
heading, columns, items[] ({ title, body }), theme - story-blockA numbered sequence, one step per row. The process, the method, the timeline.
heading, items[] ({ id, title, body }), theme - logos-blockA still logo row. Takes the demo marks in public/logos/demo/ by name, and a name with no file keeps a text stand-in.
heading, names[], theme - marquee-blockThe same marks, moving. A doubled track walked by rAF, paused out of view and on hover.
names[], theme, reverse - offices-blockThe studios, each with its address and a copy-to-clipboard address.
heading, theme - asset-blockOne full-width image at a declared ratio. The pause between two arguments.
mediaKey, ratio, theme - form-blockThe contact form, with the submit overlay and its 700ms floor.
heading, theme
One title, one asset, one line of metadata.
Text block
A paragraph in a measured column, at the length this template carries in the slot.
Established brands
Sometimes we need to pinch ourselves. Yes, we really work with some of the most benchmarked names of our time. We like them and their high standards, and they like us back.
Ask for Placeholder Partner
Selected client references
They understood the brand in one meeting and moved faster than our own team.
Head of Brand, a placeholder client
Grid block
Branding
Positioning, naming and identity, built as a system a team can run without us in the room. We leave the reasoning behind every decision, not only the files.
Design
Art direction, editorial and product design. One visual language across the places a person actually meets the work, rather than a showpiece and a long tail of exceptions.
Marketing
Campaign strategy and creative, with the measurement decided before the first asset. If we cannot say what a result would look like, we have not finished the brief.
Story block
Design
Art direction, editorial and product design. One visual language across the places a person actually meets the work, rather than a showpiece and a long tail of exceptions.
Marketing
Campaign strategy and creative, with the measurement decided before the first asset. If we cannot say what a result would look like, we have not finished the brief.
Logos block
Cirrus
Dovetail
Cirrus
Dovetail
Offices block
North Office
One Placeholder Square
South Office
Two Placeholder Street
The Studio
Three Placeholder Lane
Form block
Team
Founder, Creative Director, Design Director, Head of Strategy, Head of Production, Technical Director, Editor, Producer.