Style Preview

All available styles at a glance.

Typography

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

This is a standard body paragraph. It demonstrates bold text, italic text, strikethrough, an inline link , and inline code within a regular sentence. This is a variable in a computer program.

Page Title

This is a page Subtitle

Inline Elements

This is a blockquote element, typically used for highlighting external quotes or key takeaways.

Attribution

• Unordered list item one
• Unordered list item two
  • Nested unordered list item

1. Ordered step one
2. Ordered step two

Definition List Title

This is a definition list division.

Inkscape

Open Source vector graphics editor

Code Blocks

// Example syntax-highlighted code block

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

Tables

Mermaid Diagram

  sequenceDiagram
    accTitle: Shad jokes
    accDescr: Nixie asks Lyla what kind of phone a mermaid uses. Lyla replies, "Beats me, what?" Nixie answers, "A shell phone!"
    participant A as Nixie
    participant B as Lyla

    A->>B: What kind of phone does a mermaid use?
    B-->>A: Beats me, what?
    A->>B: A shell phone!

Music Notation

Admonitions

Other Elements

Horizontal rule:

Big text

Small text

Typewriter text

H₂OE = mc²

This is a callout box:

This is a callout box with an h2 header: