<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>
Typography
Button
Segment
Menu
Form