Component Family Consistency Every interactive component in a product — buttons, inputs, selects, checkboxes, radio buttons, pills, badges, tags, calendars, date pickers, sliders, toggles — belongs to the same visual family. They share a common design DNA. A user should be able to look at any component and feel that it belongs to the same product as every other component. When components are designed in isolation without shared tokens, the product feels assembled from parts rather than built as a whole. Reuse Before You Build a New Component The rule, stated as directives: Use existing compon…