Foundation is intentionally broader than tokens. Some rows produce reusable semantic roles or behavior rules; others are product-local decisions or operating contracts. The website now exposes both instead of presenting only color, type, spacing, and motion.
Product intent & architecture
7 rowsProduct intent only the product owner can supply
RequiredProduct intent & architectureObject / content modelWhat the UI is about
RequiredProduct intent & architectureSurfacesWhose look
RequiredProduct intent & architectureNo-model-in-productArchitecture, not copy
RequiredProduct intent & architectureTrust / compliance claimsHonest chrome
RequiredProduct intent & architectureProduct vs site settingsTwo jobs, labels not a nested app
RequiredProduct intent & architectureAuth / rolesWho may act
Required or deferVisual system
10 rowsMeaning without relying on hue alone
RequiredVisual systemType systemReadable hierarchy
RequiredVisual systemSpacing + grid + radiusRhythm and shape
RequiredVisual systemBreakpointsSame product, three contexts
RequiredVisual systemContainment modelHow surfaces sit
RequiredVisual systemDensityInformation vs air
May deferVisual systemMotionFeedback without theater
RequiredVisual systemOverlay stacking / z-indexWhat sits on what
RequiredVisual systemIcon grammarSame hand
RequiredVisual systemDark themeCharacter, not invert
RequiredInteraction & accessibility
8 rowsOperable controls
RequiredInteraction & accessibilityFocus ringKeyboard location
RequiredInteraction & accessibilityResponsive meaningWhat changes at sm/md/lg
RequiredInteraction & accessibilityTouch + no hover-onlyOperable on phone
RequiredInteraction & accessibilityNavigation modelWayfinding
RequiredInteraction & accessibilityCommand surfacesHow many ways in
RequiredInteraction & accessibilityInteraction modesShared chrome, different jobs
RequiredInteraction & accessibilityDialog / overlay operabilityKeyboard can leave
Required