We use several styles for both blockquotes and pullquotes to allow for varying levels of emphasis.

Contents

Blockquotes

A single-paragraph regular style blockquote, without a citation:

The HTML <blockquote> Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation … . A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.

A single-paragraph regular style, blockquote, with a citation:

The HTML <blockquote> Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation … . A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.

MDN Web Docs

A multi-paragraph regular style blockquote with a cite reference:

The HTML <blockquote> Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation.

Usually, this is rendered visually by indentation (see Notes for how to change it).

A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.

MDN Web Docs

A left-aligned single-paragraph large style blockquote, with a cite reference.

The HTML <blockquote> Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see Notes for how to change it).

MDN Web Docs

Pullquotes

A default, regular style pullquote:

We use several styles for both blockquotes and pullquotes to allow for varying levels of emphasis.

Pullquotes can be aligned differently than blockquotes.

This one is right aligned.

Pullquotes can be aligned none, left, right, wide, and full.

This is a right-aligned, regular style pullquote.

It should float to the right of other text content around it. Similarly, left-aligned pull quotes should allow content like text to flow around it to the right.

Using the wide or full alignment options will cause the pullquote to fill the width of the content area, with or without margins, respectively.

This is a regular pullquote set to align wide.

Pullquotes can have citation fields as well.

We also have a “solid color” style variant for pullquotes. Make sure to follow the color guidelines when selecting background and text colors for pullquotes.

A solid color style pullquote, set to default alignment with a light background:

Make sure to follow the color guidelines when selecting background and text colors for pullquotes.

HRS Style Guide

Solid color pullquotes have the same alignment options as regular pullquotes, including the wide and full options.

A solid color pullquote set to align wide.

Make sure to follow the color guidelines when selecting background and text colors for pullquotes.

Source

These are WordPress-created core blocks that are built in to WordPress.