Hello, World! (h1)

Hello, World! (h2)

Hello, World! (h3)

Hello, World! (h4)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eleifend dignissim malesuada. Fusce accumsan pellentesque fermentum. Proin a sollicitudin est. Nam feugiat sem a ligula semper vehicula. Maecenas elit diam, tempus in convallis a, finibus quis elit. Suspendisse potenti. Phasellus libero sapien, vehicula a sem quis, ullamcorper accumsan dolor. Praesent nec suscipit ipsum. Curabitur nulla tortor, malesuada vel urna vitae, hendrerit ullamcorper urna. (p)

Small text for note (.typography--note)

Primary Color (.typography--primary)

Secondary Color (.typography--secondary)

Tertiary Color (.typography--tertiary)

Primary Color (.typography--primary)

Secondary Color (.typography--secondary)

Tertiary Color (.typography--tertiary)

Black Weight (.typography--black)

Bold Weight (.typography--bold)

Normal Weight (.typography--normal)

Light Weight (.typography--light)

<h1>Hello, World! (h1)</h1>
        <h2>Hello, World! (h2)</h2>
        <h3>Hello, World! (h3)</h3>
        <h4>Hello, World! (h4)</h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eleifend dignissim malesuada. Fusce accumsan pellentesque fermentum. Proin a sollicitudin est. Nam feugiat sem a ligula semper vehicula. Maecenas elit diam, tempus in convallis a, finibus quis elit. Suspendisse potenti. Phasellus libero sapien, vehicula a sem quis, ullamcorper accumsan dolor. Praesent nec suscipit ipsum. Curabitur nulla tortor, malesuada vel urna vitae, hendrerit ullamcorper urna. (p)</p>
        <span class="typography--note">Small text for note (.typography--note)</span>
        <h4 class="typography--primary">Primary Color (.typography--primary)</h4>
        <h4 class="typography--secondary">Secondary Color (.typography--secondary)</h4>
        <h4 class="typography--tertiary">Tertiary Color (.typography--tertiary)</h4>
        
<div class="ui inverted segment">
          <h4 class="typography--primary">Primary Color (.typography--primary)</h4>
          <h4 class="typography--secondary">Secondary Color (.typography--secondary)</h4>
          <h4 class="typography--tertiary">Tertiary Color (.typography--tertiary)</h4>
        </div>
 
        <h4 class="typography--black">Black Weight (.typography--black)</h4>
        <h4 class="typography--bold">Bold Weight (.typography--bold)</h4>
        <h4 class="typography--normal">Normal Weight (.typography--normal)</h4>
        <h4 class="typography--light">Light Weight (.typography--light)</h4>