This template now follows the unified longform grid: metadata and notes in the left rail, main text in the reading column, and a breakout hero image up front¹1. The breakout hero is rendered with <HeroFigure /> so it can extend beyond the text measure without hurting readability.. Sidenotes still use the same inline authoring pattern²2. Notes populate from the same <Sidenote /> components used in the standard layout., but now stay anchored to the shared rail behavior.

Why this layout

The goal is to keep the text measure stable while giving imagery more room. A wide hero introduces the piece³3. The hero can use size="inline", size="wide", or size="full" depending on the post., and the body returns to a consistent reading width immediately after.

Using the template

Swap your hero source and metadata at the top of the MDX, then compose PostHeader + HeroFigure. The layout automatically:

• Keeps metadata wired into the left rail.
• Preserves the shared sidenote + connector behavior.
• Applies the same progressive image transition system used across blog posts.

Continue writing as normal⁴4. Because the template uses the same footnote provider, no new syntax is required.. The endnotes section from the default blog layout still renders beneath your article so readers can navigate however they like.