Typography

Heading 1

This is a paragraph under a heading 1. Typography is essential to design and content presentation.

Heading 2

This is a paragraph under a heading 2. The font, size, and line-height all matter.

Heading 3

Typography involves headers, paragraphs, blockquotes, and more.

Heading 4

Smaller headers are great for subtopics or subtle emphasis.

Heading 5

Even smaller, still helpful in a hierarchy.

Heading 6

The smallest heading, often used for notes or footers.

---

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.

Blockquote

"Typography is the craft of endowing human language with a durable visual form." – Robert Bringhurst

Lists

Unordered List

• Typography matters
• Font choices
• Spacing and layout

Ordered List

1. Choose a font
2. Set up hierarchy
3. Adjust spacing

Code

<div class="example">Hello Typography</div>

Table

Element	Usage
<h1> to <h6>	Headings
<p>	Paragraph text
<blockquote>	Quote blocks
<pre>	Code blocks