Draft — this post is not publicly listed

This post exercises every formatting feature available in the blog renderer. It mirrors the structure of _preview.md in the draft pipeline so you can QA blog rendering before publishing.

Enable locally with PUBLIC_FF_DRAFT_POSTS=true npm run dev.

Headings and prose

Standard prose follows the .prose class rules. Text is set in Inter, reading width is constrained to --width-content.

H3 — a secondary section

The hierarchy goes H2 for major sections, H3 for subsections within them. A second paragraph showing vertical rhythm. Line-height is --leading-relaxed — generous spacing for long-form reading.

Emphasis and inline formatting

You can use bold for key terms and italics for titles, foreign phrases, or light stress. Avoid overusing either — use bold when the word is genuinely load-bearing for the argument.

Inline code is set in JetBrains Mono. Use it for file names, variable names, CLI commands, and short values.

Pull quote

Use the DS pull-quote component for a sentence you want to pull out of the flow — a claim that deserves to stand alone.

Strategy is mostly subtraction. Choosing what to do is the easy half.

Pillar → accent: var(--accent-amber) synthesis, var(--accent-mint) stewardship, var(--accent-violet) resilience, var(--accent-coral) empathy.

Blockquote

A standard Markdown blockquote — for external voices only, not your own words:

The best way to predict the future is to build it. But build the smallest possible version first, so you can find out quickly if you’re wrong.

Pull quotes are for your own voice. Blockquotes are for someone else’s.

Lists

Unordered:

  • First item — sentence case, no trailing periods
  • Second item with a longer explanation to show how wrapping works at content width
  • Third item

Ordered (use only when sequence genuinely matters):

  1. Define the problem before the solution
  2. Identify the smallest testable version
  3. Ship, measure, iterate

Code block

// A simple feature flag check
function isEnabled(flag: string): boolean {
  return import.meta.env[flag] === 'true';
}
# Run a local dev build with draft posts visible
PUBLIC_FF_DRAFT_POSTS=true npm run dev

Inline image — bare markdown (no caption)

Prasad on stage at QonfX Berlin

Inline image — figure with caption

Prasad on stage at QonfX Berlin
Berlin · Apr 2026 — QonfX Berlin, speaking on quality and AI

Both render full content-width with rounded corners. The figure + figcaption pattern adds a monospaced caption in --text-tertiary below the image.

Photo card

The DS photo-card component for editorial-style images with an overlay caption. Use when the image is primary content, not supporting illustration.

Speaking at QonfX Berlin

Synthesis

QonfX Berlin talk

Berlin · Apr 2026

Horizontal rule

Use --- to separate major sections. Maximum 3–4 per post.

End of blog preview block. If you see this on the live site, the draft filter has failed.