Style Guide

John Howard Society Website Styles

heading 1 (45px)

This is an example of what the body copy will be. This will be where color, font family, and look and feel will be approved.

heading 2 (38px)

This is an example of what the body copy will be. This will be where color, font family, and look and feel will be approved.

heading 3 (30px)

This is an example of what the body copy will be. This will be where color, font family, and look and feel will be approved.

heading 4 (25px)

This is an example of what the body copy will be. This will be where color, font family, and look and feel will be approved.

Unordered List Item Example

This is an example of what the body copy will be. This will be where color, font family, and look and feel will be approved. This is a list:

  • List Item
  • List Item
  • List Item

Ordered List Item Example

This is an example of what the body copy will be. This will be where color, font family, and look and feel will be approved. This is a list:

  1. List Item
  2. List Item
  3. List Item

text on dark background

This is an example of what the body copy will be. This will be where color, font family, and look and feel will be approved.

text over an image

grow your future

text on light background

This is an example of what the body copy will be. This will be where color, font family, and look and feel will be approved.

colleague example

This is an example of what the body copy will be. This will be where color, font family, and look and feel will be approved.

Skip to content