Name intent before appearance
Semantic tokens protect meaning as themes and contexts change.
Feature 50 · Product value
Capability Checkerboard Feature
Four high-contrast capability surfaces create a deliberate two-by-two checkerboard while keeping text hierarchy consistent across treatments.
Separate the responsibilities without separating the system
Contrast gives each capability a distinct role while identical internal spacing keeps the whole composition coherent.
Build relationships with Grid
Responsive structure preserves hierarchy instead of simply shrinking it.
Make every state understandable
Keyboard, focus, contrast, and motion remain part of the contract.
Verify what the system promises
Automated checks keep documented behavior aligned with reality.