Skip to content

Markdown reference

A placeholder post that exercises the typography styles. Keep it while you’re adjusting the design, delete it before launch.

Headings

Second- and third-level headings are styled; anything deeper is rare enough in a blog post that it’s usually a sign the post wants splitting.

Third level

Body copy sits at a comfortable measure — around 65 characters — because line length matters more for readability than font size does.

Inline elements

Text can be bold, italic, inline code, or a link. Footnote-ish asides work as parentheticals.

Blockquotes are indented with a rule on the left. Useful for pull quotes or quoting someone else’s writing at length.

Lists

  • Unordered items
  • Sit close together
  • With comfortable spacing between them
  1. Ordered lists
  2. Are numbered
  3. As you’d expect

Code

export function greet(name) {
  return `Hello, ${name}`;
}

Long lines inside a code block scroll horizontally rather than wrapping, so the page itself never scrolls sideways.

Images

Images stretch to the content width and never overflow it.

← All posts