Interface Lab
Login
Knowledge RAG

Design Knowledge Base

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

Submit principle
Tag: affordanceReset all
2 published principles / 192 in library
Visual Foundationsicons / affordance

Icon Text Affordance Balance

Icon Text Affordance Balance turns a frequent interface judgment into an executable constraint before generation.

Icons are not universal language; affordance comes from icon, label, placement, and feedback together.84%Interaction Responsive Motioncards / panels

Card and Panel Density Affordance

Cards represent objects, panels represent tools or context; they need different density and affordance.

Clickable objects must be recognizable, while informational containers should not masquerade as buttons.82%