Components

Button

Use the o-button class.

<a class="o-button" href="#">Button</a>
View this component in full page

Title

Use the o-title class to style any title ouside the body copy. Then add the u-text-*modifier* class to choose the size wanted.

Extra large title

Large title

Medium title

Small title

<h2 class="o-title u-text-xlarge">Extra large title</h2>
<h2 class="o-title u-text-large">Large title</h2>
<h2 class="o-title u-text-medium">Medium title</h2>
<h2 class="o-title u-text-small">Small title</h2>
View this component in full page