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

accessibilitychartscolorcontrastdashboardformsline-heightplaceholderreadabilitysurfacetypography
Knowledge RAG

Design Knowledge Base

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

Submit principle
5 published principles
Typography Color Accessibilityforms / placeholder

Placeholder Is Not a Label

Placeholder Is Not a Label turns a frequent interface judgment into an executable constraint before generation.

Placeholders are useful for examples, not as the only instruction or critical guidance.84%
Visual Foundationscharts / dashboard

Readable Dashboard Charts

Readable Dashboard Charts turns a frequent interface judgment into an executable constraint before generation.

Operational charts are often scanned quickly; small-chart readability matters more than expressive form.84%
Typography Color Accessibilitysurface / color

Readable Color on Surfaces

When surfaces change, text, borders, icons, and state colors must be recalibrated.

The same color value has different strength on different backgrounds and should not be reused mechanically.82%
Typography Color Accessibilitycontrast / accessibility

Legibility Contrast

Text contrast must serve reading first, especially for small text, disabled states, notes, and button labels.

Low contrast turns polish into unusability, especially on mobile and in difficult lighting.82%
Typography Color Accessibilitytypography / readability

Line Height and Measure

Long text needs comfortable line height and measure; dense interfaces still need readable text.

Overwide lines lose place, tight line height feels cramped, and loose line height reduces useful density.82%