Skip to main content
00The promise

We don’t sell perfection. We solve problems — honestly, with craft.

A studio working in the gap between design and engineering. This is how we sound, how we look, and what we mean when we say it.

01The idea

The gap between design and engineering is where products break. We make it our discipline.

the pace is a design and technology studio. We build our own products — Parlance, Lexicon, and a growing portfolio — and we build for teams who care about getting the design-to-development handoff right.

Most studios pick a side. We live in the seam between the two, because that’s where intent gets lost, accessibility gets dropped, and good ideas drift into something nobody chose.

The name carries two meanings: a surname, and a belief — that building well is about the right pace, not the fastest one.

02Purpose

Why we exist, and where we’re going.

Mission

Why we exist

To close the gap between design and engineering — turning design intent into accessible, technical reality with clarity, structure, and care.

Vision

Where we’re going

A world where design and development speak one language, where accessibility is the default, and where the people building products are trusted because they’re honest — not because they claim to be flawless.

03The promise

What we promise — and what we won’t.

We are problem-solvers, not perfection-sellers. We don’t promise you a flawless answer — because anyone who does is lying. We promise to solve the problem in front of us, honestly, with you, and to own the parts that are hard.

We’re rigorous about how we work, and honest about everything else. Honesty lowers the risk you feel; craft raises the quality you get. Trustworthy and excellent — most pick one.

Being human is the feature: we show our reasoning, name tradeoffs out loud, and say when something’s uncertain.

04Positioning

Where we stand.

For product teams who feel the gap between design and engineering, the pace is the design and technology studio that turns design intent into accessible, systematic, technical reality — because we work in the seam others ignore, and we’re honest about the work instead of selling perfection.

Category

A design & technology studio — not an agency, not a freelancer.

Who we’re for

Teams with designers and engineers, suffering handoff drift, inconsistent UI, and accessibility debt — especially regulated, multi-brand operators.

Why us

Twelve-plus years in design systems and regulated platforms; tools we built ourselves; standards we can prove, not preferences we defend.

05Personality

The honest master craftsperson — who tells you the truth.

We are

PreciseHonestCalmConsideredHumanQuietly confidentGenerous

We are not

Hype-ySalesyPerfectionist-posturingJargon-hidingMove-fast-break-thingsEgo-driven
06Voice & tone

How we sound.

Four principles guide every word.

Plain over clever

Clarity is the highest craft.

Honest over impressive

Name limits and tradeoffs; under-claim.

Precise over vague

Specifics, specs, numbers — “WCAG 2.2 AA,” not “accessible-ish.”

Human over corporate

A real voice, never a press release.

Do & don’t

Do

Design and code that agree.

Don’t

Synergistic, paradigm-shifting design solutions.

Do

Here’s the tradeoff: faster to ship, harder to maintain. We’d choose maintainable.

Don’t

We deliver flawless, pixel-perfect experiences, every time.

Do

This audit found 14 issues. Three block release. Here’s the order to fix them.

Don’t

Leveraging best-in-class methodologies to maximise impact.

Tone by context

ContextTone
MarketingConfident, inviting.
DocsPrecise, neutral.
Errors & empty statesCalm and owning — never blame the user.
ProposalsHonest and specific.
SocialGenerous and sharp.
07Messaging

What we say.

Apps that move design and engineering as one.

We won’t sell you perfection. We’ll solve the problem, honestly, with craft.

Three pillars

At the gap

We work in the seam between design and engineering — where intent is lost and quality leaks.

Systems that scale

Tokens, contracts, and components built to hold up — not just to ship once.

Honest craft

Rigorous about the work, honest about everything else. Trustworthy and excellent.

Proof, not adjectives

  • Parlance8 surfaces — one contract between design and code.
  • Lexicon122 components, re-skinned in one pass.
  • NettakerLive on the App Store.

Boilerplate

the pace is a design and technology studio working in the gap between design and engineering. We build our own products and partner with teams who care about getting the handoff right — with craft, accessibility, and honesty.

08Naming

What we call things.

the pace

The brand — always lowercase, even at the start of a sentence.

Product names

Evocative single real words — Parlance, Lexicon, Auditor, Capital, Pacer. Title case, no sub-brand soup.

Surfaces

Our word for where a product lives — web, browser, VS Code, Xcode, Figma, MCP. Not “platforms,” not “integrations.”

09Visual identity

How we look — from the live tokens.

Colour and type on this page resolve from the same tokens the whole site uses. Nothing here is typed in by hand, so it can never drift out of brand.

Logo

the pacethe pace
On surface--bg-surface-2
the pace
On primary--accent

Logo — do & don’t

Keep at least the wordmark’s cap-height clear on every side, and reach for the variant that fits the surface. The misuses below are applied to the mark only — the panels are correct.

Do

Dothe pace wordmark
On a dark surfaceOff-white wordmark on --bg-surface-2.
Dothe pace wordmark
Clear spaceKeep one cap-height free on every side.
Dothe pace wordmark
On a light surfaceInk wordmark on the light surface.
Dothe pace wordmark
On the accentOff-white wordmark on --accent.
Dothe pace wordmark
Minimum sizeNo smaller than 18px / ~12mm in print.

Don’t

Don’tthe pace wordmark
Don’t stretchKeep the 3.98 : 1 ratio.
Don’tthe pace wordmark
Don’t recolourThe fills are fixed.
Don’tthe pace wordmark
Don’t rotateThe mark sits level.
Don’tthe pace wordmark
Don’t add shadow or glowNo effects, ever.
Don’tthe pace wordmark
Don’t kill the contrastInk on accent fails to read.
Don’tthe pace wordmark
Don’t place on a busy fieldThe mark needs a quiet ground.
Don’tthe pace wordmark
Don’t cropShow the whole word.
Don’tthe pace wordmark
Don’t outlineNo strokes around the letters.
Don’tthe pace wordmarkthepace
Don’t re-typesetUse the supplied artwork.
Don’tthe pace wordmark
Don’t use the wrong variantOff-white disappears on light.

Colour

Each swatch is read from the running theme on load. Switch the site between light and dark and these values update themselves — the page documents the real palette, not a copy of it.

Surfaces

--bg-page
--bg-surface-1
--bg-surface-2
--bg-surface-3

Ink

--text-primary
--text-secondary
--text-muted

Accent

--accent
--accent-hover
--accent-active
--accent-text

Semantic

--success
--warning
--error
--info

Borders

--border-subtle
--border-default
--border-hover

Typography

--font-display · Satoshi · 600 · displayDesign and engineering as one.
--font-display · Satoshi · 600 · headingWe work in the seam.
--font-body · DM Sans · 400 · bodyThe humanist sans carries the writing — plain, warm, and readable at length. This is the design voice.
--font-mono · JetBrains Mono · 400 · code & metadatacolor: var(--accent-text); /* tokens, never a raw hex */

Two voices, one system: the humanist sans for everything human-facing, the monospace for eyebrows, section numbers, token names, and code. Used together, the type says what we do.

The seam

Two thin rules meeting at a single rotated-square node — the gap between design and engineering, closed. We use it as a quiet divider, never as decoration.

Dynamic brand

The same content, drawn from one token set, forced dark on the left and light on the right. Nothing changes but the surface.

Dark

the pacethe pace

One token set. The surface decides.

PrimaryGhost
  • surface-2
  • accent
  • text
  • border

Light

the pacethe pace

One token set. The surface decides.

PrimaryGhost
  • surface-2
  • accent
  • text
  • border
Try it
the pacethe pace

One token set. The surface decides.

PrimaryGhost
  • surface-2
  • accent
  • text
  • border
10Principles

How we think about building.

Standards over opinions

Every decision validates against real specifications — not preferences.

Shared language first

Design and development don’t naturally speak the same language. That’s the first thing to fix.

Craft over speed

Shipping right matters more than shipping fast. Precision, accessibility, maintainability.

Systems, not pages

Every component, token, and contract is built to scale — not just to ship.

11In practice

The brand, applied.

Real components, real copy — the voice and the tokens in use.

Primary action

Active voice. A verb and a destination — say what happens next.

Error state

We couldn’t save your changes.

The connection dropped before we finished — nothing was lost. Try again, and if it keeps happening, tell us and we’ll look into it.

Calm, owns it, points to the fix. No apology theatre, no blame.

Proposal opener

“Here’s what we’d do, what it costs, and the one thing we’d push back on before we start.”

Honest and specific from the first line.

12Assets

Take what you need.

The wordmark, the mark, social cards, the seam, and the palette — ready to download, correct by default.

Logos

The wordmark. Off-white for dark and accent surfaces, ink for light.

Wordmark — dark

SVG · 1674 × 421

Download SVG

Wordmark — light

SVG · 1674 × 421

Download SVG

Wordmark on indigo

PNG · 1600 × 600

Download PNG

Marks

The “p” app icon — the wordmark’s p on the icon panel, light and dark.

App icon — dark

SVG · 1024 × 1024

Download SVG

App icon — light

SVG · 1024 × 1024

Download SVG

App icon

PNG · 1024 × 1024

Download PNG

Social

Cards and wallpapers, generated from the same construction as our OG images.

p

Social banner

PNG · 1200 × 630

Download PNG
p

Square avatar

PNG · 1024 × 1024

Download PNG

Desktop wallpaper

PNG · 2560 × 1440

Download PNG

Phone wallpaper

PNG · 1170 × 2532

Download PNG

Motifs

The seam — two rules meeting at a node, in monochrome accent.

The seam

SVG · 520 × 24

Download SVG

Colour

The full palette as a single sheet, dark and light side by side.

Swatch sheet

PNG · 1600 × 1000

Download PNG