Headings

H1 — Bold statement headline

H2 — Section headline

H3 — Subsection title

H4 — Feature label

H5 — Minor label

H6 — Micro label

Paragraphs & Emphasis

This is a standard paragraph. It keeps line length readable and spacing comfortable.

You can add emphasis, strong emphasis, or both.

Fine print or disclaimers.

Highlighted text example.

Keyboard input: Ctrl + S

UX is important.

Links

Visit our Documentation for details.

Lists

Unordered

• Clean, minimal
• Consistent spacing
• Mobile friendly

Ordered

1. Plan
2. Design
3. Build
4. Launch

Nested

• Parent
  • Child
    • Grandchild

Blockquote

“Simplicity is the ultimate sophistication.”

Inline Code

Use npm run build, render(), or primaryColor.

Code Blocks

JavaScript

// Toggle a class
const btn = document.querySelector('[data-toggle]');
btn.addEventListener('click', () => {
  document.body.classList.toggle('is-open');
});

PHP

<?php
add_action('init', function () {
  register_post_type('project', [
    'label' => 'Projects',
    'public' => true,
    'supports' => ['title','editor','thumbnail'],
  ]);
});

JSON

{
  "name": "project-name",
  "version": "1.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  }
}

Preformatted

$ git status
On branch main
Your branch is up to date with 'origin/main'.

nothing to commit, working tree clean

Callouts

[Info] Keep your copy clear.

[Success] Changes saved.

[Warning] Check your config.

[Error] Something went wrong.

Table

Definition List

API

Application Programming Interface

UI

User Interface

UX

User Experience