ReferenceWebsiteDesign Systems

The Component Gallery

Iain Bean

intermediateFree30 minThe Component Gallery

It catalogues components across many public design systems, so you can compare how each one names, structures, and documents the same thing. Use it when designing a component to learn from prior art and standard anatomy. Especially handy for naming and scoping components in a new system.

What you will learn

  • Component anatomy across design systems
  • Naming and scoping components

How to study it

  1. Read it once, then state the single core claim in your own words without looking. If you cannot, you did not read it closely enough yet.
  2. Note one thing you will change in your own work because of it. An article that changes nothing was entertainment, not study.
  3. Revisit it once a week later; the second pass with a gap is where it sticks.