Aether Motors
Source code 
Key features
Precision coachbuilder aesthetic: carbon paper + ink + racing red on a Committed color strategy
Bebas Neue (display) + Figtree (body) + IBM Plex Mono (technical labels) typography trio
Hero with hand-built inline-SVG GT side-profile drawing, 3 technical callouts and parallax
Compare trim table (GT / GT-S / ONE) — CTAs pre-select the commission form model
6-language i18n with instant switching, translated SEO metadata and browser-language detection
Dark/light mode, clip-path wipe reveals, magnetic CTAs and prefers-reduced-motion fallbacks
Description
Aether Motors is a premium landing page for a bespoke electric grand tourer atelier. Designed with a precision-coachbuilder aesthetic: carbon paper (#f5f5f2) surfaces, ink (#15161a) typography, and racing red (#d42b12) accents on a Committed color strategy. Bebas Neue poster caps for display, Figtree humanist body, and IBM Plex Mono for technical labels. Sections include a hero with a hand-built inline-SVG GT side-profile drawing and 3 technical callouts, an editorial statement with a FIG.01 chassis cutaway, a 3-trim Compare spec table (GT / GT-S / ONE) with CTAs that preselect the commission form, two atelier rows with SVG figures and spec pills, a genuine 4-step process strip, asymmetric owner quotes, a 6-item FAQ accordion, and a full commission form with model radios, 6 colour swatches, validation and success/error states. 6-language i18n (es/en/fr/de/it/pt) with instant switching and SEO metadata translation, dark/light mode, clip-path wipe reveals driven by a rAF-throttled scroll handler, mouse parallax on the car art, magnetic CTAs, and prefers-reduced-motion fallbacks.
Technologies used
HTML 
CSS 
JavaScript 