← All posts
designaccessibilityexample
Example: Color systems that survive light and dark mode
Example guidance on contrast, accent pairs, and avoiding washed-out dark UIs.
Example post: Pair a soft canvas (#F5F5F5) with decisive accents. In dark mode, raise surface contrast — never rely on translucent menus.
Checklist
- Body text contrast AA or better
- Descenders not clipped by
overflow: hiddenon headings - Icons centered in circular containers with flexbox
Write to design@example.com with your own notes (placeholder).