Typography Fundamentals
Text styling is one of the most important aspects of web design. It affects readability, user experience, and the overall feel of a site.
Web Fonts and Icons
Modern web design isn't limited to the "web-safe" fonts installed on a user's machine.
Color Systems
Color is the most emotionally impactful design decision you make. CSS provides multiple color systems — from simple keywords to modern perceptual color spaces. This page covers them all and shows how to build a production-ready color system for AI-assisted design.
Spacing and Line Height
Fine-tuned spacing is what separates amateur designs from professional ones. This page covers every CSS property that controls whitespace around and within text.
Text Control and Transform
Text control properties determine how text wraps, transforms, breaks, and overflows — critical for building responsive layouts where text content is unpredictable.
Variable Fonts
A variable font is a single font file that contains an entire type family — all weights, widths, optical sizes, and other axes in one file. Instead of loading Inter-Regular.woff2, Inter-Bold.woff2, and Inter-SemiBold.woff2 separately, you load one Inter[wght].woff2 and access any weight from 100 to 900 continuously.