Use
ui-monospace for identifiers such as test IDs, defect IDs, commit
revisions, phase numbers, and status pills. Use sans-serif for prose labels.
Do not rely on color alone: meaningful states also use text, container shape,
line treatment, or position. Each diagram uses the composition that fits its
reader question, and dense visuals link to their full-size SVG for narrow
screens.