Automotive · Dark

Halftone

An underground night test-drive poster: a halftone-screen video tied to the scroll, a red crosshair at the center of the screen, a tachometer that draws itself and a winding road traced in red.

Palette

--bg#0B0A0A
main black
--bg-2#1A1818
lead-gray of the halftone's faded areas
--red#F21711
accent: crosshair, tachometer needle, road trace, titles, final block
--red-dark#610000
diffuse glow of lanterns and red shadows
--text#F2EFEA
main text and numbers
--text-2#8B8682
paragraph being revealed and captions
--line#3A3636
tachometer scale and dividers

Typography

Display: neo grotesque, medium weight (500), normal case, tracking -0.05em, line-height 0.92; titles at clamp(48px, 7vw, 110px) in red; huge final number at ~25vw — suggestions: Inter Tight / Switzer (Fontshare).
Body: same grotesque 20–26px in the manifesto paragraph with reveal, 11–12px elsewhere.
Support/labels: mono 9–10px uppercase with a red number for section labels and instrument readings — suggestions: JetBrains Mono / Martian Mono.
Treatments: uppercase wordmark with spaced letters (tracking 0.8em); large date and time on the sides of the hero; tabular mono numeric readings (rpm, meters, bends) that count with the scroll.

Sections

Nav — active section label at the top left (red number + mono name), centered spaced wordmark, 2-stroke red menu on the right.
Hero / halftone video — video of the car descending the mountain road at night in a dot screen, tied to the scroll; date on the left and time on the right in large size, red crosshair in the center following the car; mini HUD next to the car.
Manifesto — the video darkens; large paragraph revealed word by word (white → gray), with the final phrase in red; mono note on the right.
Tachometer — large arc drawn with tick marks; red needle that rises with the scroll and a large mono readout; halftone photos and short phrases enter in the corners.
Bends — large red 3-line title on the left; on the right, a winding red trace of the road that draws itself with a counter of bends and meters.
Night (photos) — sequence of full-bleed cinematic photos (gas station, bend, dawn) with a numbered mono caption and a progress indicator.
Book — full-screen red block: title, form with underlined fields and a white pill button; giant white number in the bottom-right corner.
Footer — black, spaced wordmark, small mono columns and a legal line.

Fixed: pill button "book test drive ↗" centered at the bottom across all sections.

Motion and interaction

Halftone video on scroll: scroll scrub with pin → video frames drawn on a canvas and processed by a WebGL halftone-screen shader (dots whose radius varies with luminance), keeping the red of the lanterns.
Crosshair: the red crosshair (12px cross) follows a car trajectory defined by keyframes; the mini HUD is attached to it.
Clock: the side time advances minutes as you scroll.
Text reveal: scrub → words from #3A3636 to white.
Tachometer: SVG — arc and ticks draw via stroke-dashoffset; needle rotates 0→~240° with a mono readout counting rpm; photos enter with clip-path.
Traced road: red SVG path with a scrubbed stroke-dashoffset; mono counters for bends and meters.
Cinematic photos: swap with crossfade + slow zoom 1.08→1.
Lenis: lerp 0.08.

Components

Fixed pill: 1px border in white at 40%, 60% black background with blur, 10px text + ↗.
Section label: red mono number + uppercase mono name.
Crosshair: 12px red 1px cross.
Mini HUD: small 80% black box with 2 mono lines.
Instrument readout: 28px tabular mono number + unit and "01 / 05" index at 8px.
Photo caption: red mono number + 14px title + 10px description.
Underlined field: 8px mono label above, 1px white line at 50%, 12px text.