Basics

Basic Elements

This section includes basic HTML elements, colours, fonts and grid system.

Guidance on using buttons, including colours, sizes and block buttons.

Information about colour accessibility, palettes, background and foreground colours.

Fonts used on the website and font stacks used for fallbacks.

Information about using standard HTML form elements.

How to use the Bootstrap framework grid system for our layouts.

Bootstrap provides some useful helper classes to use in our layouts.

How to use the Font Awesome icon font.

The correct image sizes and how to align images on a web page.

Examples of list styles used on the website.

A guide to basic HTML markup and typographic styles used on the website.