Interface design systems
Tokenized color, type, and motion libraries built in Figma and shipped as living code. Designed for teams that scale without losing their visual voice.
What we do
01 · Product
02 · Engineering
03 · Brand
04 · Web
05 · Motion
06 · Strategy
A focused studio with six disciplines, one standard.
Every engagement is led by a senior practitioner. We keep the team small, the work considered, and the line of communication short — from the first sketch to the final commit.
Front-end engineering
Production-grade React, Vue, and Svelte implementations. We obsess over the cascade, the cursor, and the half-pixel that makes a layout feel inevitable.
Brand identity & naming
Logotypes, voice, and the small rules that hold a brand together at every touchpoint — from a 16-pixel favicon to a conference booth wall.
Marketing sites & landing
Editorial-grade marketing experiences, optimized for storytelling and Core Web Vitals. Headless-ready. Multilingual from day one.
Motion & micro-interaction
Choreographed transitions, scroll narratives, and brand films. We treat motion as a language, not a garnish — purposeful at every frame.
Product & content strategy
Research-led positioning, information architecture, and editorial calendars. We help teams decide what to build — and what to leave out.
Why teams hire us
A small studio. A long table. Work that holds up under scrutiny.
We are deliberately small. Every project is led by a founder, every artifact reviewed by two sets of eyes, and every deadline a promise we keep. Here is what working with us actually looks like.
01
Senior craft on every artifact
No juniors hiding behind a producer. The person you meet on the call is the person whose hands are in the file.
02
Transparent weekly cadence
Loom walkthroughs every Friday, a shared Linear board, and a Notion that you can read like a chapter book.
03
Fixed scope, honest pricing
Quarterly retainers or fixed-fee engagements. We tell you when a feature will cost more before we build it.
04
Code that ships, then survives
Documented components, semantic markup, and Lighthouse scores above 95. We hand you something your team can extend.
From the journal
Notes, case studies, and the occasional manifesto.
Featured case study
Rebuilding a 14-year-old publishing platform without losing its soul.
How we partnered with Field & Forrest Quarterly to migrate a legacy CMS to a headless stack, redesign the reader experience, and ship a 38% lift in time-on-page — all in eleven weeks.
Essay
The half-pixel problem
Why optical alignment beats mathematical alignment, and how to build a layout grid your eye can trust.
Field note
Designing for the second visit
Most products over-invest in the first impression. A short argument for designing the third, fifth, and twentieth visit instead.
How we work
Five stages, one shared document, no surprises.
A predictable rhythm that your team can plan around. Every phase ends with a decision, not a deliverable.
STAGE 01
Discovery
Stakeholder interviews, competitive teardown, and a written brief signed by both teams.
STAGE 02
Direction
Two visual territories, a motion study, and the conversation that picks the north star.
STAGE 03
Design
Component library, edge cases, and a Figma file your team can navigate without a tour.
STAGE 04
Build
Production code in weekly increments, paired with your engineers for the tricky parts.
STAGE 05
Hand-off
QA, performance audit, documentation, and a 30-day support window after launch.
What clients say
Long partnerships, plain words.
They treated our product like a craft object. Every spacing value, every hover state, every empty state was argued for. We have never had a launch with fewer post-launch tickets.
EH
Elena Hartmann
VP Product, Linden Health
What I appreciated most was the writing. Their case studies read better than most books on design, and the way they documented decisions saved us months of internal debate.
MO
Marcus Oduya
Founder, Cinder Studio
We came in wanting a marketing site. We left with a design system, a CMS, and an engineering team that actually understands the brand. Three years later, they still feel like part of the company.
SC
Sofia Castellanos
CMO, Northwall Capital
A small studio, intentionally
Got a brief, a hunch, or a half-finished Figma file?
We take on four to six engagements per year. If the timing is right, the first conversation is on us — thirty minutes, no slides, just questions and honest answers about whether we are the right studio for your work.