UI engineering & design systems
Consistent, accessible interfaces your team can scale.
Token-based design systems and React component libraries with theming (light/dark/brands), accessibility and documentation.
Ideal for
UI engineering & design systems
Component kit
A focused component kit for one product.
£1,200
- 20+ core components
- Design tokens (colour, type, spacing)
- Light & dark themes
- Accessibility (WCAG AA)
- Usage examples
Design system
A complete, documented design system.
£2,800
- 50+ components & patterns
- Theming API & brand tokens
- Storybook documentation
- Figma library alignment
- Versioned npm package
Multi-brand system
A multi-brand system for large organisations.
£5,500
- Everything in Design system
- Multi-brand theming
- RTL & i18n support
- Governance & contribution guide
- Team workshops
Starting prices in GBP; other currencies are estimates. Every project also gets a free discovery call.
What you receive
- Component library
- Token files
- Documentation site
- Migration guide
Not included
- Full product redesign / UX research
- Figma design work from scratch (quoted separately)
- Migration of every existing screen
Optional add-ons
- Storybook documentation site+ £450
- Figma ↔ code token sync+ £500
A clear process, no surprises
- 01
Discovery call
We agree goals, scope and timeline. You receive a written plan.
- 02
Design
Wireframes, then high-fidelity designs in your brand for approval.
- 03
Build
Weekly progress on a private preview link you can click through.
- 04
Launch
Testing on real devices, speed & SEO checks, then go live.
- 05
Handover
Training video, documentation and 30 days of free fixes.
Technology
Questions
Can you work from our Figma files?
Yes — tokens and components are built to match your Figma library exactly.
Need something bigger?
Custom scope, dedicated capacity and enterprise-grade process for companies and agencies.
- Dedicated developer capacity
- NDA, SLAs & invoicing
- White-label for agencies
- Security & accessibility reviews