Typography

Type, Figures and glyphs

Typeface #

Serif / Museo.

Museo is used for headlines (8 words or less) and Helvetica is used for supporting and subsequent copy.

Links #

Inline links, use sparingly. Where possible add a call to action after text to provide better context.

Founded in 1887 by Francis Ormond, RMIT began as a night school offering classes in art, science, and technology, in response to the industrial revolution in Australia. To learn more about RMIT visit its website.

<a href="https://rmit.edu.au" title="Links to the RMIT website">website</a>

Better

<a class="more" href="https://rmit.edu.au" title="Links to the RMIT website">Find out more</a>

Headings #

Sans Serif option (Museo)

Heading 1

<h1 class="museo">Heading 1</h1>

Heading 2

<h2 class="museo">Heading 2</h2>

Heading 3

<h3 class="museo">Heading 3</h3>

Heading 4

<h4 class="museo">Heading 4</h4>

Heading 5

<h5 class="museo">Heading 5</h5>

Sans Serif option

Heading 1

<h1>Heading 1</h1>

Heading 2

<h2>Heading 2</h2>

Heading 3

<h3>Heading 3</h3>

Heading 4

<h4>Heading 4</h4>

Heading 5

<h5>Heading 5</h5>

Headings with a line #

Heading 1

<h1 class="line">Heading 1</h1>

Heading 2

<h2 class="line">Heading 2</h2>

Heading 3

<h3 class="line">Heading 3</h3>

Heading 4

<h4 class="line">Heading 4</h4>

Heading 5

<h5 class="line">Heading 5 class="museo" </h5>

Display Headings - Red band / Text Boxes #

Note this format has accessibility issues, So use sparingly, in large text or avoid completely.

Display 1

<h1 class="display-1">Display 1</h1>

Display 2

<h2 class="display-2">Display 2</h1>

Display 3

<h2 class="display-3">Display 3</h1>

Display 4

<h2 class="display-4">Display 4</h1>

Display 5

<h4 class="display-5">Display 5</h1>

Display 6

<h5 class="display-6">Display 6</h1>

Paragraphs #

All text content

Lead text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis magna cursus nunc condimentum, a porttitor mauris sodales. Interdum et malesuada fames ac ante ipsum primis in faucibus.

<p class="lead">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis magna cursus nunc condimentum, a porttitor mauris sodales. Interdum et malesuada fames ac ante ipsum primis in faucibus. </p>

Normal text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis magna cursus nunc condimentum, a porttitor mauris sodales. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed vehicula purus ut mi hendrerit, ut tempor sem elementum. Mauris id hendrerit lacus. Aliquam ut ex dui. Duis pharetra leo quis porta pharetra. Nunc vel libero nisi. Phasellus metus enim, consequat a imperdiet eu, pretium non massa. Mauris mauris mauris, luctus eu mi ut, condimentum auctor mauris.

Ut eu tempus ex. Duis molestie diam porta sodales laoreet. Curabitur tempus, dolor at accumsan tincidunt, augue tortor malesuada arcu, eu feugiat ipsum nisi sed nulla. Ut nec risus quis nibh molestie congue. Aliquam eu tortor semper, mattis erat in, porttitor massa. Maecenas nibh tortor, viverra id lectus eu, eleifend iaculis tellus. Cras nec congue ex. Etiam ante nulla, sodales at justo non, hendrerit porta turpis. Donec ut lorem lobortis, luctus massa eu, accumsan nibh. Morbi tristique, nibh ac bibendum vehicula, erat odio tincidunt libero, sit amet egestas nibh eros ut arcu.

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mollis magna cursus nunc condimentum, a porttitor mauris sodales. Interdum et malesuada fames ac ante ipsum primis in faucibus. </p>