Heading 1 (h1) — The Quick Brown Fox

Heading 2 (h2) — The Quick Brown Fox

Heading 3 (h3) — The Quick Brown Fox

Heading 4 (h4) — The Quick Brown Fox

Heading 5 (h5) — The Quick Brown Fox

Heading 6 (h6) — The Quick Brown Fox

Lead paragraph: A slightly larger introductory paragraph used to set context before standard body copy.

Standard body text with various inline tags: hyperlink, bold/strong text, italicized/emphasis text, strikethrough text, highlighted/marked text, inline code snippet, Ctrl + C, and a footnote reference like X² or H₂O.

Good design is as little design as possible. Less, but better — because it concentrates on the essential aspects, and the products are not burdened with non-essentials.

— Dieter Rams

// Example JavaScript block
function calculateThemeTokens(theme) {
  const mode = theme.isDark ? 'dark' : 'light';
  return {
    background: mode === 'dark' ? '#121212' : '#ffffff',
    text: mode === 'dark' ? '#f5f5f5' : '#1f2937'
  };
}

Table Element

Form Elements