Design System Dev v1.01

Guidelines

Overview
Accessibility

Users

Overview

Makers

Overview
Design
Developers
Status labels
Create a new component

Foundation

Colour
Iconography
Layout
Typography

Components

Layout

Blocks
Section
Column layout
Grid

Navigation

Breadcrumb
Child nav
In-Page nav
Pagination

Content

Tags
Text
List
Blockquote
Table

Patterns

Accordion
Alert
Alert (Global)
Badge
Banner
Button
Callout
Card
Collapse
Course card
Figure
Image gallery
Link list
Loader
Logo showcase
Media
Modal
Mosaic
Page intro
Promo
Promo - hero
Proofpoint
Shadow box
Step list
Tabs
Tags
Testimonials
Video

Forms

Forms
Form group
Text input
Text area
Select
Checkbox input
Radio Input
Toggle tokens
Input group
Filter group
Other

Utilities

Helpers

Example Pages

Home page
Landing page
Standard content page
Course search page
Course page
External header
External footer
Forms

Colour

Brand

ready

Greys

ready

Utility

ready