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

Categories

AllTypography Color Accessibility

Tags

accessibilitychartscolorcontrastdark-modereadabilityrolesstatesurfacetokens
Knowledge RAG

Design Knowledge Base

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

Submit principle
5 published principles
Typography Color Accessibilitycharts / accessibility

Chart Accessibility Encoding

Chart Accessibility Encoding turns a frequent interface judgment into an executable constraint before generation.

Charts cannot rely on color alone; categories and states need text, shape, line style, or direct labels.86%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 Accessibilityaccessibility / color

Color Must Not Stand Alone

State, risk, category, and selection cannot rely on color alone; text, icon, shape, or position must help.

Color semantics weaken under color blindness, low vision, printing, and poor lighting.82%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 Accessibilitycolor / tokens

Color Role System

Define color roles before values so one color does not carry too many meanings.

Primary, background, border, text, status, and accent colors need stable responsibilities.82%