Typography

There are 13 contextual typography styles to choose from which can be mixed to suit a large number of layouts. These styles mimic the material design typography styles. This means that the default typeface is Roboto and the script type is English and English-like (Latin, Greek, and Cyrillic).

Headline 1

Headline 2

Headline 3

Headline 4

Headline 5
Headline 6
Subtitle 1
Subtitle 2

Body 1. Lorem Ipsum is the single greatest threat. We are not - we are not keeping up with other websites. Lorem Ipsum best not make any more threats to your website.

Body 2.When other websites give you text, they’re not sending the best. They’re not sending you, they’re sending words that have lots of problems and they’re bringing those problems to us.

Button
Caption
Overline
Markup

Toggle example guides Toggle HTML markup 

<h1 pam-typography="h1">Headline 1</h1>
<h2 pam-typography="h2">Headline 2</h2>
<h3 pam-typography="h3">Headline 3</h3>
<h4 pam-typography="h4">Headline 4</h4>
<h5 pam-typography="h5">Headline 5</h5>
<h6 pam-typography="h6">Headline 6</h6>
<h6 pam-typography="subtitle-1">Subtitle 1</h6>
<h6 pam-typography="subtitle-2">Subtitle 2</h6>
<p pam-typography="body-1">Body 1. Lorem Ipsum
is the single greatest threat. We are not - we are not keeping
up with other websites. Lorem Ipsum best not make any
more threats to your website.</p>
<p pam-typography="body-2">Body 2.When other
websites give you text, they’re not sending the best. They’re
not sending you, they’re sending words that have lots of
problems and they’re bringing those problems to us.</p>
<div><span pam-typography="button">Button</span></div>
<div><span pam-typography="caption">Caption</span></div>
<div><span pam-typography="overline">Overline</span></div>