A complete framework for responsive design — breakpoints, the 3 core tenets, and pattern libraries for navigation, tables, grids, text, images, and forms.

Two concrete strategies for building visually consistent UIs — always designing consistency-first and never making inconsistencies without a reason.

The four laws of spacing — how to use white space to separate without cluttering, highlight focal points, and create visual hierarchy at every level.

Why aesthetics isn't magic — introduces the six-tool system (alignment, spacing, consistency, lightening, hiding, removing) by demonstrating it in interior design and real UI apps.

Deep dive into alignment as a design tool — centering, pixel center-of-mass, baseline alignment, hanging alignment, and when to intentionally break it.

Andrej Karpathy's comprehensive walkthrough of how LLMs like ChatGPT are built — from pre-training on internet data through supervised fine-tuning to reinforcement learning.

How Fey uses three mechanically different scroll-driven animations — parallax exit, frame-swap typing, and logo-matched broker carousel — to make a single scroll section feel technically masterful.

Luminosity — color's natural brightness independent of HSB — and how to use it to fix clashing brand colors, text contrast failures, and UI elevation.

Why gray is the most important color in UI design, and seven practical techniques for using it well — from opacity to elevation to the squint test.

How Betterment uses blue and yellow to balance trust and opportunity, and why 3D illustration works especially well for financial products.

How Superhuman uses minimum motion — a fade-in-place logo ticker and scroll-synced navigation — to build a page that feels calm, fast, and never demanding.

How Webflow turns its entire homepage into a live proof of capability — five patterns that make the site feel next level before you've read a single feature.

HSB (Hue, Saturation, Brightness) — the most practical and intuitive color model for UI design, and why black and white are not opposites in it.

A design analysis of almanac.io — examining its geometric typography, high-contrast palette, and the 'Big 3' pattern used across five different section layouts.

Three heuristics for sizing UI elements correctly — from icons and headers to font hierarchies and mobile tap targets.

Six strategies for making UI designs look clean, simple, and modern — building on alignment, spacing, and consistency with lightening, hiding, and removing.

How the principle of light-from-above governs every shadow and depth effect in UI — from drop shadow recipes to elevation, inset/outset conventions, and glow effects.

Writing to learn — why I'm publishing my course notes and personal thoughts in public.

The core thesis of Learn UI Design: good design is based in logic, and that logic is learnable.

Why cataloging good design is a critical skill, and how to use inspiration without copying.

Three techniques for accelerating your design skill growth beyond your current level.

How to develop a reliable filter for design decisions — and why gut instinct is trainable.

The 80/20 of Figma — the 20% of features that covers 80% of real design work.

Configuring Figma and your environment so you can design quickly without friction.

A four-step process for starting any UI project: platform, brand adjectives, goals, and inspiration.