Style guide

This style guide covers the style and accessibility of the Novia look and feel and brand. This section covers typography.

Font Family

The Novia style guide sets global settings for the typography font family, spacing and colour styles. Headings h1 to h4 are available from the style guide, however these can be overridden if needed.

font-family: "myriad-pro", Arial, sans-serif;

Weightings

Myriad Pro - Light 300

Myriad Pro - Normal 500

Myriad Pro - Bold 700

<h1 class="light-text">Myriad Pro - Light 300</h1>
<h1 class="normal-text">Myriad Pro - Normal 500</h1>
<h1 class="bold-text">Myriad Pro - Bold 700</h1>

Headings

H1 - H1 heading text

H2 - H2 heading text

H3 - H3 heading text

H4 - H4 heading text

<h1 class="underline">H1 - H1 heading text</h1>
<h2>H2 - H2 heading text</h2>
<h3>H3 - H3 heading text</h3>
<h4>H4 - H4 heading text</h4>

Paragraphs & Links

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Excepteur sint occaecat cupidatat non proident

<p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<a href="#">Excepteur sint occaecat cupidatat non proident</a>