<h1 class="jumbo">H1 jumbo Headline is 36px Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</h1>
<h1>H1 Headline is 28px Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</h1>
<h2>H2 Headline is 20px Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</h2>
<h3>H3 Headline is 16px with 1px letter spacing Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</h3>
<h4>H4 Headline is 12px with 1px letter spacing Sed ut perspiciatis omnis iste natus error sit voluptatem accusantium</h4>
<h5></h5>
<br>
<br>
<br>
<br>
<p class="large">Large body is 20px sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</p>
<p class="large medium-body">Large body is 20px sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</p>
<p>Body copy 14px sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. </p>
<p class="medium-body">Body copy 14px sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. </p>
<p class="small">Small copy ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae enim ipsam voluptatem.</p>
<p class="small medium-body">Small copy ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae enim ipsam voluptatem.</p>
<p class="x-small">Body x small copy 12px sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. </p>
<p class="x-small medium-body">Body x small copy 12px sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. </p>
<a class="large" href="#">Large body is 20px sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</a>
<a href="#">Body copy 14px sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. </a>
<a class="small" href="#">Small copy ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae enim ipsam voluptatem.</a>
<a class="x-small" href="#">Body x small copy 12px sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. </a>
{% render '@desktop-tablet-viewport', mobileTypography %}
{
"mobileTypography": {
"headlinejumbotext": "H1 jumbo Headline is 36px Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium",
"headline1text": "H1 Headline is 28px Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium",
"headline2text": "H2 Headline is 20px Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium",
"headline3text": "H3 Headline is 16px with 1px letter spacing Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium",
"headline4text": "H4 Headline is 12px with 1px letter spacing Sed ut perspiciatis omnis iste natus error sit voluptatem accusantium",
"bodyText": "Body copy 14px sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. ",
"largeBodyText": "Large body is 20px sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium",
"bodySmallText": "Body small copy 14px sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. ",
"bodyXSmallText": "Body x small copy 12px sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. ",
"linkText": "Body copy 14px link ut perspiciatis.",
"smallText": "Small copy ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae enim ipsam voluptatem."
}
}
No notes defined.