29 #Typography Typography

H1 List Page Title

H1 Detail Page Title

H2 Group Title

H3 Item Title

H4 Form Label

H4 Regular Label

H5 Small Labels
Html
    <h1 class="-sf-h-large">H1 List Page Title</h1>
    <h1>H1 Detail Page Title</h1>
    <h2>H2 Group Title</h2>
    <h3>H3 Item Title</h3>
    <h4 class="-sf-h-large">H4 Form Label</h4>
    <h4>H4 Regular Label</h4>
    <h5>H5 Small Labels</h5>
H1 List Page Title
H1 Detail Page Title
H2 Group Title
H3 Item Title
H4 Form Label
H4 Regular Label
H5 Small Labels
Html
    <div class="h1 -sf-h-large">H1 List Page Title</div>
    <div class="h1">H1 Detail Page Title</div>
    <div class="h2">H2 Group Title</div>
    <div class="h3">H3 Item Title</div>
    <div class="h4 -sf-h-large">H4 Form Label</div>
    <div class="h4">H4 Regular Label</div>
    <div class="h5">H5 Small Labels</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque luctus, erat sed elementum aliquam, libero nibh aliquam lacus, sollicitudin accumsan justo nibh eu nisi. Donec faucibus commodo lacus, quis laoreet nulla. Ut et neque quis tortor dapibus consequat. Nulla iaculis id sem eget ullamcorper. In ac euismod nunc. Fusce at tortor viverra, maximus quam quis, interdum velit. Mauris varius risus ut ante porttitor tempor.

Html
    <p><a href="#">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. <a class="-secondary">Pellentesque luctus</a>, erat sed elementum aliquam, libero nibh aliquam lacus, sollicitudin accumsan justo nibh eu nisi. Donec faucibus commodo lacus, quis laoreet nulla. Ut et neque quis tortor dapibus consequat. Nulla iaculis id sem eget ullamcorper. In ac euismod nunc. Fusce at tortor viverra, maximus quam quis, interdum velit. Mauris varius risus ut ante porttitor tempor.</p>