Foundations
The perceptual and physical laws every interface obeys — usability heuristics, interaction laws, gestalt, typography, color, layout, iconography.
Usability Heuristics & Golden Rules
The most-used checklists for evaluating any interface. Use them for design reviews, heuristic evaluations, and as guardrails while generating new UI.
Laws of Interaction Design
Quantified regularities of human performance. Use when sizing/placing controls, deciding menu length, setting performance budgets, or judging how much choice to expose.
Gestalt Principles & Visual Perception
How humans automatically organize what they see. These principles let you communicate structure without drawing it — the backbone of "clean" design.
Principles of Design
The classic compositional principles — how visual elements relate so a design reads as intentional. Where gestalt (Gestalt Principles & Visual Perception) describes how…
Layout, Spacing & Grids
- Use a base unit and stick to multiples: 8 pt/dp grid is the industry standard (Material explicitly; Apple and Fluent compatible), with 4 for fine adjustments. Benefits:…
Typography for Interfaces
Type is ~90% of most interfaces' visual matter. Get it right and the rest gets easier.
Type Scale Cheat Sheet
Concrete starting sizes for every platform. Principles (legibility research, pairing, fluid type, variable fonts) live in Typography for Interfaces — this file is the numbers…
Color in Interface Design
Assign color jobs before picking hues: (1) brand/identity accent, (2) interactive affordance (links, buttons), (3) semantic status (success/warning/error/info), (4) neutrals…
Iconography & Imagery
Icons and images carry meaning faster than words — when they work. When they don't, they're decoration users must decode or ignore.