Skip to main content
jb
Tools · free & interactive

Tools that show how I think.

Three interactive pieces, free to use, built with the same design system as the rest of this site. They're useful on their own, and they double as work samples: every one is accessible by construction and token-driven.

01
Self-assessment

Design System Scorecard

Score your own system across the five dimensions of a healthy design system: component consistency, accessibility, token architecture, documentation, and handoff process. Walk away with a clear picture of your biggest gaps.

  • 32 items
  • 64 points
  • ~10 minutes
Open tool
02
Interactive demo

What an audit actually finds

A working sample of the audit deliverable. Inspect a specimen of drifted UI to see what gets flagged, then filter real-shaped findings ranked by severity, each paired with its remediation.

  • Annotated specimen
  • 8 sample findings
  • Filter by dimension
Open tool
03
Interactive demo

What a design token actually does

Change one primitive and watch it propagate through every component at once. Brand, radius, and mode are all decisions in a token chain — this playground makes the indirection visible.

  • 3-tier tokens
  • Live theming
  • Chain readout
Open tool

The portfolio claim is the tool itself. If it says accessible, tab through it. If it says token-driven, open dev tools.

— why these exist

The scorecard covers the same five dimensions I use when auditing real systems. If it surfaces gaps you want a second opinion on, I still take a handful of engagements each year.

Want to talk about any of this?

Roles, systems, or the tools themselves — I read everything.