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

Categories

AllVisual Foundations

Tags

boundarycardscontainerlayoutviewport
Knowledge RAG

Design Knowledge Base

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

Submit principle
2 published principles
Visual Foundationslayout / container

Edge-to-Edge vs Contained Layout

Edge-to-Edge vs Contained Layout turns a frequent interface judgment into an executable constraint before generation.

Page width is an information architecture decision; not every region belongs in the same max-width container.84%
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%