Get started

Interface styles

Choose how cards, navigation, controls, states, and motion should look and behave. Every preview uses the same sample Design Kit, so the style is the only variable. Colors, typefaces, spacing scale, and motifs remain unchanged.

Apply a style to one component family or the whole interface.

  • Cards & panels
  • Navigation
  • Forms & controls
  • Actions & status
  • Whole interface