Skip to main content
joshuaBriley

I help product teams build component libraries that scale, with accessibility built in from the start.

I'm a Design Systems Engineer with 20 years of experience helping teams ship consistent, accessible interfaces and keep them that way.

View my services Get in touch

Work with me

Three focused engagements at fixed scope and price. You know exactly what you're getting before we start.

  • 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

    Get in touch

  • 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

    Get in touch

  • 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

    Get in touch
Component libraries shipped at Travelers, Berkshire Hathaway Specialty Insurance, and America's Test Kitchen.

Recent work and writing

  • America's Test Kitchen website screenshot showcasing a delicious recipe.
    Latest Project

    America's Test Kitchen: design system and CMS development

    Building a custom CMS, a cross-brand component library, and an accessible UI foundation for one of the most recognized cooking brands in the US.

    America's Test Kitchen: design system and CMS development
  • A developer working on a design system.
    Latest Blog Post

    What is a design system audit?

    A design system audit identifies inconsistencies, accessibility gaps, and structural problems in your component library before they become expensive. Here's what one covers and why teams commission them.

    What is a design system audit?
  • Latest Dev Note

    ARIA 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.

    ARIA Cheatsheet

Ready to get started?

Whether you need a full audit or a fresh component library foundation, let's figure out if there's a fit.

Get in touch