Design system agency
for funded startups.
Figma libraries, semantic tokens, component documentation, engineering handoff. Built as part of brand work, not separate consulting.
Tokens that scale
Primitive and semantic token layers built to support theming, dark mode, and rebrand without touching component code.
Components that ship
Figma component library covering the patterns engineering will rebuild in React, Vue, or SwiftUI.
Handoff that holds
Documentation surface and engineering handover designed so your team can extend the system after we leave.
Audit
Async questionnaire, current state audit of brand and product surfaces, and competitor system teardown. We map what you have, what you need, and the gap before the first call.
Build
Token layer first, then components on top, then documentation. Senior creatives, not juniors. Figma library built in your workspace from day one so engineering can preview as we go. Two rounds of feedback on live calls.
Handoff
Delivered live and functional. Tokens exported, components documented, engineering paired for two weeks. Not a PDF brand book. A working system your team can extend the day after we deliver.
Quick turnaround, incredible quality. Your designer is probably in the top 1% I've ever worked with.
Both. Primitive tokens (colour-blue-500, space-16) describe raw values. Semantic tokens (color-action-primary, space-component-md) describe intent. We build the primitive layer first, then map semantic tokens on top, then expose only the semantic layer to consumers. That way you can theme, dark-mode, and rebrand without touching component code. The boring answer is also the right answer.
By designing in both modes from day one rather than retro-fitting. Colour tokens carry mode variants (color-surface-default has a light and a dark value). Components reference semantic tokens, so switching mode is a token-layer concern not a component concern. We test contrast in both modes to WCAG AA at minimum, AAA where we can. Charts, data viz, and elevation are the surfaces that need most attention.
Figma library handover, token export as JSON or CSS variables, and a component spec doc with state, prop, and behaviour notes for each piece. We have shipped systems that engineering rebuilt in React, Vue, and SwiftUI without us writing the production code. For teams using Tailwind or shadcn/ui, we map tokens directly into the existing config. We can introduce your front-end lead to teams we have shipped with before if you want a reference call.
Yes, as standard. WCAG 2.2 AA minimum for colour contrast, focus states, keyboard navigation, and screen-reader semantics. We document the patterns alongside the components rather than as a separate accessibility appendix that nobody reads. For teams shipping into regulated industries (financial services, healthcare, public sector) we can extend to AAA on critical paths.
Fees and timings for every package are on the Brand Sprint and Web Sprint pages.