Interface Lab
Login
Knowledge RAG

Design Knowledge Base

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

Submit principle
Tag: radixReset all
2 published principles / 192 in library
Frontend Implementationcomponents / radix

Primitive Component Selection

When an interaction involves focus, keyboard behavior, overlays, arrow keys, or screen-reader semantics, start from a mature primitive and apply local visuals.

The risk in complex interactive components is usually not styling. It is focus management, keyboard paths, ARIA semantics, portals, collision positioning, and mobile scroll locking. Primitives stabilize that behavior first.92%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%