Purpose Website UI Kit

Typography

Documentation and examples for typography, including global settings, headings, body text, lists, and more.

Open Bootstrap Docs

Typeface

For this theme we used Nunito font family from Google Fonts. It is free for commercial use. However, you can choose any font family and include it instead of the default one.

To learn more about how to edit fonts, colors and other SCSS variables click here

Regular
Aa

Mist enveloped the ship three hours out from port.

Semi-bold
Aa

A shining crescent far beneath the flying.

Bold
Aa

A shining crescent far beneath the flying.

Headings

Heading Example

<h1></h1>

h1. Bootstrap heading

<h2></h2>

h2. Bootstrap heading

<h3></h3>

h3. Bootstrap heading

<h4></h4>

h4. Bootstrap heading

<h5></h5>

h5. Bootstrap heading

<h6></h6>

h6. Bootstrap heading 

<h1>h1. Purpose heading</h1>
<h2>h2. Purpose heading</h2>
<h3>h3. Purpose heading</h3>
<h4>h4. Purpose heading</h4>
<h5>h5. Purpose heading</h5>
<h6>h6. Purpose heading</h6>
Additional Class Reference
.h1 to .h6
Apply to heading tags for when you want to match the font styling of a heading but cannot use the associated HTML element