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

Categories

AllTypography Color Accessibility

Tags

accessibilitycolorcontrastdark-modelinksreadability
Knowledge RAG

Design Knowledge Base

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

Submit principle
3 published principles
Typography Color Accessibilitylinks / contrast

Link Contrast and Affordance

Link Contrast and Affordance turns a frequent interface judgment into an executable constraint before generation.

Links are navigation promises; users must quickly recognize clickable text in reading flows.85%
Typography Color Accessibilitydark-mode / contrast

Dark Mode Contrast Tuning

Dark Mode Contrast Tuning turns a frequent interface judgment into an executable constraint before generation.

Dark mode is not color inversion; text, borders, state colors, and elevation need rechecking.84%
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%