Live page · scroll inside

Premiumpublishing/lead magnet · light · landing page · gsap · lenis · html

Tollhouse Press

A free-ebook page for a letterpress studio's guide to writing letters, in cotton white, ink, oxblood and gold foil: a serif headline and short form beside a 3D cloth hardback (cover, spine, page edge, back) that tilts with the pointer, with the visitor's typed name foil-stamped on the cover letter by letter and a turn-it-over toggle, a ruled contents index with page numbers, a chapter excerpt as the pull quote, an author note and a printed-edition offer.

What's inside

01
Imprint wordmark bar
Turns translucent after 80 px.
02
Copy and form beside a 3D foil-stamped book
The book eases in from a steeper angle; it follows the pointer within a few degrees, the foil sheen sliding with the tilt; each typed letter presses in (scale 1.25 to 1 with a darkening shadow); Turn it over spins the book 180° to show the back-cover blurb.
03
Contents as a ruled index
Rows rise in turn.
04
Excerpt as a pull quote
Lines rise from masks.
05
Author note
Paragraphs rise; figures count up.
06
Printed edition offer
Block rises.
07
Minimal 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…

Tollhouse Press

What's inside

Imprint wordmark bar

Turns translucent after 80 px.

Copy and form beside a 3D foil-stamped book

The book eases in from a steeper angle; it follows the pointer within a few degrees, the foil sheen sliding with the tilt; each typed letter presses in (scale 1.25 to 1 with a darkening shadow); Turn it over spins the book 180° to show the back-cover blurb.

Contents as a ruled index

Rows rise in turn.

Excerpt as a pull quote

Lines rise from masks.

Author note

Paragraphs rise; figures count up.

Printed edition offer

Block rises.

Minimal 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.