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
Layout

Layout

Components to help design the structure of web pages.

Columns
Container
Level
Media object
Section
Tiles

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: 3rd June 2021.