H1 — Primary Article Title
This is a standard paragraph of body text. It represents the default reading
experience for essays, reflections, and long-form writing. Line height,
font size, and max-width should feel comfortable for extended reading.
Inline formatting test:
bold text,
italic text,
underlined text,
highlighted text,
strikethrough text,
inline code,
and a standard text link.
H2 — Section Heading
Use H2 for major sections. Spacing above and below should clearly separate
ideas while maintaining flow.
H3 — Subsection Heading
This heading introduces a more focused idea. Paragraph spacing should tighten
slightly as hierarchy descends.
- Unordered list item
- Another list item
- Nested list item
- Nested list item
- Final list item
H4 — Minor Heading
- Ordered list item one
- Ordered list item two
- Ordered list item three
H5 — Small Heading / Metadata
Often used for captions, UI labels, or secondary information.
H6 — Smallest Heading
Should remain readable and not collapse visually.
Blockquotes
This is a blockquote. It should feel intentional and readable,
not decorative or cramped.
Good design is as little design as possible.
— Dieter Rams
Images & Captions
WordPress Gallery (Classic Shortcode)
Code & Preformatted Text
Inline code example: npm run build
// Sample JavaScript code block
function iamrjo() {
console.log("Theme styling test");
}
Table Styling
| Feature | Status | Notes |
|---|---|---|
| Typography | Complete | Hierarchy locked |
| Spacing | In Progress | Vertical rhythm tuning |
| Dark Mode | Planned | CSS variables ready |
Buttons & Links
Form Elements
Embedded Media
This is small text. Often used for footnotes, disclaimers, or metadata.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam arcu mi, vehicula ut arcu sit amet, tempus luctus est. Etiam efficitur, risus eu fringilla euismod, risus tellus aliquam turpis, quis auctor nisi massa vel quam. Praesent aliquet cursus mi, nec scelerisque diam aliquam egestas. Morbi porta at mauris eu malesuada. Pellentesque semper eros non eleifend efficitur. Nulla tincidunt cursus dignissim. Praesent eget nisi velit. Mauris pretium tellus eget malesuada scelerisque. Mauris auctor consectetur volutpat. Etiam id erat at tortor bibendum hendrerit et nec mi. Vestibulum mollis nisl aliquet, varius enim eget, pharetra lorem. Phasellus euismod ante non erat feugiat ornare.
Donec volutpat elit id orci faucibus, sed commodo quam imperdiet. Aenean quis laoreet arcu. Praesent diam sem, scelerisque aliquam imperdiet nec, rutrum scelerisque nisi. Cras cursus vulputate ipsum eget maximus. Donec sodales lacinia magna, ac commodo sapien consectetur a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed id pharetra risus. Integer sit amet nunc suscipit, pellentesque dolor at, tincidunt lorem. Curabitur at tortor ac lorem consequat semper in vitae neque. Aliquam risus felis, volutpat vel augue ac, interdum aliquet velit.
Phasellus porttitor non ligula eget dictum. Nam eget nisi at velit malesuada pretium quis et mauris. In laoreet varius risus non facilisis. Aliquam erat volutpat. Ut dolor purus, fringilla ultricies varius et, maximus at nisi. Ut semper felis et augue cursus dignissim. Nam ligula tortor, scelerisque porta neque vel, mollis condimentum purus. Quisque ornare eget mi congue consequat. Etiam venenatis ultricies nisi. Morbi consequat molestie nibh eget facilisis. Mauris dictum erat erat, in placerat purus viverra quis. In eu eros nibh. Phasellus semper dolor felis, nec molestie nulla venenatis a. Morbi id ex justo. Proin eget purus ut justo pulvinar interdum at eget leo. Suspendisse lorem nisl, imperdiet at bibendum eget, ullamcorper at massa.