UI Preview
Large Heading (24px+)
Medium Heading (18px bold+)
Regular body text at 16px. The quick brown fox jumps over the lazy dog. Good typography depends on contrast.
--
: 1
Contrast Ratio
Normal Text
AA (4.5:1)
Pass
Normal Text
AAA (7.0:1)
Fail
Large Text
AA (3.0:1)
Pass
Large Text
AAA (4.5:1)
Pass
UI Components
AA (3.0:1)
Pass
Smart Suggestions
Calculated variants to meet WCAG AA (4.5:1)