Color, type, and layout as functional systems — the parts of visual craft that carry meaning rather than decorate it.
12 articles
Listed inSpacing & RhythmVisual Foundationson
Why inconsistent spacing reads as amateur long before typeface choice does, how to derive a scale you can defend, and the four places density usually goes wrong.
Listed inVisual HierarchyVisual Foundationson
Directing attention with size, weight, contrast, and position before reaching for color.
Listed inImagery & IllustrationVisual Foundationson
Choosing and directing imagery so it carries information rather than filling space.
Listed inVisual HierarchyVisual Foundationson
Steve Schoger and Adam Wathan on the visual decisions that separate a rough interface from a finished one.
Listed inSpacing & RhythmVisual Foundationson
A spacing scale and consistent density — the single change that makes a UI look intentional.
Listed inIconsVisual Foundationson
When an icon helps, when it needs a label, and keeping a set visually coherent.
Listed inLayout & GridVisual Foundationson
Columns, gutters, and breakpoints as a structure the whole product can be composed against.
Listed inContrast & LegibilityVisual Foundationson
Making text readable at real sizes, on real screens, in real lighting.
Listed inTypographyVisual Foundationson
Scale, measure, and leading — the three that fix most text before font choice matters at all.
Listed inGestalt PrinciplesVisual Foundationson
Proximity, similarity, and closure — why grouping reads before any label does.
Listed inBrand in ProductVisual Foundationson
Expressing a brand inside an interface without letting it fight the task.
Listed inColorVisual Foundationson
Building a palette that encodes meaning, survives dark mode, and still passes contrast.