Pull Quotes

Pull quotes allow you to take an especially interesting sentence from your content, and highlight it with larger text and a stand-out design to make sure nobody misses this prime information.

Examples

Full-width pull quote

How to make full-width pull quote

Pull quote on the side

How to Make Pull quote on the side

Full-width pull quote with the background shape

<div class="stk-snippets-quote-01 stk-container stk-snippets-css__pt_60px" data-ce-tag="container" data-container-name="Quote">
  <h3 data-ce-tag="paragraph" class="stk-reset stk-theme_00000__style_medium_header"><u class="stk-reset">The museum was established by the Solomon R. Guggenheim Foundation in 1939 as the Museum of Non-Objective Painting, under the guidance of its first director, Hilla von Rebay.</u></h3>
</div>
<p class="stk-reset"></p>

Underlined pull quote on the side

<div class="stk-snippets-quote-02 stk-container" data-ce-tag="container" data-container-name="Custom quote">
  <div class="stk-snippets-quote-02__content stk-container" data-ce-tag="container" data-container-name="Custom quote content">
    <p data-ce-tag="paragraph" class="stk-reset stk-theme_00000__style_font_style-1490606809211">The museum was established by the Solomon R. Guggenheim Foundation in 1939 as the Museum of Non-Objective Painting, under the guidance of its first director, Hilla von Rebay.</p>
  </div>
  <figure class="stk-snippets-quote-02__photo stk-reset stk-image-figure" data-ce-tag="image-figure">
    <div data-ce-tag="mask" class="stk-mask"></div>
  </figure>
  <p class="stk-snippets-quote-02__author stk-reset stk-theme_00000__style_small_text stk-theme_00000__color_4507_custom_color_0"><strong class="stk-reset">KATE APPLESEED</strong>, Designer</p>
</div>
<p class="stk-reset"></p>

Content Experience Impact

Pull quotes have been standard in the publishing industry since print days, and for good reason—they’re such a good way to make your page more visually appealing, acting almost like an image in the way they improve content engagement.

Plus, by highlighting some of the most compelling information, you can catch a user’s eye, making sure that even someone scanning the page doesn’t miss the best pieces of your article and potentially inspiring them to dig in further once they’ve read your amazing pull quote.

Dos

Don'ts

Learn More

10 Content Design Mistakes That Hurt Engagement—and How to Fix Them Fast Setka

The Power of Pull Quotes Scott Design Inc

How to Attract Attention With Pull Quotes CreativePro

Extra Inspiration

Last updated

Was this helpful?