Ready
One shared Theme
Every component uses the same semantic roles.
Read the guidePalette Tester
Assign semantic roles, preview the same Theme in context, and find focused contrast risks.
Theme editor
Focused contrast checks
Preview scene
Vision simulations are approximations applied to the preview only.
Theme editor
Preview scene
Preview scene
Product website
Navigation, hero content, cards, links, and calls to action.
Desktop
Northstar
Build a calmer product workflow.
A compact example of hierarchy, actions, links, and surfaces working together.
Accessibility audit
All 7 checks pass.
Pass
| Role pair | Ratio | Threshold | Status |
|---|---|---|---|
| Body text on page background Body text / Page background Normal text should reach at least 4.5:1 against the page. | Ratio 14.63:1 | Threshold 4.5:1 | Status Pass |
| Heading text on page background Heading text / Page background Large text should reach at least 3:1 against the page. | Ratio 17.85:1 | Threshold 3:1 | Status Pass |
| Body text on surface Body text / Surface Normal text should remain readable on cards and panels. | Ratio 13.98:1 | Threshold 4.5:1 | Status Pass |
| Primary label on primary fill Primary label / Primary fill Primary actions need readable labels in every state. | Ratio 6.70:1 | Threshold 4.5:1 | Status Pass |
| Secondary label on secondary fill Secondary label / Secondary fill Secondary actions also need readable labels. | Ratio 14.48:1 | Threshold 4.5:1 | Status Pass |
| Feedback indicators on surface Feedback / Surface The weakest success, warning, or error color must reach 3:1. Weakest role: Success | Ratio 4.79:1 | Threshold 3:1 | Status Pass |
| Focus indicator on page background Focus indicator / Page background Keyboard focus must remain visible against the page. | Ratio 7.09:1 | Threshold 3:1 | Status Pass |
See a palette in context before it ships.
Scenes are illustrative previews and the audit is a focused set of checks, not a complete compliance claim.