Typography

This is a lead paragraph. It's slightly larger and used for introductory text at the beginning of articles. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is regular body text in Plus Jakarta Sans at 1rem with a line-height of 1.6. Here’s what a longer paragraph looks like with multiple sentences. The quick brown fox jumps over the lazy dog.

Headings

Heading 1 (1.625rem)

This is body text after h1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 2 (1.25rem)

This is body text after h2. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 3 (1.125rem)

This is body text after h3. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 4 (1rem)

This is body text after h4. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 5 (0.9rem)

This is body text after h5. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 6 (0.85rem)

This is body text after h6. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Inline Styles

Bold text and italic text and bold italic text.

Here is a link to somewhere in the middle of text.

Here is some inline code within a sentence.

This is small text, useful for footnotes or disclaimers.

Blockquote

This is a blockquote. It’s used for quoting text from another source. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Attribution Name

Lists

Unordered List

• Unordered list item one
• Unordered list item two
• Unordered list item three

Ordered List

1. Ordered list item one
2. Ordered list item two
3. Ordered list item three

Code Block

function greet(name) {
  console.log(`Hello, ${name}!`);
  return true;
}

greet("World");

Table

Name	Role	Location
Alice	Researcher	Cambridge
Bob	Developer	London
Carol	Designer	New York

Horizontal Rule

Text before the horizontal rule.

---

Text after the horizontal rule.

Figure with Caption

This is a figure caption describing the image above.

Heading Spacing Reference

Level	Size	Margin-top (in .page-content)	Margin-bottom
h1	1.625rem	—	1.5rem
h2	1.25rem	3.5rem	1.25rem
h3	1.125rem	3rem	1rem
h4	1rem	2rem	0.75rem
h5	0.9rem	1.5rem	0.5rem
h6	0.85rem	1rem	0.25rem