Report an issue
×
Content hints ?

UOW Design System Typography

See approved UOW typography components below. Adjust the window size or view on a tablet or mobile device to see the correct styles for those devices. The font-size and line-height values shown underneath each component will automatically update. This page should be viewed in Chrome or Firefox.

Component Name: Main Head (Demo)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Font Family: Montserrat 700
  • Font Size:
  • Line Height:
  • Element:
  • Class:
Component Name: Block Head (Demo)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Font Family:Montserrat 700
  • Font Size:
  • Line Height:
  • Element:
  • Class:
Component Name: Sub Head (Demo)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Font Family: Montserrat 400
  • Font Size:
  • Line Height:
  • Element:
  • Class:
Component Name: Text Intro (Demo)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et semper tortor, molestie porta augue. Cras eu rutrum quam. Nam suscipit ligula non libero hendrerit imperdiet.

  • Font Family: Montserrat 400
  • Font Size:
  • Line Height:
  • Element:
  • Class:
Component Name: Text Regular (Demo)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et semper tortor, molestie porta augue. Cras eu rutrum quam. Nam suscipit ligula non libero hendrerit imperdiet. Nam fermentum pellentesque sapien, sagittis rutrum augue tempus nec. Nunc molestie, justo nec ultricies varius, augue ante placerat nisi, dictum pulvinar erat erat condimentum massa. Mauris a tellus mi. Phasellus suscipit facilisis lacinia. Maecenas non est bibendum, mollis lacus et, euismod sapien. Nunc molestie bibendum porttitor. Sed elementum erat sit amet sapien fringilla, vel condimentum risus mattis. In lacinia in sem vitae lobortis.

  • Font Family: Montserrat Regular
  • Font Size:
  • Line Height:
  • Element:
  • Class:
Component Name: Unordered List (Demo)
  • Unordered list item 1
  • Unordered list item 2
  • Unordered list item 3
  • Longer item lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et semper tortor, molestie porta augue.
  • Font Family: Montserrat Regular
  • Font Size:
  • Line Height:
  • Element:
  • Class:
Component Name: Ordered List (Demo)
  1. Ordered list item 1
  2. Ordered list item 2
  3. Ordered list item 3
  4. Longer item lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et semper tortor, molestie porta augue.
  • Font Family: Montserrat Regular
  • Font Size:
  • Line Height:
  • Element:
  • Class:
Component Name: Link Small (Demo)
  • Font Family: Montserrat 700
  • Font Size:
  • Line Height:
  • Element:
  • Class:
Component Name: Link Big (Demo)
  • Font Family: Montserrat 700
  • Font Size:
  • Line Height:
  • Element:
  • Class:
Component Name: Blockquote (Demo)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et semper tortor, molestie porta augue. Montserrat 700 Montserrat 400
  • Font Family: Montserrat 400 Italic
  • Font Size:
  • Line Height:
  • Element:
  • Class:
Component Name: Pull-quote (Demo)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et semper tortor, molestie porta augue.
  • Font Family: Montserrat 400 Italic
  • Font Size:
  • Line Height:
  • Element:
  • Class:
Component Name: Text Inline Link (Demo)

This is an example of a text inline link.

  • Font Family: Montserrat Bold
  • Font Size:
  • Line Height:
  • Element:
  • Class:
Component Name: General Content (Demo)

Heading level 2

Heading level 3

Heading level 4

Heading level 5
Heading level 6
  • Font Family: Montserrat various
  • Font Size:
  • Line Height:
  • Element:
  • Class:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et semper tortor, molestie porta augue. Cras eu rutrum quam. Nam suscipit ligula non libero hendrerit imperdiet. Nam fermentum pellentesque sapien, sagittis rutrum augue tempus nec. Nunc molestie, justo nec ultricies varius, augue ante placerat nisi, dictum pulvinar erat erat condimentum massa. Mauris a tellus mi. Phasellus suscipit facilisis lacinia. Maecenas non est bibendum, mollis lacus et, euismod sapien. Nunc molestie bibendum porttitor. Sed elementum erat sit amet sapien fringilla, vel condimentum risus mattis. In lacinia in sem vitae lobortis.