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

    Build or Buy: Making the Right Choice for Your Design System

    Deciding whether to build a design system in-house or buy a commercial solution is a critical choice. Here's how to evaluate your options and make the best decision for your team.

    Build or Buy: Making the Right Choice for Your Design System
  • Latest Dev Note

    Accessibility Audit Cheatsheet

    A practical accessibility audit cheatsheet for developers and designers. Covers keyboard testing, screen readers, color contrast, HTML structure, focus management, and automated tooling

    Accessibility Audit 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