Template · Premium

Editorial Landing 04

A full page in production code, on your stack, with the content structure already argued out.

Files: 6 files

Editorial Landing 04 — the finished design

Anatomy

What Editorial Landing 04 is made of.

The reference, the spec that describes it, the prompts that rebuild and adapt it, and the proof that they work. Parts not published yet are drawn as outlines.

WorkbenchKit anatomyEditorial Landing 04Template Use over MCP

Editorial Landing 04 · anatomy v1

Reference

image video

Template

Design spec

Spec

Built for a real brief in July, then simplified until it ran at 60fps on a four-year-old laptop. Everything ships with the source, not just the render…

type · colour · spacing · motion

Adaptation

Adaptation prompt The adaptation prompt is not published for this kit yet.palette · typeface · copy

Editorial Landing 04

reference spec adaptationkit

TypeTemplateAccessPremiumVersion—Parts3 / 6Prompt882 chars

Tested rebuildNot yet verified

Reconstruction prompt

Create a cinematic hero section with a slow volumetric fog pass, camera easing on scroll, and a grain overlay at 6% opacity layered beneath the type. Use a single warm key light

Not yet verifiedNo rebuild of this kit has been tested yet. When one is, the tool, model, date and result appear here.

Not published for this kit yet: adaptation prompt.

Design spec

Built for a real brief in July, then simplified until it ran at 60fps on a four-year-old laptop. Everything ships with the source, not just the render.

Reconstruction prompt

Rebuilds the reference from the spec. The first two lines are public; the rest opens with an account.

Create a cinematic hero section with a slow volumetric fog pass, camera easing on scroll,
and a grain overlay at 6% opacity layered beneath the type. Use a single warm key light

705 more characters — the full prompt comes with the kit.

Uses one of your daily prompt reads.