Elements — Miniport typography

The home route is one portrait and a headline — this post exists so /blog links land on something that actually exercises post typography instead of another photo caption.

Headings

Section heading (h2)

Subsection (h3)

Miniport's landing chrome is louder than its post chrome on purpose. Keep article headings shallow; a fourth level usually means the post should split in two.

Lists and quotes

  • Tiles, portraits, and scrolly anchors belong on home; posts read as plain markdown
  • Nested lists indent without borrowing a heading's type size
    • Like this nested item
  1. Ordered lists share the same line-height as unordered ones
  2. Don't renumber mid-list just to make a point

A blockquote here should read like a caption pulled from a shoot, not a pull-quote banner.

Code

Inline theme.name: miniport, and a fence:

const hero = { image: "pic00.jpg", headline: "Field Notes Studio" };

When you're done, return to Home and confirm the portrait-led shell comes back with no leftover post chrome.