Editorial design
Layout that reads like a magazine spread: big display type, a strict grid, pull quotes, captions, and print-style hierarchy.
See it
What it is
Editorial design is layout borrowed from magazines and newspapers: a visible grid, a hard hierarchy of headline, deck, byline, and body, pull quotes that interrupt the column, drop caps, captions set smaller and tighter than body text, and type sized by importance rather than by a UI scale. The canon runs from Alexey Brodovitch at Harper's Bazaar through Swiss grid systems to today's New York Times feature pages.
Reach for it when the content is the product: essays, case studies, documentation homepages, anything that should feel authored instead of assembled. The cheapest way in is contrast. One display serif at 72px or larger against 18px body text does more than any decoration, and a measure of 60 to 75 characters plus real vertical rhythm carries the rest.
Gotcha: multi-column body text is the trap. Print columns work because the page ends; on the web a two-column article makes readers scroll down and back up. Keep columns for sidebars, captions, and short decks, and give the main text a single measure. Second trap: gigantic display type needs manual tracking (tighten it) and often manual kerning on the worst pairs, or it looks amateur at size.
Ask AI for it
Lay this page out like a magazine feature spread. Use a 12-column grid with a single-column body measure of 65 characters. Hierarchy: a display serif headline at 72px or larger with tightened tracking (-0.02em), an italic deck beneath it, a small-caps byline with wide tracking, then 18px body with 1.6 line height. Add one drop cap on the opening paragraph, a pull quote that breaks out of the text column, and captions in a smaller sans, italic, with a hairline rule above. Keep the palette to paper white, ink black, and one accent. Generous margins, asymmetric image placement, no cards, no shadows.