Digital Design

Pull Quote

Pull Quotes

Pull quotes can be used to highlight key text on the page. An example is an accolade like the REF results.

Pull quotes are styled differently from the main body content and will reflect the colour scheme of your site. They can be added using the Content Blocks content type '07. Pull Quote'.

The default alignment is to the right of your content. This content type replaces blockquote styling.

On mobile the quote stretches to fill the full width of the screen and flows under the content. Try resizing and refreshing your browser to see this behaviour.

For maximum impact we recommend you add no more than two quotes per page. They must not appear next to each other with no other content to break them up.

Quotes should be no more than 30 words (around two short sentences). The quote should not contain hyperlinks.

You can use the citation field to credit the source of the quote. This can include a hyperlink.

The default right alignment can be overridden to add a full width quote to your page.