An 8pt Spacing Scale for Long-Form Article Layouts
Seven spacing steps from one 8px base cover a whole article page:...
Tag
Where does the eye go first, and did you decide that or did the page decide for you? Layout is the tag for structuring space with intent: grids, whitespace, alignment, visual weight, and rhythm across breakpoints. We cover the reasoning behind a composition, not just the CSS that renders it. Written for designers who can make things look fine but want to know why some screens feel effortless and others feel crowded. Expect strong opinions about centered everything and about the sacred 8-point spacing scale.
You'll also find the practical end of this: how many columns a content site actually needs, when a container query beats a breakpoint, and why so many marketing pages fall apart the moment a headline runs to three lines. We test layouts at awkward widths on purpose, because that's where the reasoning either holds up or shows its seams.
Articles, guides and tutorials tagged Layout (4 in total), newest first.
An 8pt Spacing Scale for Long-Form Article Layouts
Seven spacing steps from one 8px base cover a whole article page:...
Visual Hierarchy in UI Design: 7 Principles That Work
Visual hierarchy techniques for UI designers, size, contrast, spacing, and color strategies...
Web Typography and Font Pairing: A Designer's Guide
Practical font pairing and web typography guide, variable fonts cut page load...
CSS Layout Patterns in 2026: Grid, Flexbox, or Bento?
CSS Grid vs Flexbox vs Bento layouts compared. When to use each,...