<?xml version="1.0" encoding="utf-8"?>

Pull quotes

Pull quotes

As the name suggests, a pull quote is a key phrase, quotation, or excerpt pulled from an article and inserted into a page layout as a graphic element. In contrast to block quotes, pull quotes repeat the exact phrase(s) in body text. The goal is to attract users' attention and highlight a key topic. It also helps readers skim the content and focus on the most important parts.[1]

Typically, pull quotes use a different typeface, size, and styling to stand out against the body text. As to their placement, pull quotes are often set on the side of content.

Pro Tip: If you use color to highlight pull quotes, make sure the text/background color contrast is sufficient.

Improve your UX & Product skills with interactive courses that actually work