There are no notes for this item.

<div class="pattern">
    <div class="pattern-example font-serif lh-single serif-s1">Cumulonimbus and cirrus</div>
    <div class="pattern-title sans-s5 fw700">10px</div>
    <div class="pattern-code mono-s3 fw300">.serif-s1</div>
</div>

<div class="pattern">
    <div class="pattern-example font-serif lh-single serif-s2">Cumulonimbus and cirrus</div>
    <div class="pattern-title sans-s5 fw700">13px</div>
    <div class="pattern-code mono-s3 fw300">.serif-s2</div>
</div>

<div class="pattern">
    <div class="pattern-example font-serif lh-single serif-s3">Cumulonimbus and cirrus</div>
    <div class="pattern-title sans-s5 fw700">14px</div>
    <div class="pattern-code mono-s3 fw300">.serif-s3</div>
</div>

<div class="pattern">
    <div class="pattern-example font-serif lh-single serif-s4">Cumulonimbus and cirrus</div>
    <div class="pattern-title sans-s5 fw700">15px</div>
    <div class="pattern-code mono-s3 fw300">.serif-s4</div>
</div>

<div class="pattern">
    <div class="pattern-example font-serif lh-single serif-s5">Cumulonimbus and cirrus</div>
    <div class="pattern-title sans-s5 fw700">17px</div>
    <div class="pattern-code mono-s3 fw300">.serif-s5</div>
</div>

<div class="pattern">
    <div class="pattern-example font-serif lh-single serif-s6">Cumulonimbus and cirrus</div>
    <div class="pattern-title sans-s5 fw700">19px</div>
    <div class="pattern-code mono-s3 fw300">.serif-s6</div>
</div>

<div class="pattern">
    <div class="pattern-example font-serif lh-single serif-s7">Cumulonimbus and cirrus</div>
    <div class="pattern-title sans-s5 fw700">23px</div>
    <div class="pattern-code mono-s3 fw300">.serif-s7</div>
</div>

<div class="pattern">
    <div class="pattern-example font-serif lh-single serif-s8">Cumulonimbus and cirrus</div>
    <div class="pattern-title sans-s5 fw700">27px</div>
    <div class="pattern-code mono-s3 fw300">.serif-s8</div>
</div>

<div class="pattern">
    <div class="pattern-example font-serif lh-single serif-s9">Cumulonimbus and cirrus</div>
    <div class="pattern-title sans-s5 fw700">43px</div>
    <div class="pattern-code mono-s3 fw300">.serif-s9</div>
</div>

<div class="pattern">
    <div class="pattern-example font-serif lh-single serif-s10">Cumulonimbus and cirrus</div>
    <div class="pattern-title sans-s5 fw700">108px</div>
    <div class="pattern-code mono-s3 fw300">.serif-s10</div>
</div>
<div class="pattern">
  <div class="pattern-example font-serif lh-single serif-s1">Cumulonimbus and cirrus</div>
  <div class="pattern-title sans-s5 fw700">10px</div>
  <div class="pattern-code mono-s3 fw300">.serif-s1</div>
</div>

<div class="pattern">
  <div class="pattern-example font-serif lh-single serif-s2">Cumulonimbus and cirrus</div>
  <div class="pattern-title sans-s5 fw700">13px</div>
  <div class="pattern-code mono-s3 fw300">.serif-s2</div>
</div>

<div class="pattern">
  <div class="pattern-example font-serif lh-single serif-s3">Cumulonimbus and cirrus</div>
  <div class="pattern-title sans-s5 fw700">14px</div>
  <div class="pattern-code mono-s3 fw300">.serif-s3</div>
</div>

<div class="pattern">
  <div class="pattern-example font-serif lh-single serif-s4">Cumulonimbus and cirrus</div>
  <div class="pattern-title sans-s5 fw700">15px</div>
  <div class="pattern-code mono-s3 fw300">.serif-s4</div>
</div>

<div class="pattern">
  <div class="pattern-example font-serif lh-single serif-s5">Cumulonimbus and cirrus</div>
  <div class="pattern-title sans-s5 fw700">17px</div>
  <div class="pattern-code mono-s3 fw300">.serif-s5</div>
</div>

<div class="pattern">
  <div class="pattern-example font-serif lh-single serif-s6">Cumulonimbus and cirrus</div>
  <div class="pattern-title sans-s5 fw700">19px</div>
  <div class="pattern-code mono-s3 fw300">.serif-s6</div>
</div>

<div class="pattern">
  <div class="pattern-example font-serif lh-single serif-s7">Cumulonimbus and cirrus</div>
  <div class="pattern-title sans-s5 fw700">23px</div>
  <div class="pattern-code mono-s3 fw300">.serif-s7</div>
</div>

<div class="pattern">
  <div class="pattern-example font-serif lh-single serif-s8">Cumulonimbus and cirrus</div>
  <div class="pattern-title sans-s5 fw700">27px</div>
  <div class="pattern-code mono-s3 fw300">.serif-s8</div>
</div>

<div class="pattern">
  <div class="pattern-example font-serif lh-single serif-s9">Cumulonimbus and cirrus</div>
  <div class="pattern-title sans-s5 fw700">43px</div>
  <div class="pattern-code mono-s3 fw300">.serif-s9</div>
</div>

<div class="pattern">
  <div class="pattern-example font-serif lh-single serif-s10">Cumulonimbus and cirrus</div>
  <div class="pattern-title sans-s5 fw700">108px</div>
  <div class="pattern-code mono-s3 fw300">.serif-s10</div>
</div>
/* No context defined for this component. */