Knowledge · Guidelines · architecture
Typography Visual Quality Audit
Comprehensive audit methodology for typography, color contrast, visual composition, and reading rhythm — machine-readable governance consumed during FDD4.UI.VERIFY and code review
Metadata
architecture
Description
Professional-grade audit checklist for evaluating web typography and visual design quality.
Covers everything a senior typographer, visual designer, and accessibility specialist would
check when reviewing a production page. Each rule includes metrics, tools, pass/fail criteria,
and rationale grounded in research and industry standards.
Complements:
- ui-design-standard.yml (governance rules TYP-*, CLR-*, SPC-*, A11Y-*)
- dual-theme-contrast.yml (theme-specific contrast rules)
- layout-verification.yml (spatial conformance via Playwright MCP)
Use this guideline:
- During FDD4.UI.VERIFY for typography-focused verification
- During code review when reviewing UI changes
- When auditing existing pages for quality improvements
- When creating /sandbox prototypes for typography refinement