XClose

Indigo Demo

Home
Menu

Typography (h1)

Please read this:
It is good practice to put text on a page first and then add the styling afterwards.
Remember NOT to copy and paste from Word, but clean text in Notepad or any other text editor.

Typography (above) uses the Title style (h1) - each page should have a title.

This is a Heading (h2)

Title and headings are important.

They help you scan information but they also help blind and visually impaired people find their way when they use JAWS, a text-to-speech software.

This is a sub (h3)

It makes sense to use the heading styles in the correct order: the order in which they appear in the dropdown when you are editing. Blind people will expect the headings to appear in order, so don't use first a H2 and then a H1!

This is subsub (h4)

Be consistent with your heading styles. Have an agreed style for your website and provide all Editors with this information.

Lead

The lead style is used for introductory text.

Pull Quotes

You use a pull quote if you are quoting someone or quoting from an article on that page to make part of the article stand out.

You use block quotes if you are quoting from somewhere 'outside' the page.

Example of a pull quote:

" I want to reflect on this topic in more depth this week so that all staff at UCL are kept well informed about this key aspect of implementing UCL 2034.

Example of a block quote:

I want to reflect on this topic in more depth this week so that all staff at UCL are kept well informed about this key aspect of implementing UCL 2034.

Unordered list

  • First item
  • Second item
  • Third item

Ordered list

  1. First item
  2. Second item
  3. Third item

Definition list

First Item
Sub Item
Second Item
Sub Item
Third Item
Sub Item