Quotations highlight and support points within content.
Usually quotes come from someone with experience or authority in a subject area. It could be an expert or someone who has used a product or service.
If you’re using them on a digital platform you need to make sure that they are going to help the user do what they came to do.
‘Use hanging punctuation to style a quotation. A “quote within a quote” should use double quotation marks.’
The design team
‘Or you can have a bigger one.’
The design team
Design and content
Use quotations when you:
want to refer to what someone said, not to pull out text written within the page copy
are referring to an external source - remember to cite the author and if possible link to their original work
are knowingly using a jargon word after giving a plain English description, for example, ‘the people you want to sort out your will (known as ‘executors’)’
Our quotations use hanging punctuation when using this pattern. This means the opening quotation mark must sit in the margin so as not to disrupt the flow (left alignment) of the text. If the quote is within the text (on the same line) it would not hang.
Our quotations are marked up with the blockquote element (for the quotation text) and the cite element for referring to the author of the quote.
According to the W3C, the “blockquote element represents a section that is quoted from another source.” So, when you use this pattern, do not to use it to refer to text within the same page.
As in the example above - you can use larger text for the quotation if the text is shorter.
Suggest a pattern
Use this form to suggest a new pattern or a change to an existing one.