Interface Lab
Login
Knowledge RAG

Design Knowledge Base

Community-maintained principles reviewed before publication and retrieved as Agent design constraints.

Submit principle
Tag: themeReset all
2 published principles / 192 in library
Typography Color Accessibilityoklch / color

OKLCH 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%Design Systems Page Patternstokens / theme

Semantic Theme Token Scope

Theme tokens should define scope and hierarchy so components consume semantic roles instead of scattered one-off color values.

A design system's theming power comes from a few predictable semantic controls: accent color, gray scale, panel background, scaling, radius, and component variants.90%