UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin
KnowledgeCommunity design principlesOnly reviewed published knowledge enters Agent RAG.
Contribute

Categories

AllDesign Systems Page PatternsInteraction Responsive MotionVisual Foundations

Tags

affordanceboundarybrowsecardscontainermarketplacemodulespanelsrhythm
Knowledge RAG

Design Knowledge Base

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

Submit principle
4 published principles
Design Systems Page Patternsmarketplace / browse

Marketplace Browse Pattern

Marketplace Browse Pattern turns a frequent interface judgment into an executable constraint before generation.

Marketplace pages need to support discovery, comparison, trust judgment, and install or purchase action.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%Visual Foundationscontainer / boundary

Edge and Container Clarity

Containers express objects and regions; they should not become the default decoration.

Borders, surface colors, and shadows all communicate hierarchy; too many containers fragment the page.82%Visual Foundationsmodules / rhythm

Modular Rhythm and Repetition

Repeated modules reduce cognitive cost but need hierarchy and rhythm to avoid monotony.

Same structures suit same tasks; variation should come from content priority rather than random styling.82%