Practice

Design Systems · Functional Patterns

Defining Pattern Structure

Documenting content hierarchy before visual design to align design and code

A designer changes the font size of a card title. The developer says "that broke the component"—the title was used to calculate available height for the body text.

What structural documentation would have prevented this?