PlateWEBSITE · PLATE PRO · V1.0.0
The Gazette
A fictional weekly culture paper's website, played as a single issue: a sticky cover slides beneath a pushing contents spread, a pinned feature turns like a real four-page fold, and the back cover is the issue's own ending. Cover lines, headlines, listings, prices and the colophon are data-driven from content.js; the page-turn mechanics and section grid are fixed code, and the subscription form only produces a mailto draft or a downloadable text slip.
Complete single-page websitePlate Pro · $49.50 once
Included in Plate Pro: $49.50 once at the launch price (regularly $89), no subscription, with v1 updates. One payment covers every current Pro website and film.
Taxes depend on your location. Polar shows the tax breakdown and final total at checkout.
WHAT YOU RECEIVE
- The complete source: index.html, gazette.css, gazette.js and content.js, with no build step and no dependencies
- content.js: every headline, standfirst, byline, body paragraph, contents entry, listing, colophon line, crossword clue, price and identity token in one file
- EDITING.md: what each field does and what the page-turn mechanics assume
- Four Poly Haven CC0 material scans baked into the page's plates and banners
- Fraunces and Libre Franklin as WOFF2 (roman and italic) with their OFL-1.1 licence files
- README.md with the run command, and LICENSES.md
WHAT YOU CAN CHANGE
- All copy: headlines, standfirsts, bylines, body paragraphs, contents list, listings, colophon, crossword clues, subscription prices/terms, contact details — content.js
- Identity: masthead name/prefix, issue number and date, prices, page count, ISSN — content.js identity block
- Colour tokens (paper/ink/accent) and the type-credit names printed in the colophon — content.js identity.colors / identity.fonts
- The subscription-slip filename and mailto address — content.js downloads block
- Adding a differently-branded issue that reuses the same mechanism, content.js only — see the release's worked adaptation example
NOT THIS
- The page-turn mechanics, cover-push formula, copy-fit loop and pointer instruments (baked into gazette.js/gazette.css)
- The section grid and page anchors (#letters, #tram, #portfolio, etc.) — new chapters need new HTML/CSS, not just content.js
- Swapping the two type families for different font files (only their credited names in the colophon are data-driven)
- A real subscription or payment backend — the form only builds a mailto draft or a local text download
- Any server-side rendering, build step or package manager — this is a static, dependency-free site
- Portfolio and the Books/Film/Music reviews exist as listed contents entries with page numbers; only the cover, contents, one pinned feature, The Margin column, The Week listings and the back cover are built as pages
USE IT WITH YOUR CODING AGENT
You download it. Your agent makes it yours.
- Get Plate Pro, or sign in if you already have it, and download the ZIP from the library.
- Check its SHA-256 against the one below, and extract it into a new, empty folder.
- Open that folder in Claude Code, Codex or Cursor. Plate never asks your agent for your password or licence key; you do the download, the agent does the edit.
- Paste the instructions below and fill in your project name and changes. The agent reads the included README and licences, edits the supported files, runs the site and reports what it checked.
REQUIREMENTS
- Any evergreen browser with JavaScript enabled; no network access needed or used at runtime
- Any static file server, e.g. python -m http.server 8080 (or any free port); opening index.html directly via file:// works in most browsers but some restrict local @font-face/background-image loads
- Keyboard: native page scroll plus two focusable turn buttons for the pinned feature; reduced motion and phone layouts fully supported
The instructions to paste into your agent
Use Plate's The Gazette, project gazette, version 1.0.0, as the starting point. Requested result: [my project name]. My changes: [describe the changes before beginning] Before you edit anything, ask me for the project name and the changes I want. Do not invent a brand, a client, copy or a result. Scope: Complete single-page website. Use the existing source and assets. Read its README and licence notices first. Preserve unrelated work and make changes in a separate project folder. The project is a Plate Pro pack. Download it from the Plate library (https://getplate.pages.dev/library.html?project=gazette, "Download source") while signed in to Plate with Pro; the file comes from https://getplate.pages.dev/api/pack?slug=gazette and only with Pro. If you cannot sign in, tell me and I will download the ZIP and put it in your workspace myself. Verify SHA-256: 1b491e444cbed3b8ef238ebba98ec393548344623eaa4a067b1d941f37c7a8ba (890858 bytes, version 1.0.0). Extract into a new folder and follow its README to run it. Make content changes in content.js as EDITING.md describes; the supported changes below live there. Do not rewrite the renderer or the layout to make a content change. Supported changes: - All copy: headlines, standfirsts, bylines, body paragraphs, contents list, listings, colophon, crossword clues, subscription prices/terms, contact details — content.js - Identity: masthead name/prefix, issue number and date, prices, page count, ISSN — content.js identity block - Colour tokens (paper/ink/accent) and the type-credit names printed in the colophon — content.js identity.colors / identity.fonts - The subscription-slip filename and mailto address — content.js downloads block - Adding a differently-branded issue that reuses the same mechanism, content.js only — see the release's worked adaptation example Requirements: - Any evergreen browser with JavaScript enabled; no network access needed or used at runtime - Any static file server, e.g. python -m http.server 8080 (or any free port); opening index.html directly via file:// works in most browsers but some restrict local @font-face/background-image loads - Keyboard: native page scroll plus two focusable turn buttons for the pinned feature; reduced motion and phone layouts fully supported Limits: - The page-turn mechanics, cover-push formula, copy-fit loop and pointer instruments (baked into gazette.js/gazette.css) - The section grid and page anchors (#letters, #tram, #portfolio, etc.) — new chapters need new HTML/CSS, not just content.js - Swapping the two type families for different font files (only their credited names in the colophon are data-driven) - A real subscription or payment backend — the form only builds a mailto draft or a local text download - Any server-side rendering, build step or package manager — this is a static, dependency-free site - Portfolio and the Books/Film/Music reviews exist as listed contents entries with page numbers; only the cover, contents, one pinned feature, The Margin column, The Week listings and the back cover are built as pages Run the whole website. Inspect the opening, middle and ending on desktop and phone. Check the actual motion, navigation, reduced motion and missing-media recovery. Deliver the edited source, actual preview or render, exact start commands and any remaining limitations. Do not purchase services, invent claims, post or deploy without my instruction.
CREDITS, VERSION, ARCHIVE
What travels with it
| What | Source | Licence | Keep |
|---|---|---|---|
| Fraunces | Undercase Type, Google Fonts | SIL OFL 1.1 | Keep fonts/OFL-Fraunces.txt |
| Libre Franklin | Impallari Type, Google Fonts | SIL OFL 1.1 | Keep fonts/OFL-LibreFranklin.txt |
| Rust Coarse 01 texture | Dimitrios Savva & Rico Cilliers, Poly Haven | CC0 1.0 | Nothing required; the credit line in LICENSES.md is kept as a courtesy |
| Book Pattern texture | Rob Tuytel, Poly Haven | CC0 1.0 | Nothing required; the credit line in LICENSES.md is kept as a courtesy |
| Rough Linen texture | colormass & Rico Cilliers, Poly Haven | CC0 1.0 | Nothing required; the credit line in LICENSES.md is kept as a courtesy |
| Marble 01 texture | Rob Tuytel, Poly Haven | CC0 1.0 | Nothing required; the credit line in LICENSES.md is kept as a courtesy |
MORE PROJECTS