Unit Content - Pull Quote
The Unit Content – Pull Quote component displays a short, standout quote and displays it in a larger or stylized way on the page. A pull quote can be styled on a white or grey background and includes short text with attribution and the option to include an image.
On This Page
Examples
White Background / No Image / With Atrribution
Light Grey Background / No Image / No Atrribution
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
White Background / 1/4 Round Image Aligned Right / With Atrribution
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Light Grey Background / 1/4 Square Image Aligned Left / With Atrribution
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
White Background / 1/2 Square Image Aligned Right/ With Atrribution
Settings & Features
- Background color can be white or light grey
- Image sizes and styles:
- Use 1200 X 1200 px image for all options
- 1/2 or 1/4 width square image
- 1/4 width round image
- Left or right positioning
- No image
- Pull quote text has no character limit
- Optional attribution
Working with Content
Good for:
- Adding visual interest to a page
- Emphasizing a compelling point or statistic
- Highlighting expertise or subject matter experts on a topic
- Succinct points or quotes
- Reinforcing key messaging
Avoid if:
- Quote is overly wordy or meanders
- Quote cannot be edited or presented in a limited number of words
- Source of quote is generic, missing or made up
Best Practices
- Don’t place the quote right next to where it appears in the page text.
- Follow university editorial style for attribution of graduates or students.
Usability & Guidelines
- Always include descriptive alt text for images for accessibility.
Alternative Options
If the pull quote component doesn’t work with source content, consider another type of component for better usability, accessibility and maintenance.
| Content Need | Recommended Component |
|---|---|
| Long format text | Standard content page structure with proper heading hierarchy |