Typography

Paragraphs & Basics

The vast majority of a website will be made up of paragraphs, with text emboldened, italicised or with links pointing both internally and externally.

Example:

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus enim earum ipsum libero itaque veniam eligendi dolores architecto aperiam sed. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus enim earum ipsum libero itaque veniam eligendi dolores architecto aperiam sed.

How:

Paragraphs are created automatically for you. Bold, Italics and links are available from the editor tools.


Buletpoints & Numbering

Bulletpoints and numbered lists should be used where appropriate, and applied to help to break up larger blocks of text to help with readability.

Example:

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  1. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  2. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  3. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

How:

Bullets and numbering can be created from via. the editor tools.


Headings

Headings should be used to announce new sections of content, and to help split content up sections into logical, smaller chunks.

Heading 2

*Some text*

Heading 3

*Some text*

Heading 4

*Some text*

How:

Headings 2-4 are available in the editor tools.
Heading 1 is unavailable because the page title will be a <h1>


Table

Tables should be used to display tabular data…and tabular data only.

Table heading 1 Table heading 2
Cell 1 Cell 2
Cell 3 Cell 4

How:

Tables can be created from the editor tools.