Quote component

The quote component is used to isolate and emphasise an important piece of content. Users typically scan website content and so this component can be used to break up text and direct users to certain sections of content.

Quote content should not be too long, but long enough to add value to the page's content.

According to the RNLI's design system, which references a similar component, this type of content should not feature more than twice on one page. If it does, there should be adequate space to give each quote adequate prominence. Barnardo's design system suggests that this component should be limited to one per page.

When quoting an individual / organisation, use caption text to provide context and reference the source of the information.