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.

Test Button Style One
Test Button Style Two

text over an image

grow your future

Test Button Style One

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.

Test Button Style One
Test Button Style Two

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