pullquote

A pullquote is a short quotation from the main text that is set apart from the surrounding content to draw attention or highlight a point. It is commonly used in magazines, newspapers, and online articles to entice readers and summarize a key idea.

In print, pullquotes appear within the article column, often set in a larger type size, with extra margins or decorative elements. In web design, they are frequently floated to the left or right so the article text can wrap around them, or placed as standalone blocks that sit alongside the article on larger screens.

Semantically, pullquotes are typically implemented with a blockquote element, possibly with a citation or figcaption for attribution. CSS techniques include floating the quote, using grid or flex layouts, and applying typographic styles such as increased font size, bold weight, or distinctive color. Responsive approaches adjust width and typography for smaller viewports.

Design considerations include legibility, balance with the article's layout, and accessibility. Use a readable font size, sufficient contrast, and avoid relying solely on color for emphasis. Do not overuse pullquotes, and ensure the quoted text remains representative of the surrounding content.

Related terms include inline quotes or callouts, which differ by placement and emphasis. Pullquotes remain a publishing convention for signaling important ideas, guiding reader attention without interrupting the narrative flow.