⌘K

Typography

Headings, body text, and other typographic styles.

Display Headings

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

	

	
	<div class="flex flex-col gap-2">
		<h1 class="text-[64px]">Display 1</h1>
		<h1 class="text-[56px]">Display 2</h1>
		<h1 class="text-[48px]">Display 3</h1>
		<h1 class="text-[36px]">Display 4</h1>
		<h1 class="text-[24px]">Display 5</h1>
		<h1 class="text-[18px]">Display 6</h1> 
	</div>

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

	

	
	<div class="flex flex-col gap-2">
		<h1>Heading 1</h1>
		<h2>Heading 2</h2>
		<h3>Heading 3</h3>
		<h4>Heading 4</h4>
		<h5>Heading 5</h5>
		<h6>Heading 6</h6> 
	</div>