Content display / The visual dictionary

Quote block.

An extended quotation set apart from surrounding text.

Also calledblockquotepull quote
01

See it in context

UI illustration
“

Make the familiar easy to find.

— Field notes, chapter 2

A quote block signals that the text is attributed to another speaker or source. A clear citation makes the relationship explicit, while indentation or a rule distinguishes it visually.

When to use it

Use for attributed passages within editorial content.

Know the difference

A blockquote conveys quotation semantics; a callout emphasizes the author’s own message.

WebiOSiPadOSAndroidmacOSWindowsLinuxvisionOS

iOS · iPadOS · macOS · visionOS

Use the native platform presentation and terminology; adapt density and interaction to touch, pointer, remote, or spatial input rather than copying a phone-sized view.

Web · Android · Windows · Linux

Use semantic content structures on the web. Touch, pointer, and remote layouts need different target spacing even when the same information is shown.

Primary documentation for the pattern and its platform conventions.