Heading 1
[HEADING 1]

This is a paragraph of text that provides some information. It shows the default styling of text elements.

This is a paragraph of text that provides some information. It shows the default styling of text elements.

This is a paragraph of text that provides some information. It shows the default styling of text elements.

This is a paragraph of text that provides some information. It shows the default styling of text elements.

This is a paragraph of text that provides some information. It shows the default styling of text elements.


Heading 2
[HEADING 2]

This is another paragraph under a second-level heading. It demonstrates the hierarchy and spacing between text elements.

This is another paragraph under a second-level heading. It demonstrates the hierarchy and spacing between text elements.

This is another paragraph under a second-level heading. It demonstrates the hierarchy and spacing between text elements.

This is another paragraph under a second-level heading. It demonstrates the hierarchy and spacing between text elements.

This is another paragraph under a second-level heading. It demonstrates the hierarchy and spacing between text elements.


Heading 3
[HEADING 3]

Here's a third-level heading followed by some text.

Here's a third-level heading followed by some text.

Here's a third-level heading followed by some text.

Here's a third-level heading followed by some text.

Here's a third-level heading followed by some text.


Heading 4
[HEADING 4]

Here's a fourth-level heading.

Here's a fourth-level heading.

Here's a fourth-level heading.

Here's a fourth-level heading.

Here's a fourth-level heading.


Heading 5
[HEADING 5]

Here's a fifth-level heading.

Here's a fifth-level heading.

Here's a fifth-level heading.

Here's a fifth-level heading.

Here's a fifth-level heading.


Heading 6
[HEADING 6]

Here's a sixth-level heading.

Here's a sixth-level heading.

Here's a sixth-level heading.

Here's a sixth-level heading.

Here's a sixth-level heading.


THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.

The quick brown fox jumps over the lazy dog.

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.

The quick brown fox jumps over the lazy dog.

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.

The quick brown fox jumps over the lazy dog.

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.

The quick brown fox jumps over the lazy dog.

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.

The quick brown fox jumps over the lazy dog.

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.

The quick brown fox jumps over the lazy dog.


Gradients

Highlight
Calm
Mid
Expressive
Base Gradient Light
Base Gradient Dark

Strong text and emphasized text can be used to highlight important information.

This is a blockquote. It is typically used to highlight a quote or a passage from another source.
Code block:
function helloWorld() {
    console.log('Hello, world!');
}

Inline code can be used to denote code snippets within a paragraph.

Lists

Unordered list:

Ordered list:

  1. First item
  2. Second item
  3. Third item

Links

This is an example of a link in a paragraph.

Table

Header 1 Header 2 Header 3
Row 1, Cell 1 Row 1, Cell 2 Row 1, Cell 3
Row 2, Cell 1 Row 2, Cell 2 Row 2, Cell 3