1. Design System
  2. Base
  3. Typography
  4. Paragraphs

Paragraphs

Paragraphs and list items have a max width of 858px to maintain readability.

Leading paragraphs

The classes is-strapline or strapline can be used for increasing the font size of the first leading paragraph or strapline on a page. Paragraphs can also be wrapped with a div using the classes is-strapline or strapline. Don't use leading on more than two paragraphs.

<p class="is-strapline">High-quality teaching lies at the heart of Oxford Brookes. We are proud to have received a host of achievements and accolades, including 11 National Teaching Fellowships for our staff.</p>
<p>Oxford Brookes has also been awarded a Silver rating from the Teaching Excellence Framework (TEF). The sector-wide scheme is the first nationwide ranking for teaching excellence in UK universities and colleges. The Silver rating reflects the high standard of our teaching which consistently goes beyond the rigorous national quality requirements for UK higher education.</p>
<p>Or use the following example:</p>
<div class="is-strapline">
	<p>High-quality teaching lies at the heart of Oxford Brookes. We are proud to have received a host of achievements and accolades, including 11 National Teaching Fellowships for our staff.</p>
</div>
<p>Oxford Brookes has also been awarded a Silver rating from the Teaching Excellence Framework (TEF). The sector-wide scheme is the first nationwide ranking for teaching excellence in UK universities and colleges. The Silver rating reflects the high standard of our teaching which consistently goes beyond the rigorous national quality requirements for UK higher education.</p>

Serif type paragraphs

Make paragraphs and text serif type using the font-type-2 class. This should be used sparingly to add a tone of voice by highlighting words and quotes. It should never be used for body copy.

<p class="is-size-6 font-type-2">Oxford Brookes has also been awarded a Silver rating from the Teaching Excellence Framework (TEF). The sector-wide scheme is the first nationwide ranking for teaching excellence in UK universities and colleges.</p>

Usage

The .font-type-2 class can be used for styling text with the Georgia font and can be used in combination with other classes.

Accessibility

N/A