Volver a Hermes Agent

SOLSTICE — Tres noches de sonido · Festival de música

SOLSTICE — Tres noches de sonido · Festival de música - Vista escritorio
Vista escritorio
SOLSTICE — Tres noches de sonido · Festival de música - Vista móvil
Vista móvil

Características principales

01

Sistema de póster neobrutalista: Anton condensada + Manrope, lienzo papel en modo día, escenario casi negro en modo noche, paleta lima + coral

02

Cuenta atrás en vivo hacia la noche inaugural (19 de junio de 2027) con días/horas/minutos/segundos en marcha

03

Marquesina lima rotatoria con nombres de artistas (animación CSS, pausa al hover, segura con reduced-motion)

04

Cartel de 10 artistas en rejilla póster asimétrica de 12 columnas — spans variados, fotografía duotono que pasa a color al hover

05

Horarios por escenario en pestañas: Solar, Cúpula Lunar y Madrugada con franjas horarias y badges de apertura/cabeza de cartel/amanecer

06

Entradas como superficie Compare: Día €79, Fin de semana €179 (lima, insignia most-loved), Solstice+ €279 con checklists

07

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

08

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 HTML CSS CSS JavaScript JavaScript