- Home
- Guide
- Patterns
- Text and Typography
- Pull Quotes
Pull Quotes
“Use pullquotes to break up the uniformity of the text.”
-Michael Chameides,
Website Manager, Bard College at Simon's Rock
No Margin Variation
“Use the Pull Quote (no side margin) when paired with an image. Add the snippet to the table row of the Advanced Layout.”
-Website Guide
Long Variation
“Use the Pull Quote long for quotes that would be longer than 3 lines on another quote pattern. There may be a need to have a lengthy quote that stands out from the regular paragraph style. Thus, there is this pattern for your use.”
-Website Guide
creating Pull Quotes
- Select Component from the WYSIWYG
- Pull Quote
- Fill out Fields
- Select Quote Type
How To Use Pull Quotes
- Keep the quote short - aim for 3 lines or less. Consider this as a pull quote rather than an extended blockquote.
- Do not add starting or ending quotation marks, they are added automatically.
- Consider breaking up the citation onto two lines, one for the name and the other on the title. An unforced line break may look errant because of the right-align. Forcing a line break will give a more controlled design.
- Pull Quote when published will display differently than the edit window.
- This is a semantic blockquote, but used as a pull quote. The quote is in a paragraph tag and the citation in a citation tag - all within the blockquote tag.
- Pages shouldn't end in pull quotes. Pull quotes are to entice readers into the content.
| Variation | Usage | Length |
|---|---|---|
| Pull Quote | Full Width of the Page | 3 lines or less |
| Pull Quote (no side margin) | Split Column - Less than Full Width of the page | 3 lines or less |
| Pull Quote (Long) | Full Width of the Page (if more than 3 lines with default Pull Quote Formatting) | No limit |
Quote Attribution
When attributing a quote, use the following:
- Student: Sam ’11 [Do not use last name]
- Alumni: John Doe ’09, Chief Strategist at Company
- Faculty: Asma Abbas, Faculty in the Division of Social and Political Studies