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

Sign in and download · freeOpen the live site ↗Open in the library ↗

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.

  1. Sign in with Google on Plate and download the ZIP (free).
  2. Check its SHA-256 against the one below, and extract it into a new, empty folder.
  3. 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.
  4. 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

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.

The library fills in your project name and changes for you: open Atelier Rook in the library, then "Customize prompt".

CREDITS, VERSION, ARCHIVE

What travels with it

WhatSourceLicenceKeep
Archivo NarrowGoogle FontsSIL OFL 1.1Keep fonts/OFL-ArchivoNarrow.txt
Public SansGoogle FontsSIL OFL 1.1Keep fonts/OFL-PublicSans.txt
The seven drawingsAuthored SVG, baked by the site's own build scriptPart of the pack; no third-party artNothing to credit

Archive: version 1.0.1 · 0.1 MB (119218 bytes) · SHA-256 9486c55617cff1b85164f57d7a06f88768b9a093d228654d1a41444fabda0a8e

Checked 2026-09-12: Archive extracted into an empty folder; bytes and sha256 matched against the .sha256 sidecar in site/downloads; the seven sheets, the mailto action and the issue-register download inspected against README.md and EDITING.md.

Free; the archive is re-hashed whenever its bytes change · Licence terms · Support

MORE PROJECTS

Other sites and games on Plate

Every project page · Films · The catalogue as JSON