← Styleguide

Internal — Design Reference

Audience & Process (M&D)

Who it's for and how it works, as ruled columns on white.

Marketing & Design view live ↗

00 Current

The live production component, rendered as-is — ruled columns on white.

Who It’s For

Great At The Work, Short On Time To Market It

For businesses that are great at what they do but don’t have time to market it — or whose website, branding, or outreach hasn’t kept up with how far they’ve come.

How It Works

We Chart The Route

We start by getting clear on where you’re headed, then chart the route: what to build, what to say, and what to ship first. You’ll always know what we’re doing and why.

01 Parallel Rules

Editorial: the live split redrawn with the plotting-room's parallel rules — one heavy ink rule over a hairline spanning both beats, a single column rule between them, and each closing sentence set off as an italic Playfair kicker (the audience body is one sentence here, so its column runs unsplit).

editorial · scotch rule · center column rule · italic kicker · white

Who It’s For

Great At The Work, Short On Time To Market It

For businesses that are great at what they do but don’t have time to market it — or whose website, branding, or outreach hasn’t kept up with how far they’ve come.

How It Works

We Chart The Route

We start by getting clear on where you’re headed, then chart the route: what to build, what to say, and what to ship first.

You’ll always know what we’re doing and why.

02 The Waterline

Banded two-tone split: the fit stays above the waterline on the live white surface; the method drops below it onto deep blue — one section, two tones, the wave crests as the boundary, and the beats offset left/right so the pair reads as a single diptych. The paper strip after the closing wave is context chrome: the related-services strip that follows in production.

two-tone bands · deep-blue drop · offset diptych · orange heading swipe · static wave seams

Who It’s For

Great At The Work, Short On Time To Market It

For businesses that are great at what they do but don’t have time to market it — or whose website, branding, or outreach hasn’t kept up with how far they’ve come.

How It Works

We Chart The Route

We start by getting clear on where you’re headed, then chart the route: what to build, what to say, and what to ship first. You’ll always know what we’re doing and why.

context — related-services strip below

03 Twin Berths

Plates + numerals: the two beats docked side by side as chart plates on a paper band — italic Playfair soundings 01 and 02 riding each plate's corner, hairline borders, and the waterline keel along each base. (Chart-plate card family; Watch Bill vocabulary.)

paper band · white plates · italic Playfair numerals · waterline keel · two up

Who It’s For

Great At The Work, Short On Time To Market It

For businesses that are great at what they do but don’t have time to market it — or whose website, branding, or outreach hasn’t kept up with how far they’ve come.

How It Works

We Chart The Route

We start by getting clear on where you’re headed, then chart the route: what to build, what to say, and what to ship first. You’ll always know what we’re doing and why.

04 Signal Hoist

The labels leave their posts over the headings and run up the halyard instead — Playfair hoisted vertical like signal flags, an orange flag marking the fit and a blue one the method, the copy flying beside a pair of staggered masts. Wildcard — bends layout/motif conventions; brand palette and Playfair/Rubik only.

wildcard · vertical Playfair labels · flag ticks · halyard lines · staggered masts

Who It’s For

Great At The Work, Short On Time To Market It

For businesses that are great at what they do but don’t have time to market it — or whose website, branding, or outreach hasn’t kept up with how far they’ve come.

How It Works

We Chart The Route

We start by getting clear on where you’re headed, then chart the route: what to build, what to say, and what to ship first. You’ll always know what we’re doing and why.