§ Why this post exists
Blog posts use the same block system as projects, so anything that works in a project page works here.
This post is the canonical reference: every variant, every block, every link style. Keep it visible (status Live, hidden false) so you always have a live preview of what's possible.
§ Typography & rhythm
How prose renders inside the editorial system.
H2 — section heading
H3 — sub-section
Body copy uses Inter Tight at 16px / 1.5. Paragraphs breathe — no margin gymnastics.
Italic uses Instrument Serif for the editorial tone.
Bold stays in sans for clarity.
inline code is JetBrains Mono with a hairline background.
Block code:
pnpm install
pnpm dev
Pull-quotes use a left rule and italic serif.
Tables also work:
| Token | Hex | Use |
|---|---|---|
--ink |
#0c0a09 |
Body text |
--paper |
#f5f5f5 |
Page bg |
--accent |
#0c0a09 |
Single accent |
§ An image inside a post
post hero image