Two templates, five fixed slots

Eleven covers today use three arrangements and put the post type in three different places: after the lockup (“sitefire Research”), in the kicker (“Explainer”), or at the right end of the provenance line (“Playbook”, “Industry”). The fix is one home per element.

• Lockup top-left, 26px, at the inset. Every cover.
• Type top-right, opposite the lockup, on its centre line, mono uppercase. One of Explainer, Playbook, Research, Industry. Every cover.
• Kicker the topic, mono uppercase, directly above the headline. Optional.
• Headline Saans 660, 40px, two lines at most, one em in amber. Every cover.
• Content the free slot: chart, diagram, code rows or a product component.
• Provenance bottom-left, mono, sources and counts; its right end is free for a second fact, never the type. Optional.

Inset 48/48/44. Plate: the canonical burn, bottom anchor, reach per template. OG is the same frame 45px shorter. The blog card is the cover at 0.57, so only lockup, headline and artwork have to read there.

Stack

burn reach 0.24

Headline on top, artwork full width below. Charts, diagrams, code rows, wide UI.

Explainer

type · top-right, lockup centre line

kicker · 400×14 @ 48,118

Kicker: the topic, mono uppercase, optional

headline · 800×88 @ 48,140

Headline in Saans 660, two lines at most.

content · 1104×340 @ 48,256

Content slot: chart, diagram, code rows or one product component

foot · 1104×16 @ 48,615

Provenance: source, dates, counts. Mono. Optional. Right end free for a second fact.

Stack, one-line headline

burn reach 0.24

headlineLines={1}: the headline keeps one line and hands 44px to the content slot. For tall charts.

Explainer

type · top-right, lockup centre line

kicker · 400×14 @ 48,118

Kicker: the topic, mono uppercase, optional

headline · 800×44 @ 48,140

One line, content grows by 44px.

content · 1104×384 @ 48,212

Content slot: chart, diagram, code rows or one product component

foot · 1104×16 @ 48,615

Provenance: source, dates, counts. Mono. Optional. Right end free for a second fact.

Split

burn reach 0.36

Header block left, one component right, both centred on the frame. A single product component or a tall UI mock.

Explainer

type · top-right, lockup centre line

kicker · 380×14 @ 48,258

Kicker: the topic, mono uppercase, optional

headline · 380×100 @ 48,280

Two lines. One em in amber.

content · 704×539 @ 448,92

Content slot: chart, diagram, code rows or one product component

foot · 380×16 @ 48,400

Provenance: source, dates, counts. Mono. Optional. Right end free for a second fact.

Spec and the post map: components/blog-figures/README.md. Geometry: components/blog-figures/layouts.tsx.