Live CortexUI Surface
This block renders live CortexUI contract metadata in the docs DOM so AI View can inspect real machine-readable elements instead of only code examples.
AI View can now inspect a live status region, form fields, actions, and table entities on every docs page.
| Item | State |
|---|---|
| Search docs | Ready |
| Inspect metadata | Visible in AI View |
Contrast Rules
WCAG Requirements
CortexUI meets WCAG 2.1 AA contrast requirements:
- Normal text: 4.5:1 minimum ratio
- Large text (18px+ or 14px bold): 3:1 minimum ratio
- UI components and focus indicators: 3:1 minimum ratio
State Colors
Each state color is validated for contrast:
| State | Color | Contrast ratio |
|---|---|---|
| Success | #16a34a on white | 4.6:1 ✅ |
| Error | #dc2626 on white | 4.9:1 ✅ |
| Warning | #d97706 on white | 3.1:1 ✅ (large text) |
| Info | #2563eb on white | 5.9:1 ✅ |
Dark Mode
All state colors are recalibrated for dark backgrounds in the CortexUI token system.
✦
Best Practice
Use the CortexUI token system for state colors. Don't hardcode hex values — the token system guarantees contrast compliance in both light and dark modes.