// service · ui / ux design
UI / UX design
Design systems, product discovery, prototyping. Built to ship, not to print.
Most agencies design for the deck. We design for the build. Every project ends with tokens that drop straight into Tailwind, components that match Figma 1:1, and a prototype an engineer can read without translation. We’ve designed everything from a 5-page marketing site to a multi-tenant SaaS — same system, different surface area.
Stack & defaults
Design
Figma + Variables
System
Design tokens (W3C)
Spec
Linear
Component reference
Storybook
Implementation
Tailwind v4
Primitives
shadcn-vue / shadcn
Testing
Maze / Useberry
Motion
Lottie
What you receive
Discovery + IA
User flows, content audit, information architecture proposal. One page, agreed before pixels.
Design system
Tokens (color, type, space, radius, motion), components, variants, states. Figma library + tokens.json.
Hi-fi prototypes
Production-shaped screens, not portfolio-shaped. We design what we'll actually ship.
Spec for engineers
Component-level specs, interaction notes, edge cases. Engineers don't have to guess.
Usability testing report
Moderated and unmoderated sessions, with a written set of changes we'd ship next.
Tailwind theme handoff
Tokens exported as Tailwind v4 @theme rules + a CSS variables file. Drops into the codebase.
Timeline
Wk 1–2
Discovery
Stakeholder interviews, IA, audit of what exists.
Wk 3–5
System
Tokens, primitives, key flows.
Wk 6–7
Application
Apply the system to every screen. Cover edge cases.
Wk 8
Handoff
Prototype walkthrough, engineer Q&A, tokens exported.
FAQ
Do you design without engineering, or only as a package?
Both. We do design-only engagements when you have your own engineering team. We're more efficient when we own the implementation too — fewer translation losses.
Do you do brand work?
We do digital brand: identity systems for digital surfaces, voice & tone, motion guidelines. For full brand strategy and print, we partner with specialist studios.
What about user research?
Lightweight by default — moderated sessions with 5–8 users, plus unmoderated tasks via Maze. Heavy research engagements (ethnographic, longitudinal) are a separate scope.
How does design + engineering hand off work in practice?
Tokens are the source of truth. Figma variables export to tokens.json export to Tailwind. Components live in Figma + Storybook in lockstep. Specs go in Linear tickets.