Aether Motors
Características principales
Estética de carrocero de precisión: papel carbón + tinta + rojo competición con estrategia Committed
Trío tipográfico Bebas Neue (display) + Figtree (cuerpo) + IBM Plex Mono (etiquetas técnicas)
Hero con dibujo SVG inline del GT, 3 callouts técnicos y parallax
Tabla Compare de versiones (GT / GT-S / ONE) — los CTAs preseleccionan el modelo del formulario
i18n en 6 idiomas con cambio instantáneo, SEO traducido y detección de idioma del navegador
Modo oscuro/claro, reveals clip-path, CTAs magnéticos y fallbacks prefers-reduced-motion
Descripción
Aether Motors es una landing page premium para un atelier de gran turismos eléctricos a medida. Diseñada con estética de carrocero de precisión: superficies de papel carbón (#f5f5f2), tipografía tinta (#15161a) y acentos rojo competición (#d42b12) con estrategia de color Committed. Bebas Neue en titulares póster, Figtree humanista para el cuerpo e IBM Plex Mono para etiquetas técnicas. Secciones: hero con dibujo SVG inline del perfil lateral del GT y 3 callouts técnicos, declaración editorial con corte FIG.01 del chasis, tabla Compare de 3 versiones (GT / GT-S / ONE) cuyos CTAs preseleccionan el modelo del formulario, dos filas de atelier con figuras SVG y pills de especificaciones, tira de proceso real de 4 pasos, citas de propietarios asimétricas, acordeón FAQ de 6 ítems y formulario de encargo completo con radios de modelo, 6 muestras de color, validación y estados de éxito/error. i18n en 6 idiomas (es/en/fr/de/it/pt) con cambio instantáneo y metadatos SEO traducidos, modo oscuro/claro, reveals clip-path con scroll handler rAF-throttled, parallax del coche, CTAs magnéticos y fallbacks prefers-reduced-motion.
Tecnologías utilizadas
HTML
CSS
JavaScript