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
Visual Identity
Examples of VI in use

Examples of VI in use In progress

This is in progress

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: 5 April 2023.