← Home C · Sistema
La página monta las seis secciones del prototipo de Roberto
(secciones-proto) sin tocar la pieza: secciones.css y
secciones.js van tal cual, y el vestido de VOLUMA entra por los
tokens, que es exactamente el contrato de su handoff.
16 columnas en escritorio, 12 abajo de 991 y 4 abajo de 767. Canal fijo de 1.6rem, y el rem es fluido: 10px al ancho de diseño de cada corte, así que todo escala sin media queries de tamaño.
| Token | Valor VOLUMA | Qué viste |
|---|---|---|
--sec-bg | #FFFFFF | la página, claro primero |
--sec-strong | #141416 | títulos y tinta |
--band-bg | #FF5A1F | la franja de la galería: la referencia la lleva naranja y aquí vuelve a serlo |
--band-strong | #140A06 | texto sobre la franja. El naranja vivo es un color CLARO (luminancia .287): aguanta tinta encima, no blanco |
--road-bg | #F1EFEA | la franja de la ruta, opaco obligatorio: recorta la línea al pasar |
--art-glow | brasa al 14% | el barrido de luz detrás del anillo |
--sec-card-solid | #F5F4F2 | tarjetas al apilarse en teléfono, opaco obligatorio |
| Sección | Contenido VOLUMA |
|---|---|
| Hero (propio) | «Pierde el control.» + fecha, horario y venue + telón de foto |
| Concepto | el isotipo fijo como «moneda»; el párrafo que se enciende palabra por palabra es la tesis completa; el anillo son las 12 fotos de la sesión del 21 |
| Proceso | los tres pilares en zigzag: la música manda · te dejas llevar · el cuerpo llega más lejos |
| Cierre | «Descubre a dónde llega tu cuerpo cuando pierdes el control» → Entrar a la lista |
| Características | la noche en cuatro momentos: llegada, el bloque, el cruce, los sets |
| Galería | la franja brasa con las 12 fotos en el carrusel 3D, seis por columna exactas (contrato) |
| Ruta | el recorrido real: Llegada · Leit Motif · [PRADO] · Velabeats · Velabeats, con horas |