Garage Nerve.
Range Discipline.
Trägerwerk 7 is a fictional Baltic high-power rocketry collective. Its visual world combines a scuffed concrete pad, a cold telemetry console, bright Nomex covers, and seven people who document everything. Ambition is allowed to feel large; carelessness is not. Orange marks heat and consequential action. Green marks a live instrument or a safe state.
The page follows one complete flight instead of arranging unrelated feature cards. Dark electronics surround boost and telemetry. Daylight returns with the airframe inspection, then softens into the Baltic recovery field. The emotional arc moves from compression to acceleration to suspension.
A Page That
Sheds Mass.
The opening sequence in main.js advances T−10, fills a continuity track, flashes ignition, and adds .is-ready. That class launches a staggered handoff: copy rises, the rocket enters, and telemetry resolves last. It is a short ceremony, not a toll gate.
At each boundary an IntersectionObserver fires the separator once. CSS moves the paired .stage-shell sleeves away from the glowing core while bolts tumble outward. makeSmoke() adds seven temporary puffs and removes them after their animations. setRailStage() advances the fixed flight rail, so the whole document retains a visible position inside the stack.
Scroll Becomes
Flight Time.
requestFlightUpdate() caps scroll work at one animation frame. updateFlight() reads the plot position once, normalizes it to 0–1, and drives the SVG trace, playhead, altitude, velocity, and phase from that shared value. getPointAtLength() keeps the glowing dot physically attached to the altitude path.
The same file runs the final safety litany through runRangeCheck(). Each response confirms in sequence, the lamp turns green only after the third call, and the control can replay the check. runDeploymentTest() adds a tactile recovery-bench moment: it reefs the CSS canopy, loads the shrouds, tugs the capsule, and reports each state through an accessible live region. When the document is hidden, scheduled drawing stops and CSS animation play states pause.
Pad, Flame
& Phosphor.
The palette uses two dominant fields rather than evenly weighted swatches. Range black owns ascent; pad concrete owns the workshop. Telemetry green is reserved for state and signal, while Nomex orange cuts across both fields. A peach fringe appears only in combustion and deployment light.
Sora supplies tightly tracked mass for headlines. VT323 carries coordinates, witness marks, timing, and values with tabular numerals. Both fonts are self-hosted. Grain comes from a tiny inline SVG turbulence texture; flame, parachute, rocket, gantry, plots, fields, and smoke are CSS or SVG.
Prompt The
Whole Flight.
Ask an AI coding agent for a narrative system, not isolated components. Specify a sequence, material vocabulary, one repeatable signature interaction, exact responsive widths, and firm performance and accessibility limits.