Live page · scroll inside

PremiumEmail newsletters · light · landing page · gsap · lenis · html

Courier

A newsletter-platform site on letter paper with postbox red and ink green: a compact builder (Letter, Digest or Shop layout, four colours, serif or sans, subject line) re-skins a phone that shows the inbox row and the opened issue, with a short demo; then a 7 × 24 send-time heat map of open rates you can hover or arrow through, a growth ledger with big serif figures, perforated postage-stamp pricing and a letter-style sign-off CTA.

What's inside

01
Envelope bar
Solid after 80 px.
02
Builder and phone hero
Every control re-skins the phone in place: the body crossfades between Letter, Digest and Shop layouts, the masthead and buttons take the chosen colour, the type switches serif or sans, and the subject line types into the inbox row. A three-step demo plays once on load.
03
Send-time heat map
Cells fade in row by row; hovering or arrowing a cell updates the readout.
04
Growth ledger
Figures count up as columns rise.
05
Postage-stamp tiers
Stamps rise with a slight rotation that settles.
06
Sign-off band
Heading lines rise.
07
Footer
None.

Utility pages in the same file: 404 · Style guide · Password · Changelog

How to use it

From prompt to a live page.

01
Walk the page
The preview is the real template: loader, scene, scroll choreography. Scroll inside it or open it full-screen.
02
Pick a palette
Token sets re-tint the whole page live, scene included. The prompt carries the one you chose.
03
Pick your stack
Single HTML, Next.js, React, Vue, Astro, WordPress blocks, Shopify sections or a Webflow build guide.
04
Copy the prompt
It carries the art direction, the tokens, the motion system and every section's layout, motion and content, in order.
05
Make it yours, then iterate
Swap copy and images first, keeping the structure. Then refine section by section rather than re-running the whole prompt.

More templates

Free♥ 0

Abacus

Accountancy practice

Template

Premium♥ 0

Kittiwake Air

travel/regional airline

Template

Premium♥ 0

Laneline

sport/mobile app

Template

Free♥ 0

Beacon

Feature flags

Template

Loading…

Courier

What's inside

Envelope bar

Solid after 80 px.

Builder and phone hero

Every control re-skins the phone in place: the body crossfades between Letter, Digest and Shop layouts, the masthead and buttons take the chosen colour, the type switches serif or sans, and the subject line types into the inbox row. A three-step demo plays once on load.

Send-time heat map

Cells fade in row by row; hovering or arrowing a cell updates the readout.

Growth ledger

Figures count up as columns rise.

Postage-stamp tiers

Stamps rise with a slight rotation that settles.

Sign-off band

Heading lines rise.

Footer

None.

How to use it

From prompt to a live page.

Walk the page

The preview is the real template: loader, scene, scroll choreography. Scroll inside it or open it full-screen.

Pick a palette

Token sets re-tint the whole page live, scene included. The prompt carries the one you chose.

Pick your stack

Single HTML, Next.js, React, Vue, Astro, WordPress blocks, Shopify sections or a Webflow build guide.

Copy the prompt

It carries the art direction, the tokens, the motion system and every section's layout, motion and content, in order.

Make it yours, then iterate

Swap copy and images first, keeping the structure. Then refine section by section rather than re-running the whole prompt.