I help product teams build component libraries that scale, with accessibility built in from the start.
I'm a Design Systems Engineer who loves turning design ideas into interfaces that just work. I focus on design systems, component libraries, and building products that are easy to use, easy to maintain, and maybe even a little fun along the way.
Let's Work Together
Three focused engagements at fixed scope and price. You know exactly what you're getting. No surprises, no scope creep.
Design System Audit
$1,500
Who it's for
Teams with a component library that has grown inconsistent, hard to maintain, or without a clear architecture.
What you get
A written report covering component consistency, accessibility gaps (WCAG 2.1 AA), token structure, documentation quality, and a prioritized remediation roadmap.
- Component consistency review (visual and code)
- Accessibility audit with WCAG 2.1 AA criteria
- Design token structure analysis
- Documentation quality assessment
- Prioritized remediation roadmap with actionable recommendations
5 business days · PDF report + 60-min debrief call
Component Library Starter
$3,500
Who it's for
Startups or small teams starting from scratch, or teams whose existing library needs a clean foundation rather than more patches.
What you get
20 core components built to your design tokens — accessible out of the box (WCAG 2.1 AA), documented with usage guidelines, and ready to extend.
- Design token architecture (color, spacing, typography, radius)
- Buttons, inputs, modals, cards, navigation, alerts, and more
- Keyboard navigation and ARIA attributes throughout
- Storybook documentation with usage examples
- One round of revisions
2–3 weeks · React + your styling solution
Design-to-Code Workflow
$2,000
Who it's for
Teams where the Figma-to-code handoff is a constant source of friction — mismatched specs, missing tokens, designer/developer miscommunication.
What you get
An audit of your handoff process, Figma file structure review, Code Connect setup where applicable, and a workflow guide your team can follow right away.
- Audit of current design-to-code process and handoff quality
- Review of Figma file structure and design token setup
- Code Connect setup and configuration (if applicable)
- Custom workflow guide tailored to your team's needs
1 week · Audit + workflow guide + implementation session
Recent Posts
Latest ProjectAmerica's Test Kitchen: Cooking Up a Better Web ExperienceAmerica's Test Kitchen: Cooking Up a Better Web Experience
Helping America’s Test Kitchen serve up a tastier web experience by blending accessible design and thoughtful front-end development.
Latest Blog PostDesign Systems Are Easy Until You Ship OneDesign Systems Are Easy Until You Ship One
Design systems look simple from a distance. A shared library. A consistent UI. Faster delivery. Fewer bugs. Fewer debates. It's a compelling story, and it's not wrong.
Latest Dev NoteARIA CheatsheetARIA Cheatsheet
Need a brain-friendly way to remember all those WAI-ARIA doohickeys? Same. This is a quick-hit reference guide for common UI patterns.