Blog Style Guide — Pillar Demo Post

This is a pillar demo post that exercises every content element so you can review the blog's typography and rendering in one place — headings, lists, quotes, code, a responsive table, images and inline styles. Use the Table of Contents to jump between sections.

Headings and inline text

Body text uses a comfortable reading measure and line-height. You can make text bold, italic, underlined, struck through, highlighted, or write inline code. Links look like this external link and open safely in a new tab.

An H3 subheading

Subheadings build the document hierarchy and feed the Table of Contents. Click a TOC entry — it should smoothly scroll to the matching section heading.

An H4 sub-subheading

Deeper headings stay readable without overpowering the body copy.

Lists

Unordered list (with nesting):

• First point with a short explanation.
• Second point that intentionally wraps onto a second line so you can see the line-height and how the bullet marker aligns with multi-line text.
• Nested list:
  • Child item one
  • Child item two

Ordered list:

1. Open the editor
2. Write and format your content
3. Publish or schedule

Blockquote

The best AI tool is the one you actually use. Pick something that fits your workflow — not the one with the longest feature list.

Code blocks

Inline code such as npm run build sits inside the sentence. A fenced code block preserves formatting and scrolls horizontally if a line is long:

export function greet(name) {
  return "Hello, " + name + "!";
}

console.log(greet("AInexfinder"));

Responsive table

This table has several columns so you can test horizontal scrolling on mobile — it should scroll inside its own container instead of breaking the page layout. Cells are compact and top-aligned.

Tool	Best for	Pricing	Rating	Free tier	Notes
Alpha AI	Writing & drafts	$12/mo	4.6	Yes	Great for long-form outlines and rewrites.
Beta Vision	Image generation	$20/mo	4.4	Limited	Strong styles; watch the monthly credit cap.
Gamma Code	Code completion	Free	4.8	Yes	Fast inline suggestions across many languages.

Image

Images are responsive, rounded and lazy-loaded:

---

Wrap up

That covers the main building blocks. If any element looks off — spacing, a heading size, the table, code colors — tell me which one and I'll tune the styling.