WEBSITE · PLATE PRO · V1.0.1

Perihelion

A planetarium studio site that is one live-rendered flight: scroll moves a probe along an authored path through a ringed gas giant, a terminator crossing, a nebula volume and a lensed black-hole disc, drawn by one WebGL2 shader. Five chapter holds, a HUD computed from the position, a docking manifest, a mailto booking, a generated flight-log download and an engraved plaque.

Complete single-page websitePlate Pro · $49.50 once

Get Plate Pro · $49.50Already have Pro? Sign in ↗Open in the library ↗

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.

The live site opens for Pro accounts; everyone else sees the recorded preview above. A browser is handed every file a site runs, so the runnable source is not secret: what Pro gives you is the packaged project, the editing guide, the licence and v1 updates.

WHAT YOU RECEIVE

  • The complete source: index.html, style.css, main.js, space.js (the WebGL2 shader) and content.js, with no build step and no dependencies
  • content.js: every word, colour token, font, chapter, manifest row, booking and plaque entry in one file
  • EDITING.md: what each field does, what phones hide, and where phone-visible copy belongs
  • Michroma and Manrope as WOFF2 with their OFL-1.1 licence files
  • Five still plates rendered by the site's own shader, shown when WebGL2 is unavailable or motion is reduced
  • README.md with the run command, and LICENSES.md

WHAT YOU CAN CHANGE

  • Studio name, tagline, mark (inline SVG), edition line and year — content.js identity
  • Six colour tokens (bg, ink, accent, hot, magenta, teal) — content.js colors; all HUD, cards, arcs, plaque, reticle, favicon follow
  • Two fonts (display, text): family, WOFF2 file, weight/range, fallback — content.js fonts
  • Page title, description, lang, robots — content.js meta
  • Every HUD label and unit; the accessible names of the regions — content.js hud
  • The names of the four bodies (reticle labels, HUD target) — content.js bodies
  • The five chapters: anchor id, nav label, HUD name, code, coords, title, lede, body, tags, plaque map label
  • The ending copy; the manifest (six fixed columns, any number of rows, five status colours, optional price per row shown as its own column and always on phones)
  • The booking action: email, subject, prefilled body, labels; the download: filename and labels
  • The plaque: title, entries, diagram labels, scale text, end line; the flight-log strings

NOT THIS

  • Adding, removing or reordering chapters (five holds on a baked flight path)
  • Changing what is rendered — planet, rings, nebula, black hole, disc colours, stars, sun (GLSL in space.js)
  • Changing the flight path, hold positions, exposure/velocity profiles (main.js KEYS/SC)
  • A light theme (the glass and the render assume a dark ground)
  • Layout, type sizes, breakpoints, HUD geometry (style.css)
  • Video, photographs, textures or a CMS; server-rendered copy for SEO (copy mounts from content.js at load)

USE IT WITH YOUR CODING AGENT

You download it. Your agent makes it yours.

  1. Get Plate Pro, or sign in if you already have it, and download the ZIP from the library.
  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 Perihelion, project perihelion, 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 a Plate Pro pack. Download it from the Plate library (https://getplate.pages.dev/library.html?project=perihelion, "Download source") while signed in to Plate with Pro; the file comes from https://getplate.pages.dev/api/pack?slug=perihelion 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: a66a771b0590a7d037f8697fe31582c76a63c500bdb4ee0393be30d750c8ea73 (1059145 bytes, version 1.0.1). 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:
- Studio name, tagline, mark (inline SVG), edition line and year — content.js identity
- Six colour tokens (bg, ink, accent, hot, magenta, teal) — content.js colors; all HUD, cards, arcs, plaque, reticle, favicon follow
- Two fonts (display, text): family, WOFF2 file, weight/range, fallback — content.js fonts
- Page title, description, lang, robots — content.js meta
- Every HUD label and unit; the accessible names of the regions — content.js hud
- The names of the four bodies (reticle labels, HUD target) — content.js bodies
- The five chapters: anchor id, nav label, HUD name, code, coords, title, lede, body, tags, plaque map label
- The ending copy; the manifest (six fixed columns, any number of rows, five status colours, optional price per row shown as its own column and always on phones)
- The booking action: email, subject, prefilled body, labels; the download: filename and labels
- The plaque: title, entries, diagram labels, scale text, end line; the flight-log strings

Requirements:
- Static HTTP hosting (no server code, no build); does not run from file://
- WebGL2 for the live flight (Chrome/Edge 56+, Firefox 51+, Safari 15+, iOS 15+); still plates without it
- A GPU that renders the scene at 0.66x canvas under 14 ms, else the site drops to 0.5x on its own
- Verified: Chromium 1440x900 and 390x844, RTX 3070 via ANGLE D3D11; Safari/Firefox paths written, not run

Limits:
- Adding, removing or reordering chapters (five holds on a baked flight path)
- Changing what is rendered — planet, rings, nebula, black hole, disc colours, stars, sun (GLSL in space.js)
- Changing the flight path, hold positions, exposure/velocity profiles (main.js KEYS/SC)
- A light theme (the glass and the render assume a dark ground)
- Layout, type sizes, breakpoints, HUD geometry (style.css)
- Video, photographs, textures or a CMS; server-rendered copy for SEO (copy mounts from content.js at load)

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 Perihelion in the library, then "Customize prompt".

CREDITS, VERSION, ARCHIVE

What travels with it

WhatSourceLicenceKeep
MichromaGoogle FontsSIL OFL 1.1Keep assets/fonts/OFL-Michroma.txt
ManropeGoogle FontsSIL OFL 1.1Keep assets/fonts/OFL-Manrope.txt
Still platesRendered by the site's own shaderPart of the pack; no third-party artNothing to credit

Archive: version 1.0.1 · 1.0 MB (1059145 bytes) · 17 files · SHA-256 a66a771b0590a7d037f8697fe31582c76a63c500bdb4ee0393be30d750c8ea73

Checked 2026-09-27: Masthead contrast fix over 1.0.0 (2026.09.13b). On the way into chapter 01 the sun sat directly behind the studio name and tagline; they now get a soft local shade and halo only while the sun is there, and the still-plates layout gets the horizon's glass masthead. Headed Chrome 153 on an RTX 3070 (ANGLE D3D11) with real mouse-wheel input, contrast measured from rendered pixels, each glyph pixel against the pixel behind it (10th percentile): at the chapter 01 hold the name went from 1.05:1 to 11.96:1 at 1920x1080 and from 1.13:1 to 12.74:1 at 1440x900, the tagline from 1.01:1 to 8.55:1 and 8.47:1; at 390x844 the sun never sits behind the name (14.8:1, unchanged). Whole-page wheel sweeps, name under 3:1: 16 of 90 steps before, 0 after at 1920x1080; 13 of 78 before, 1 after at 1440x900 (a chapter card passing under the masthead, 2.82:1 and the same in 1.0.0); 0 of 97 at 390x844 both; reduced motion 11 of 45 and 16 of 55 before, 0 after at 1920x1080 and 390x844. Rendered at fixed time, every chapter stop other than 01 matches 1.0.0 within run-to-run noise, and all six at 390x844 are pixel-identical; at 01 only the masthead corner changes. Zero page errors, zero failed requests and zero console messages in every run. Archive sha256 checked, extracted, and the extracted copy measured at the 1920x1080 chapter stops with the same result. Not rerun from 1.0.0: the keyboard path, no-WebGL still plates, context loss and restore, adaptive resolution and the missing-plate case; Safari and Firefox not run.

Included in Plate Pro v1 updates; 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