Style guide

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

Font Family

The Wealthtime 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: "Alliance", Arial, sans-serif;

Weightings

Alliance No.2 - Normal 500

Alliance No.2 - Bold 700

<h1 class="normal-text">Alliance No.2 - Normal 500</h1>
<h1 class="bold-text">Alliance No.2 - 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>