The concept
Slipstream is the fictional works-team site for Vela Corse, imagined as a glossy car livery stretched over a live engineering terminal. The design avoids photographs entirely. Instead, the car, air, track data, timing systems, and even the rear wing are drawn from HTML, CSS, and SVG. That constraint is part of the Velocity Wing’s argument: speed does not need a photograph when interface motion itself can feel aerodynamic.
The composition alternates clean gloss-white inspection bays with carbon-black performance zones. Signal orange appears only where the car is active: airflow, telemetry, deltas, hardware state, and the names that matter. Oversized Michroma headings behave like sponsor graphics, while Chivo Mono gives every note the clipped authority of pit-wall data.
Techniques under load
Aero Scroll
In main.js, the wheel handler feeds a target scroll position rather than moving the page immediately. The tick() loop eases the actual position toward that target. Outside the DRS zone, the gain is lower and the easing deliberately heavy. setDrs() switches both values as the marked section crosses the viewport, so the page physically responds faster while the Cd display interpolates from 0.782 to 0.411. Touch, keyboard navigation, and reduced-motion users retain native scrolling.
Mechanical wing + live traces
The fixed .wing-overlay uses two layered CSS airfoils and perspective transforms. Entering DRS rotates the flap around its lower edge, drops the assembly into view, and recolors the aero HUD. Every section ends in a compact SVG logger. updateVisuals() maps global scroll progress to --trace-offset, making throttle, brake, steering, and radio traces flow beneath the content.
Cutaway and choreography
The VC-26 is a hand-authored SVG: gradients describe gloss bodywork, a tiny pattern describes carbon weave, and dashed paths animate pressure streams and endplate vortices. Labels remain genuine vector geometry. Its operable pressure probe is positioned by setProbe(); pointer input or runPressureScan() moves the laser station and derives local pressure and flow readouts. The pit stop is pure DOM and CSS. runStop() synchronizes the 2.10-second counter with keyframes for crew movement, wheel changes, jack lift, and the orange operation timeline.
Palette + type tokens
--display resolves to Michroma at regular weight, tightened aggressively for large livery words. --mono resolves to Chivo Mono, using weight and letter-spacing to separate data labels, prose, and timing readouts. The spacing token --pad fluidly scales from 20px on phones to 66px on wide screens.
Reproduce this
Prompt an AI agent to design a fictional motorsport team as an aerodynamic instrument, not a conventional marketing page. Specify one tactile scroll-state change, a code-drawn technical hero object, section-level telemetry, self-hosted technical typography, and a disciplined white–black–signal palette. Require native input fallbacks, reduced-motion behavior, paused background loops when hidden, and screenshot checks at phone, tablet, and desktop widths. Ask for real names, believable lap data, and engineering notes so the visual system has something precise to communicate.