Accessibility
Live WCAG contrast matrix for every semantic colour pairing, computed from the shipped tokens.
Contrast matrix
Clinia UI measures every colour pairing against WCAG, the web's accessibility standard. Every ratio on this page is computed in your browser at render time, for both the light and dark themes, from the semantic tokens in @clinia/tailwindcss/theme.css, so the page shows what actually ships. The same pair list runs in CI as pnpm check:contrast, and a token below its threshold fails the build.
Where Trust accent may appear
Trust () is measured against every brand swatch and both card surfaces. A surface at 3:1 or above can carry Trust as a border, an icon or a headline from 24px up. Body text stays in foreground on all of them.
Using Trust
Don't use Vital () as an accent. Trust replaced it in design system v2, and Vital has no use in product UI. Its only approved use is the line accents on Line & shape.
Do
Don't