When you type ‘ on your computer it is not a true quotation mark. True quotes are called smart quotes and the right one must be used according to whether you are opening (‘) or closing (’) a quotation. Find out about HTML character codes.
More detailed information on how to use our typography can be found in our design guidance.
<blockquote> <p>‘Use hanging punctuation to style a quotation. A “quote within a quote” should use double quotation marks.’</p> <cite>The design team</cite> </blockquote> <blockquote> <p class="coop-beta">‘Or you can have a bigger one.’</p> <cite>The design team</cite> </blockquote>
The styles for this pattern can be found in the foundations on github.
Design and content
Quotes are set with:
- 20px (32px line spacing) in Avenir medium - standard size
- 26px (40px line spacing) in Avenir medium - large size
- citations of 20px in Avenir regular
‘Use hanging punctuation to style a quotation. A “quote within a quote” should use double quotation marks.’
We are currently working on this.
Suggest a pattern
Use this form to suggest a new pattern or a change to an existing one.