Design is a decision.
A field guide to the craft of beautiful web design — typography, color, layout, whitespace, and motion.
Timeless, practical, open.
Beautiful web design is not about trends or tools. It is about understanding a small set of durable principles that work across every project, every framework, and every era of the web.
Timeless
Principles over trends. What worked in 1995 still works — just with better tooling.
Practical
Every concept is illustrated with real code and live examples you can use today.
Open
No paywalls, no newsletters, no frameworks required. Just design knowledge.
Choose your path.
Whether you want to learn the underlying principles, look up a term, or browse real examples — start wherever you are.
Five Principles of Beautiful Web Design
A deep-dive into typography, color, layout, whitespace, and motion — the five forces that separate beautiful design from everything else.
Design Glossary
30+ terms defined clearly and without jargon — from baseline grid to Z-pattern scanning. The vocabulary every designer needs.
UI Component Archive
A library of real page layouts and UI components — glassmorphism cards, hero sections, pricing grids, forms, and more — ready to study and adapt.
Start with the principles.
Five principles. Everything else follows from them.
Explore the Principles Typography · Color · Layout · Whitespace · Motion