WEBSITE · PLATE PRO · V1.0.2
Meridian
An expedition outfitter's site told as a 48-second film that scrolling advances: four Poly Haven worlds sampled live by a raw-WebGL camera, whip pans and blink cuts between chapters, two shots per crossing, film slates with the facts, a route drawn across every world and completed as a map. A leads slate, a kit slate, a departure board with per-departure ask links and an itinerary download, credits and an end card; reduced motion and no-WebGL get the same film as still plates, and phones recompose.
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, style.css, main.js, film.js, render.js (the raw-WebGL sampler) and content.js, with no build step and no dependencies
- content.js: identity, colours, every chapter, camera path, slate, departure, itinerary line and credit in one file
- EDITING.md: what each field does and the four head lines to regenerate or edit by hand
- Four Poly Haven worlds baked as 1k/2k/4k equirect plates, five reduced-motion stills and five phone crops
- tools/bake.py to bake a new world from any Poly Haven HDRI, and tools/apply-content.mjs to write the identity into the head
- Bebas Neue and Barlow Semi Condensed as WOFF2 with their OFL-1.1 licence files
- README.md with the run command, and LICENSES.md
WHAT YOU CAN CHANGE
- Name, legal name, season, colours (ink, bone, flare), favicon glyph, opening copy, end-card text — content.js identity
- Any number of crossings in any order; one world removed or reordered; a crossing with one or two shots — content.js chapters
- Camera paths per shot (yaw/pitch/fov keys, ease, span) and the lens printed in the HUD
- Foreground per chapter: ridge silhouette (with baked profile), rope, guy lines, or none
- Slate copy, spec cells, kit lines, facts (km, days, seats, price), itinerary lines
- Departures (date, seats, status, meeting point, optional price), currency and locale, deposit note, contact address and mailto template
- Leads slate and kit slate content; credits heading, source line and extra lines (terms, privacy, imprint)
- Swapping or adding a world: bake a Poly Haven HDRI with tools/bake.py (ladder, still, silhouette), add a worlds entry, point a chapter at it
- Scroll length (film.lengthVh); overlay timing per chapter via an optional overlays override
- Itinerary trailer line (itinerary.trailer, empty for none); per-world flat fallback tone (worlds.<w>.tone)
- Static <head> (title, description, theme colour, favicon) regenerated from content.js with node tools/apply-content.mjs, or by editing the four documented lines
NOT THIS
- A real booking flow, seat inventory or inbox behind ASK FOR A SEAT (it is a mailto)
- Sound (silent by design)
- Changing the typefaces without editing style.css (identity lock)
- More than one opening or more than one last-frame chapter
- Non-equirect plates (the sampler expects 2:1 equirect webp)
- Verified on Safari or a phone GPU in this release (supported by construction; run on real hardware before launch)
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
- Serve: Any static HTTP server (ES modules + fetch; file:// will not work)
- Browser: WebGL 2 or WebGL 1; without WebGL or with prefers-reduced-motion the still-plate page is served
- Tools: Python 3.9+, numpy, opencv-python, Pillow — only to bake new plates
- Network: None at runtime; zero external requests
The instructions to paste into your agent
Use Plate's Meridian, project meridian, version 1.0.2, 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=meridian, "Download source") while signed in to Plate with Pro; the file comes from https://getplate.pages.dev/api/pack?slug=meridian 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: 1405133f07edda038f2ad084d7861d92a1910d7f827cfdc315ba5c2416a240cf (6763228 bytes, version 1.0.2). 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: - Name, legal name, season, colours (ink, bone, flare), favicon glyph, opening copy, end-card text — content.js identity - Any number of crossings in any order; one world removed or reordered; a crossing with one or two shots — content.js chapters - Camera paths per shot (yaw/pitch/fov keys, ease, span) and the lens printed in the HUD - Foreground per chapter: ridge silhouette (with baked profile), rope, guy lines, or none - Slate copy, spec cells, kit lines, facts (km, days, seats, price), itinerary lines - Departures (date, seats, status, meeting point, optional price), currency and locale, deposit note, contact address and mailto template - Leads slate and kit slate content; credits heading, source line and extra lines (terms, privacy, imprint) - Swapping or adding a world: bake a Poly Haven HDRI with tools/bake.py (ladder, still, silhouette), add a worlds entry, point a chapter at it - Scroll length (film.lengthVh); overlay timing per chapter via an optional overlays override - Itinerary trailer line (itinerary.trailer, empty for none); per-world flat fallback tone (worlds.<w>.tone) - Static <head> (title, description, theme colour, favicon) regenerated from content.js with node tools/apply-content.mjs, or by editing the four documented lines Requirements: - Serve: Any static HTTP server (ES modules + fetch; file:// will not work) - Browser: WebGL 2 or WebGL 1; without WebGL or with prefers-reduced-motion the still-plate page is served - Tools: Python 3.9+, numpy, opencv-python, Pillow — only to bake new plates - Network: None at runtime; zero external requests Limits: - A real booking flow, seat inventory or inbox behind ASK FOR A SEAT (it is a mailto) - Sound (silent by design) - Changing the typefaces without editing style.css (identity lock) - More than one opening or more than one last-frame chapter - Non-equirect plates (the sampler expects 2:1 equirect webp) - Verified on Safari or a phone GPU in this release (supported by construction; run on real hardware before launch) 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 |
|---|---|---|---|
| Rogland Sunset, Kiara 1 Dawn and Rogland Clear Night HDRIs | Greg Zaal, Poly Haven | CC0 1.0 | Nothing required; the credit line in LICENSES.md is kept as a courtesy |
| Lago d'Isola HDRI | Andreas Mischok, Poly Haven | CC0 1.0 | Nothing required; the credit line in LICENSES.md is kept as a courtesy |
| Bebas Neue | Google Fonts | SIL OFL 1.1 | Keep its OFL text in assets/fonts |
| Barlow Semi Condensed | Google Fonts | SIL OFL 1.1 | Keep its OFL text in assets/fonts |
MORE PROJECTS