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

Categories

AllTypography Color AccessibilityVisual Foundations

Tags

accessibilitygestaltgroupinglayoutrhythmspacingtypography
Knowledge RAG

Design Knowledge Base

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

Submit principle
3 published principles
Typography Color Accessibilitytypography / spacing

Text Spacing Resilience

Text Spacing Resilience turns a frequent interface judgment into an executable constraint before generation.

Interfaces should tolerate adjusted line height, letter spacing, font size, or browser zoom without hiding content.84%
Visual Foundationsspacing / rhythm

Spacing Scale and Rhythm

A small repeatable spacing scale makes pages calm, predictable, and less improvised.

Spacing should express structural relationships, not item-by-item guesswork.82%
Visual Foundationsgestalt / grouping

Proximity Grouping

Distance communicates belonging: related items sit together, unrelated items separate.

Users infer grouping from spatial distance before reading labels or borders.82%