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

  • Screenshot of the America's Test Kitchen website homepage.
    Latest Project

    America's Test Kitchen: CMS remediation and design system

    Improving an inaccessible CMS and building a shared component library for one of the most recognized cooking brands in the US.

    America's Test Kitchen: CMS remediation and design system
  • 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

    A quick reference for common WAI-ARIA patterns: required roles, ARIA attributes, keyboard behavior, and active state handling.

    ARIA Cheatsheet

Want to work together?

Whether you need a full audit or a component library foundation, get in touch to see if we're a good fit.

Get in touch