SOLSTICE — Tres noches de sonido · Festival de música
Características principales
Sistema de póster neobrutalista: Anton condensada + Manrope, lienzo papel en modo día, escenario casi negro en modo noche, paleta lima + coral
Cuenta atrás en vivo hacia la noche inaugural (19 de junio de 2027) con días/horas/minutos/segundos en marcha
Marquesina lima rotatoria con nombres de artistas (animación CSS, pausa al hover, segura con reduced-motion)
Cartel de 10 artistas en rejilla póster asimétrica de 12 columnas — spans variados, fotografía duotono que pasa a color al hover
Horarios por escenario en pestañas: Solar, Cúpula Lunar y Madrugada con franjas horarias y badges de apertura/cabeza de cartel/amanecer
Entradas como superficie Compare: Día €79, Fin de semana €179 (lima, insignia most-loved), Solstice+ €279 con checklists
Toggle de tema Día/Noche (el interruptor del solsticio), CTAs magnéticos, reveals con easing expo-out, acordeón FAQ, newsletter con validación
i18n completo en 6 idiomas (EN/ES/FR/DE/IT/PT) con detección de navegador, switchers dropdown y meta SEO traducida; contraste WCAG AA en ambos temas
Descripción
Landing page de SOLSTICE, un festival de música de tres noches al borde del verano (19–21 de junio de 2027). Sistema de diseño: póster de festival neobrutalista — Anton condensada para displays + Manrope para cuerpo, lienzo blanco papel en modo día y escenario casi negro en modo noche, paleta comprometida de dos acentos lima ácida (#B8F131) + coral escenario (#FF4D5A), sombras duras offset, bordes de tinta de 2px y una sutil rejilla de ingeniería. El toggle Día/Noche hace de interruptor del solsticio (clave kairos-theme). Interacciones distintivas: (1) tarjeta de cuenta atrás en vivo hacia la noche inaugural (308+ días, segundos en marcha); (2) marquesina lima rotatoria con nombres de artistas en bucle CSS sin costuras; (3) cards duotono de artistas que pasan de desaturado a color al hover, en una rejilla póster asimétrica de 12 columnas (spans variados, nunca una cuadrícula de cards idénticas); (4) pestañas de horarios por escenario (Solar / Cúpula Lunar / Madrugada); (5) entradas como superficie Compare — Día €79, Fin de semana €179 (lima, insignia most-loved), Solstice+ €279; (6) botones magnéticos, reveals con easing expo-out, acordeón FAQ, newsletter con validación y banner de cookies con retardo. i18n completo en 6 idiomas (EN/ES/FR/DE/IT/PT) con detección de navegador, switchers dropdown y meta SEO traducida. Contraste WCAG AA verificado en todos los pares texto/fondo en ambos temas; todas las animaciones respetan prefers-reduced-motion.
Tecnologías utilizadas
HTML
CSS
JavaScript