This guide shows the default typography styles used throughout the theme.

Headings Section

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraph

This is a standard paragraph. It provides consistent spacing and readability. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet facilisis urna.

Blockquote

“Design is not just what it looks like and feels like. Design is how it works.” – Steve Jobs

Lists

Unordered List

• First item
• Second item
• Third item

Ordered List

1. First step
2. Second step
3. Third step

Links

This is a standard link inside a paragraph.

button

Code

Inline code: const x = 10;

function sayHello() {
  console.log("Hello, world!");
}

Horizontal Rule

---

Image

Utilities

This text is muted.

This text is centered.

This text is FP Navy.

This text is FP Bright Blue.

This text is blue.

This text is orange.

This text is purple.