Visual Design
Visual design is the craft of arranging elements so the eye moves where you intend and the meaning lands before anyone reads a word.
9 resourcesA curated design catalogue
The best design resources, chosen and explained.
Not another course or link dump. For each idea in design we pick the single best book, video, or course, tell you why it is the one, where it fits, and exactly how to study it. Then we send you to the source.
48Resources
10Topics
3Sequenced paths
Browse by topic
All topicsTypography
Typography carries most of the load in interface and print design, so learning to set type well is the highest-leverage craft skill you can build.
7 resourcesUI Design
UI design is where visual craft meets interface convention: turning a layout into components, states, and patterns people already know how to use.
13 resourcesUX
UX is the discipline of making sure you are building the right thing before you make it beautiful.
6 resourcesInteraction Design
Interaction design is the choreography of a product: how it responds, what it affords, and how motion communicates cause and effect.
7 resourcesFigma
Figma is the tool the industry has standardized on, and fluency is table stakes.
3 resourcesDesign Systems
A design system is the point where craft becomes infrastructure: tokens, foundations, and governed components that let a team ship consistent work at speed.
5 resourcesAccessibility
Accessibility is not a checklist bolted on at the end; it is a lens on every other topic here.
4 resources · cross-cuttingBranding
Branding is design working at the level of identity: the logo, the system of marks and voice, and the rules that keep a brand recognizable across every surface.
4 resourcesInformation Design
Information design is the craft of making complex information understandable at a glance: data visualization, diagrams, and wayfinding.
4 resourcesFeatured collections
All collectionsVisual Design Fundamentals
Build the perceptual and structural foundation to make deliberate visual decisions instead of nudging by eye.
Learn Figma Properly
Reach real working fluency in the skills that matter: auto layout, components, and variables.
Typography for Interfaces
Set type in interfaces with intent: readable body text, clear hierarchy, and typefaces chosen for reasons.
Essential resources
All essentialsEssentialWebsite
Atomic Design
Brad Frost
Brad Frost's free online book introducing atomic design: composing interfaces from atoms, molecules, organisms, templates, and pages.
It gives you the mental model most design systems are organized around: build complex UI from small, reusable parts. Read it before or alongside building a system so the vocabulary of atoms, molecules, and organisms clicks. The whole book is free online, so there is no reason to skip it.
Design SystemsintermediateFree3 hours
EssentialBook
Designing Brand Identity
Alina Wheeler
A comprehensive guide to the branding process, from strategy through identity systems and case studies.
BrandingintermediatePaid8 hours
EssentialBook
Grid Systems in Graphic Design
Josef Müller-Brockmann
The foundational, bilingual manual on using grids to structure layout, by a Swiss-style master.
Visual DesignintermediatePaid6 hours
EssentialBook
Refactoring UI
Adam Wathan, Steve Schoger
A tactics-first book and video pairing that teaches developers and non-designers how to make interfaces look designed.
UI DesignintermediatePaid6 hours
EssentialBook
The Design of Everyday Things
Don Norman
The foundational text on human-centered design, affordances, signifiers, and feedback.
UXbeginnerPaid10 hours
Why it is not a bookmark list
Three things a link dump never gives you.
01
One best pick
We do not list everything. Each recommendation is the one we would hand a friend, graded from Essential to Optional so you know how much it matters.
02
How to study it
Every resource carries an evidence-based method: what to do, in what order, and what to skip. Reading is not studying, and we say how to actually learn from it.
03
Where it fits
Prerequisites, what to study next, and the collection it belongs to. You always know the step before and the step after.