Style Guide

Fonts
Aa Aa Aa Aa Aa Aa Tw Cen MT Std
0123456789@#£!•-+
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Tw Cen MT Std - Light
0123456789@#£!•-+
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Tw Cen MT Std - Light Italic
0123456789@#£!•-+
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Tw Cen MT Std - Regular
0123456789@#£!•-+
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Tw Cen MT Std - Regular Italic
0123456789@#£!•-+
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Tw Cen MT Std - Bold
0123456789@#£!•-+
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Tw Cen MT Std - Bold Italic
Typography

H1 Header Text

H2 Header Text

H3 Header Text

H4 Header Text

H5 Header Text
H6 Header Text
Body text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam id eros urna. Vivamus vitae aliquam tellus. Curabitur at vestibulum elit. Suspendisse in pharetra arcu, sit amet pellentesque dui. Nulla vulputate, elit ut efficitur pellentesque, dui risus varius lectus, sit amet facilisis augue velit sit amet sem. Duis a iaculis felis. Vestibulum rutrum ultricies risus, auctor elementum tellus ultrices non. Ut lobortis risus a odio consequat, non varius ante dictum. Curabitur purus nisl, elementum et sagittis at, ultricies vel sapien. Morbi varius, ipsum sit amet pellentesque tincidunt, diamerat efficitur erat, non tincidunt dolor odio ut tortor. Vivamus blandit nibh sit amet lectus fermentum, bibendum sagittis diam semper. Aliquam a hendrerit neque, ac ultrices lectus. This is italic text faucibus, non this is bold text consequat urna this is a link.

Morbi varius, ipsum sit amet pellentesque tincidunt, diamerat efficitur erat, non tincidunt dolor odio ut tortor. Vivamus blandit nibh sit amet lectus fermentum, bibendum sagittis diam semper. Aliquam a hendrerit neque, ac ultrices lectus. This is italic text faucibus, non this is bold text consequat urna this is a link.

Unordered list
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Aliquam id eros urna.
  • Curabitur at vestibulum elit.
  • Vivamus vitae aliquam this is a link.
Colours

black #000000

off-black #3D3D3D

dark-gray #626262

gray #939393

light-gray #D3D3D3

off-white #F1F2F3

white #FFFFFF

gold #c3a98a

pink #f6c2b3

pink-light #f8ece8
Forms

Your Name

Your Email

Another field

Another field

Another field
This is an underlined small link