PlateWEBSITE · FREE · V2026-09-20
Sillage
A fragrance site with no scroll: one fixed frame, a photographed bottle you press, and live air over the top of it. Drag and the air keeps what you draw; ask it for one of six things and the mist settles into a halved bergamot, an iris, an hourglass for the eight hours. Draw all six and it signs the air with the wordmark.
Complete single-screen 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: the single frame, the fluid simulation, the seven drawings and the campaign photograph
- README with the controls, the file map and how to swap the photograph or the drawings
WHAT YOU CAN CHANGE
- Every word on the page, and the six subjects in the SUBJECTS array: name, kind, line, measured value, accent colour and the words that drift out of the cloud
- The seven drawings, authored as plain Canvas 2D path commands in the SHAPES array
- The campaign photograph, with the two nozzle fractions in positionBottle() moved to match it
NOT THIS
- Replacing the photograph with one that has no empty half: the air needs somewhere to draw, and the nozzle has to point into it
- A scroll: the site is one fixed frame by design and has no second screen to scroll to
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 server
- Desktop or phone browser with WebGL2; a Canvas 2D particle fallback draws the same shapes
The instructions to paste into your agent
Use Plate's Sillage, project sillage, version 2026-09-20, 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-screen 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=sillage, "Download source") while signed in to Plate; the file comes from https://getplate.pages.dev/api/pack?slug=sillage 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: ed8c7e2582fc04e6aef4afac9f54749360866433a6845f44079091e1be0212ae. Extract into a new folder and follow its actual README setup command. Supported changes: - Every word on the page, and the six subjects in the SUBJECTS array: name, kind, line, measured value, accent colour and the words that drift out of the cloud - The seven drawings, authored as plain Canvas 2D path commands in the SHAPES array - The campaign photograph, with the two nozzle fractions in positionBottle() moved to match it Requirements: - Any static server - Desktop or phone browser with WebGL2; a Canvas 2D particle fallback draws the same shapes Limits: - Replacing the photograph with one that has no empty half: the air needs somewhere to draw, and the nozzle has to point into it - A scroll: the site is one fixed frame by design and has no second screen to scroll to 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 | Google Fonts | SIL OFL 1.1 | Keep assets/OFL-Fraunces.txt |
| Geist | Google Fonts | SIL OFL 1.1 | Keep assets/OFL-Geist.txt |
| The campaign photograph | Generated for this concept; fictional model and fictional fragrance | Part of the pack; no third-party photograph was used | assets/campaign.png, described in ASSETS.md |
| The seven drawings | Authored Canvas 2D path commands in mist.js | Part of the pack; no traced or third-party art | Nothing to credit |
MORE PROJECTS