Design & UX guides
Build a shared language for hierarchy, accessibility, and feedback so screens feel intentional, not accidental.
What is visual hierarchy and how do typography and scale help users scan a page?
Bigger, bolder, and higher-contrast items read first; type scale and rhythm reduce cognitive load.
typographylayoutux
What is color contrast and why do WCAG levels matter for text and UI?
Readable text and controls need enough difference from the background, not 'pretty gray on gray' alone.
accessibilitycolorwcag
Why do spacing, alignment, and a simple grid make interfaces look more professional?
Consistent 8- or 4-point spacing and alignment remove visual noise and show relationships between items.
layoutspacinggrid
What are affordances, and how do loading, error, and empty states help users trust the UI?
Controls should look interactive; the system should respond to actions and edge cases, not go silent.
uxinteractionstates
What is a design system and why do teams use components and tokens?
One source of truth for color, type, and spacing, shipped as components so the product does not look like twelve apps.
design-systemscomponentsprocess
What is information architecture, and how do you design clear navigation?
Group content into a structure users can learn: shallow nav, good labels, and predictable paths to tasks.
ianavigationux