Design System

Introduction
What’s new
Base
- Overview
- Buttons
- Colours
- Form elements
  - Overview
  - Form
  - Checkbox
  - Fieldset
  - Input
  - Label
  - Radio button
  - Select
  - Textarea
- Icons
- Images
- Typography
  - Overview
  - Headings
  - Fonts
  - Lists
  - Paragraphs
  - Blockquotes
  - Inline semantic text
- Utilities
Components
- Overview
- A to Z
- Accordion
- Alerts
- Banners
- Box with links
- Breadcrumbs
- Cards
- Carousels
- Contact block
- CTA blocks
- Embedded content
- Footer
- Forms
- Header
- Links panels
- News promotion
- Pagination
- Profile links
- Related links
- Social media links
- Sticky nav
- Tables
- Tabs
- Text and media segment
- Tiled blocks
- Video modal windows
Layout
- Overview
- Columns
- Container
- Level
- Media object
- Section
- Tiles
Templates
- Overview
- HTML
Resources
Accessibility
Visual Identity
Browser support

Design System
Base
Typography

Typography

This document is a guide to the basic typographic styles used on University websites.

Headings
Fonts
Lists
Paragraphs
Blockquotes
Inline semantic text

Introduction
What's new
Browser support
Accessibility
Resources

© 2023 Oxford Brookes University - If you have any questions or suggestions for improvements, please contact the Web Team at webdev@brookes.ac.uk or the Design Team mac-design@brookes.ac.uk. Last modified 2nd June 2021.