facet
editorial
Vocabulary the page inherited from print and publishing.
26 terms across 5 categories · all facets
component
layout
- Baseline grid
A set of evenly spaced horizontal lines that every line of text sits on, so type in adjacent columns lines up across the page.
- Breakout
A track wider than the reading column but narrower than the viewport, used for figures and code that need more room than prose.
- Magazine layout
An editorial composition with mixed column widths, one dominant lead story and smaller supporting items arranged around it.
- Page break
Where content is cut to continue in the next fragment, a printed page, a column or a region, plus the rules that decide where the cut may fall.
- Sidenote
A note placed in the outer margin beside the line it belongs to, rather than collected at the foot of the page.
- Text columns
Flowing one block of running text into several columns that fill and balance automatically, with an optional rule drawn between them.
typography
- Blockquote
A passage quoted from another source and set off from the running text as its own block, carrying the attribution with it.
- Deck
The short summary line set between a headline and the body, larger than body text and written to sell the article.
- Drop cap
An oversized opening letter set into the first lines of a paragraph, marking where the reading starts.
- Eyebrow
A short line of text above a heading that says what category or series the content belongs to.
- First-line indent
Indenting the opening line of a paragraph so the start of each paragraph is visible without a blank line between them.
- Hanging indent
A paragraph whose first line starts further left than the rest, so the following lines are indented under it.
- Justified text
Text set so both edges of the column are flush, achieved by stretching or squeezing the spaces between words on each line.
- Measure
The width of a column of text, judged in characters per line, with roughly 45 to 75 treated as the comfortable range for reading.
- Orphan
A first line of a paragraph left alone at the bottom of a column or page, with the rest of the paragraph carried over.
- Pull quote
A phrase lifted out of an article and set large as a graphic element, to draw a browsing reader into the text.
- Rag
The uneven edge left by unjustified text, and the thing typographers tune so that edge makes no distracting shapes down the side of a paragraph.
- Raised cap
An oversized opening letter that sits on the first line's baseline and rises above the text, rather than sinking into it.
- River
An accidental channel of white space running down a paragraph where word spaces on consecutive lines happen to line up.
- Runt
A single word left alone on the last line of a paragraph or heading.
- Widow
A short last line of a paragraph, often a single word, stranded at the top of the next column or page.
color
aesthetic
- Editorial web design
A style that borrows print magazine craft for the screen: a visible column grid, display type at poster scale, pull quotes, rules, and captioned images set into the text.
- Halftone
Rendering tone as a grid of dots that vary in size, borrowed from print and used to give flat interface art a comic or newsprint feel.
- Risograph style
A print-inspired look of two or three flat spot colors that misregister slightly and show grain, imitating a riso duplicator.