Design Knowledge Base
Community-maintained principles reviewed before publication and retrieved as Agent design constraints.
Chart Accessibility Encoding
Chart Accessibility Encoding turns a frequent interface judgment into an executable constraint before generation.
An accessible chart is not a graphic with one alt sentence; its visual encodings, text summary, interaction states, and data alternative all carry the same evidence.94%Typography Color Accessibilityoklch / colorOKLCH Perceptual Color Scales
OKLCH lets agents generate more controllable theme scales around lightness, chroma, and hue, but still needs semantic mapping, gamut checks, and contrast matrices.
A color scale is not a hex color linearly tinted and shaded. Healthy theme scales control perceived lightness, saturation, brand tone, and usage semantics together.94%Typography Color Accessibilitycolor / contrastContrast-Generated Color Tokens
Generating color scales from target contrast ratios can improve theme accessibility, but the output must still map to semantic tokens and state roles.
Accessible color systems should not audit contrast only after design. Contrast targets should shape color-scale generation and token naming from the start.92%Typography Color Accessibilitydark-mode / contrastDark Mode Contrast Tuning
Dark Mode Contrast Tuning turns a frequent interface judgment into an executable constraint before generation.
Dark mode is not color inversion; text, borders, state colors, and elevation need rechecking.84%Typography Color Accessibilityaccessibility / colorColor Must Not Stand Alone
State, risk, category, and selection cannot rely on color alone; text, icon, shape, or position must help.
Color semantics weaken under color blindness, low vision, printing, and poor lighting.82%Typography Color Accessibilitysurface / colorReadable Color on Surfaces
When surfaces change, text, borders, icons, and state colors must be recalibrated.
The same color value has different strength on different backgrounds and should not be reused mechanically.82%Typography Color Accessibilitycolor / tokensColor Role System
Define color roles before values so one color does not carry too many meanings.
Primary, background, border, text, status, and accent colors need stable responsibilities.82%