Chi Design System

Typography

Description

Open Sans is our font family.

Sizes

Default font size is 2rem (1rem is 8px).

Examples

h1 header

h2 header

h3 header

h4 header

h5 header
h6 header

body default

body small
<h1>h1 header</h1>
<h2>h2 header</h1>
<h3>h3 header</h1>
<h4>h4 header</h1>
<h5>h5 header</h1>
<h6>h6 header</h1>
<p class="c-text">body default</p>
<small>body small</small>

Sometimes you need to use classes instead or with elements. In this case classes take visual precedence over elements.

I'm a div with an h4 header

I'm an h4 header with an h2 class

<div class="h4">I'm a div with an h4 class</div>
<h4 class="h2">I'm an h4 header with an h2 class</h4>