Knowledge RAG
Submit principleDesign Knowledge Base
Community-maintained principles reviewed before publication and retrieved as Agent design constraints.
2 published principles / 192 in library
Interaction Responsive Motionoverlay / dialog
Overlay Focus and Scroll Lock Contract
An overlay is not just a scrim; it is a contract across modality, initial focus, focus containment, dismissal, inert background, scroll locking, portal stacking, and mobile safe areas.
Whenever an overlay changes the interactive scope, keyboard, screen reader, pointer, scroll, and mobile behavior must be governed together; a visually covered but semantically reachable background is the most dangerous fake modal.96%Interaction Responsive Motionmodal / focusModal Focus Management
Modal Focus Management turns a frequent interface judgment into an executable constraint before generation.
Dialogs change interaction context and must manage focus, background reachability, and close paths.87%