Blockquote

A long phrase or quotation that is embellished or highlighted as being especially important. They can function as an opportunity to show some typographic flair.

Pretty examples

smashing_magazine_blockquote.jpg

Smashing Magazine has an enormous embellished quotation mark, and a cute rounded geometric sans font.

Quanta_blockquote.png

Quanta Magazine has blockquotes framed with ornamental quotation marks.


Undark has blockquotes with a thick and solid left bar, a bigger font size, italics, and a different colour.


The_Verge_blockquote.png

The Verge floats to the side, with lines reminiscent of a ruled school notebook.

I find the Verge's old blockquote design with all caps, pink italics to be garish.

bustle_blockquote.jpg

Bustle has very pretty blockquotes. Note the reduced letter-spacing (Kerning):

Polygon has a curious sidenote-like blockquote, with all caps, italics, and a vertical gradient:

maggie_appleton_blockquote.png

Maggie Appleton has some beautiful blockquotes on her notes. Centre aligned, with small decorative bars above and below:

Wired_magazine_blockquote.png

Wired magazine has quotes with a thick left bar, and generous white space all around.

mckinsey_blockquote.jpg

McKinsey has quotes that break outside of the document width:

Hidden Heroes quotes also break out of width, with a bold sans caps font and a subtle purple, topped off with a little flag like a cherry-on-top.

The Cut has some very loud blockquotes, off to one side, in caps, with wider letter spacing, plenty of white space all around, and with a thick bar on top for good measure.


Farnam Street features a handsome bold geometric sans font for the blockquote itself and a smaller text size on the last line.

How to implement

I like to type a quotation dash using the Windows Emoji keyboard, by pressing Win + ., then going to the Symbols tab.

People against Blockquotes

Practical Typography seems to dislike them. From their page on Block quotations:

The reader’s next thought is usually “Great—I can skip this.” So if you want readers to pay attention to quoted material, edit it carefully and integrate it into the text. Don’t just shovel it into a block quotation.
Matthew Butterick