Basic Typography

Body Text

This is body text. It is the default style for all text in this document. Create new lines within a paragraph by holding SHIFT & ENTER like so: Simply pressing ENTER will create a new paragraph with a gap between the last like this:

Here is some text with a few inline styles. Some numbers – 1234567890. Quisque eget odio ac lectus emphasis (italic) faucibus strong (bold) in metus. In pellentesque faucibus superscript vestibulum. luctus tortor. Inline link - should be very apparent that it is ‘clickable’ Nulla at nulla justo, eget.

Paragraphs should be about the same width as this sentence, (45 to 75 characters long).

Justified text should be 40 characters minimum.


Headings

Content can be separated into sections by using headings. There are six different levels of heading, numbered one to six. Each heading can be used multiple times within a document as long as the order of depth remains consistent. Headings have an automatic margin above and below. Each heading has a visual weight that should suggest it’s position within a document.

Heading 1 Link

Used as the title for a page. Only used once per page or section. Should contain keywords relevant to the section it heads.

Heading 2 Link

Used as a sub-title. Often used to divide an article in to sections.

Heading 3 Link

A sub-title. Often used as a sub-heading.

Heading 4 Link

A sub-title. Often used as a sub-heading.

Heading 5 Link

A sub-title. Often used as a sub-heading.

Heading 6 Link

A sub-title. Often used as a sub-heading.


Lists

Unordered

  • Item In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur.
  • Item In pellentesque faucibus vestibulum.

    • Sub Item In pellentesque faucibus vestibulum.

    • Sub Item In pellentesque faucibus vestibulum.

      • Sub-Sub Item In pellentesque faucibus vestibulum.

      • Sub-Sub Item In pellentesque faucibus vestibulum.
    • Sub Item In pellentesque faucibus vestibulum.
  • Item In pellentesque faucibus vestibulum.

Ordered

  1. Item 1 In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur.
  2. Item 2 In pellentesque faucibus vestibulum.

    1. Item 2.1 In pellentesque faucibus vestibulum.

      1. Item 2.1.1 In pellentesque faucibus vestibulum.
      2. Item 2.1.2 In pellentesque faucibus vestibulum.
    2. Item 2.2 In pellentesque faucibus vestibulum.
  3. Item 3 In pellentesque faucibus vestibulum.

Media

Image

Alt text

Image with link

Alt text