WEBSITE · FREE · V1.0.1
Atelier Rook
A small architecture studio's site drawn as its own seven-sheet drawing set: a fixed board of three layers (site plan, section, structure/light study over it, floor plan) redraws itself as you scroll, ending on the practice and a contact sheet with a mailto and a downloadable issue register.
Complete single-page websiteFree · Google sign-in, no card
Free source. Sign in with Google to download; no card, no trial, no expiry.
WHAT YOU RECEIVE
- The complete source: index.html, style.css, main.js and content.js, plus tools/build.mjs, which bakes content.js into the drawings
- content.js: studio identity, five colour tokens, every sheet's headings/paragraphs/notes and tables, and the two Contact-sheet actions
- EDITING.md: what each field does, how to re-run the build, and how to hand-replace a drawing's SVG
- Archivo Narrow and Public Sans as WOFF2 with their OFL-1.1 licence files
- README.md with the run and rebuild commands, and LICENSES.md
WHAT YOU CAN CHANGE
- Studio identity: name, mark, legal name, address, town — content.js identity
- Set number, project name and address, date, revision, drawn/checked initials
- Five colour tokens (paper, paperDeep, ink, verm, vermInk) — recolours the drawings' pens too
- Page title, meta description, language, the no-script banner text
- Every sheet's headings, paragraphs and numbered notes — content.js board/plan/practice/contact
- All tables: the room schedule, the stage table, the drawing register, the revision table
- The Contact sheet's address, phone, email, partners, office and insurance text
- The two Contact-sheet actions: the mailto label/address/subject/body, and the issue-register button label and the text baked into its downloaded .txt file
- The end stamp text
- Any drawing's SVG, by hand-replacing it in build.mjs (see EDITING.md); new artwork is baked in the same way as the originals
NOT THIS
- The drawings are baked authored SVG: text drawn inside a drawing (dimension values, level marks, room names on the plan, the site plan's house label, the key plan's street names and studio pin) is not a content.js field — a customer swaps in their own SVG per the EDITING guide
- Without JavaScript, the board's three layers (site plan, section, structure/light study) stack onto one drawing instead of animating between them
- The seven-sheet count and the three-layer board are fixed by the mechanism, not by content.js
- Swapping a typeface file without also editing style.css's @font-face rules and LICENSES.md
- A real form/email backend in place of the mailto: link
- A print stylesheet
- Additional houses, sheets or a works register
USE IT WITH YOUR CODING AGENT
You download it. Your agent makes it yours.
- Sign in with Google on Plate and download the ZIP (free).
- 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 static file server (e.g. python -m http.server) or upload as-is to static hosting; module-free plain scripts so most file:// setups also work
- Node.js 18+ to run tools/build.mjs after changing content.js (no packages, no network)
- Any current browser; renders complete with JavaScript disabled, with the limitation above
The instructions to paste into your agent
Use Plate's Atelier Rook, project atelier-rook, version 1.0.1, 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 free with a Google sign-in. Download it from the Plate library (https://getplate.pages.dev/library.html?project=atelier-rook, "Download source") while signed in to Plate; the file comes from https://getplate.pages.dev/api/pack?slug=atelier-rook and only to a signed-in account. If you cannot sign in, tell me and I will download the ZIP and put it in your workspace myself. Verify SHA-256: 9486c55617cff1b85164f57d7a06f88768b9a093d228654d1a41444fabda0a8e. Extract into a new folder and follow its actual README setup command. Supported changes: - Studio identity: name, mark, legal name, address, town — content.js identity - Set number, project name and address, date, revision, drawn/checked initials - Five colour tokens (paper, paperDeep, ink, verm, vermInk) — recolours the drawings' pens too - Page title, meta description, language, the no-script banner text - Every sheet's headings, paragraphs and numbered notes — content.js board/plan/practice/contact - All tables: the room schedule, the stage table, the drawing register, the revision table - The Contact sheet's address, phone, email, partners, office and insurance text - The two Contact-sheet actions: the mailto label/address/subject/body, and the issue-register button label and the text baked into its downloaded .txt file - The end stamp text - Any drawing's SVG, by hand-replacing it in build.mjs (see EDITING.md); new artwork is baked in the same way as the originals Requirements: - Any static file server (e.g. python -m http.server) or upload as-is to static hosting; module-free plain scripts so most file:// setups also work - Node.js 18+ to run tools/build.mjs after changing content.js (no packages, no network) - Any current browser; renders complete with JavaScript disabled, with the limitation above Limits: - The drawings are baked authored SVG: text drawn inside a drawing (dimension values, level marks, room names on the plan, the site plan's house label, the key plan's street names and studio pin) is not a content.js field — a customer swaps in their own SVG per the EDITING guide - Without JavaScript, the board's three layers (site plan, section, structure/light study) stack onto one drawing instead of animating between them - The seven-sheet count and the three-layer board are fixed by the mechanism, not by content.js - Swapping a typeface file without also editing style.css's @font-face rules and LICENSES.md - A real form/email backend in place of the mailto: link - A print stylesheet - Additional houses, sheets or a works register 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 |
|---|---|---|---|
| Archivo Narrow | Google Fonts | SIL OFL 1.1 | Keep fonts/OFL-ArchivoNarrow.txt |
| Public Sans | Google Fonts | SIL OFL 1.1 | Keep fonts/OFL-PublicSans.txt |
| The seven drawings | Authored SVG, baked by the site's own build script | Part of the pack; no third-party art | Nothing to credit |
MORE PROJECTS