KLD Institute
Menu
Course mapOpen study notes

Slide 4 of 36

Professional anchor

Professional layout is inspectable

  • Design systems use structure to make attention predictable.
  • Visual hierarchy uses scale, contrast, alignment, spacing, and grouping.
  • Accessible layout must adapt without losing meaning or function.

A layout can be reviewed through hierarchy, grouping, alignment, spacing, responsive behavior, and accessibility before the visual style is polished.

Apple, NN/g, GOV.UK, USWDS, W3C, and Figma guidance