Web Type Style Guide

The objective of the web type style guide was to create a record of the typeface, style, size, colour and leading of all of the text used, at each of the three breakpoints. It also must fit the design theme of the project and include a colour scheme with the hex codes and CMYK values.

Desktop Web Type Style Guide

Mobile and Tablet Web Type Style Guide

The type style guides are organized by header style and show all the variations of each of the headers with an example for each, using the whole alphabet. Both include all the required elements and are split into a desktop style guide, and a mobile and tablet style guide because all the text is the same except for the title clusters. I chose to make the background colour the same dark blue that's used throughout the project so it matches the design theme. For the additional text on the style guide, I chose to use the same font and white text styled like the body copy and the headers to match the theme.