El ruido de afuera.
Lo que llevamos adentro.
Dirección artística para la web de AURA.WAV. Un sistema construido sobre la tensión que atraviesa su música: la intensidad del nu metal y la vulnerabilidad de sus letras. Gris mineral, un rojo visceral tomado de su propio material y un azul profundo de luz baja. Tipografía industrial a gran escala contra una voz serif que aparece poco, para que siga sonando distinta.
«Que el mundo escuche lo que hay dentro de mí.»
Marca tipográfica provisoria: se reemplaza por el logotipo oficial de la banda. Las fotografías oficiales se integran en las etapas siguientes.
El sistema se llama Señal / Sedimento. Todo lo que aparece en la web pertenece a uno de esos dos polos, y el diseño vive del pasaje entre uno y otro.
El ruido de afuera
La ciudad, el volumen, la urgencia. Es el polo que gobierna la intensidad: riffs, rap, screams.
Lo que llevamos adentro
Lo íntimo, lo que no se dice en voz alta. Es el polo que gobierna la pausa: melodía, respiración, vulnerabilidad.
La identidad de AURA.WAV no es ninguno de los dos polos por separado: es la tensión entre ellos. Una pantalla nunca es sólo ruido ni sólo silencio — siempre pasa de uno al otro.
Negro mineral, grises de piedra y un rojo visceral. El rojo y el azul no son decorativos: salen del material real de la banda.
Fondo, superficies y silencio. Nunca negro puro: el negro absoluto aplana el grano y el brillo de la imagen.
Fondo global.
Ocupa cerca del 70% del área visible.
Superficie de fichas y bloques.
Primer nivel de profundidad.
Superficie secundaria.
Segundo nivel, sobre grafito.
Bordes, separadores, relleno inerte.
Nunca como color de texto.
Tres niveles de jerarquía. Ningún texto funcional baja de 4.5:1 de contraste sobre tinta.
Texto principal, titulares.
18:1 sobre tinta.
Texto secundario, párrafos extensos.
7.1:1 sobre tinta.
Metadatos, etiquetas, estados inactivos.
4.6:1 — límite inferior permitido.
Acento primario. Rojo saturado tomado del material real de la banda: portada de "Misantropía" y retrato grupal sobre bloque rojo.
Rellenos, indicadores, subrayados, marcas gráficas.
No lleva texto por debajo de 18px en negrita.
Texto de enlace y foco sobre fondo oscuro.
6.2:1 sobre tinta.
Acento secundario. Azul profundo tomado del fotograma cinematográfico de la banda: luz baja, íntima, nocturna.
Halos, degradados y superficies del pasaje introspectivo.
Solo como fondo o brillo.
Acento de texto y detalles de luz.
7.1:1 sobre tinta.
Un color por lanzamiento, tomado de la portada y la miniatura reales. Colorean el bloque del release, nunca el cromo de la interfaz.
Lanzamiento "Su final".
Rotativo.
Lanzamiento "Impulso de Fe".
Rotativo.
Lanzamiento "Oh Shit".
Rotativo.
Una voz industrial para el ruido, una grotesca neutra para que todo se entienda, y una serif que aparece poco para que siga sonando distinta.
Benzin
Peso 700
Tipografía del workspace
RESISTIR
Nombre de sección, títulos de lanzamiento, piezas de impacto. Siempre en mayúsculas y con tracking cerrado. Nunca en párrafos.
Neue Haas Grotesk Display Pro
Peso 500 / 700
Tipografía del workspace
La banda · Música · En vivo
Navegación, botones, subtítulos y encabezados de fichas. Legible a 14px en teléfono.
Neue Haas Unica Pro
Peso 400
Tipografía del workspace
Las letras parten de experiencias personales: ansiedad, soledad, fracaso, fe y búsqueda de propósito.
Biografía, notas de prensa, descripciones. Ancho de línea máximo 68 caracteres.
Recoleta
Peso 400
Tipografía del workspace
Que el mundo escuche lo que hay dentro de mí.
Fragmentos de letra, testimonios y pasajes introspectivos. Es la única voz serif del sistema: se usa poco para que siga sonando distinta.
Monoespaciada del sistema
Peso 400
Pila del sistema — sin descarga
PARANÁ · ENTRE RÍOS · ALT / NU METAL · 2026
Fechas, ciudades, duraciones, numeración de sección. Nunca para párrafos ni titulares.
Toda escala se resuelve con medidas fluidas: el titular nunca se desborda ni obliga a desplazar la pantalla en horizontal. La monoespaciada es la pila del sistema, así que no suma ninguna descarga.
Encuadres, grano y tinte definidos antes de tener los archivos, para que cada imagen oficial entre sin negociar nada.
Encuadre cerrado, mirada fuera de eje, luz de halo detrás del sujeto para dibujar la "aura". Grano visible, piel sin retoque digital.
Sección La banda
Plano cinematográfico apaisado. La banda puede salirse del cuadro: se prioriza tensión y movimiento antes que simetría.
Inicio, En vivo
Nunca recortada ni deformada. Se apoya sobre tinta con aire generoso; el arte manda, la interfaz se retira.
Música
Extraído del video original, sin recompresión agresiva. Se permite marco de película y numeración de fotograma.
Videos, Galería
Base monocromática de alto contraste con un solo tinte: Señal o Sedimento, nunca los dos en la misma pieza.
4–5% constante sobre la imagen. Refuerza la textura analógica que ya está presente en las piezas reales.
Líneas de escaneo sobre la imagen, hasta 12%. Sólo sobre fotografía, jamás sobre texto.
Encuadre definido por contenedor y relación fija. La cara nunca se corta al cambiar de tamaño de pantalla.
Estas cajas son reservas de composición: acá no se muestra ninguna imagen porque todavía no contamos con los archivos oficiales autorizados. Ninguna fotografía genérica va a ocupar el lugar de la banda. Cuando lleguen los originales, cada pieza entra respetando su relación de aspecto, sin recortes que deformen la imagen y sin que la interfaz compita con el sujeto.
Cuatro marcas propias, tomadas de las piezas de la banda. Son lo que va a hacer reconocible la web incluso sin leer el nombre.
Origen: Creciente de la portada de "Misantropía"
Separador, marcador de sección y firma gráfica. Se traza en Señal, hueso o ceniza; nunca en dos colores a la vez.
Origen: Retrato grupal oficial con líneas de escaneo
Se aplica sobre imagen fotográfica, nunca sobre texto pequeño. Opacidad máxima 12% para no romper la legibilidad.
Origen: Bloque rojo con borde dentado del avatar oficial
Contenedor de una sola imagen en momentos de máxima intensidad. Uno por pantalla como máximo.
Origen: Textura presente en todas las piezas reales de la banda
Capa de grano al 4–5% sobre superficies oscuras. Nunca sobre texto ni sobre rostros en primer plano.
Los cuatro recursos salen de material propio de la banda, no de un catálogo de efectos. Eso es lo que hace que la identidad se reconozca incluso sin mostrar el nombre: el arco creciente, la interferencia, el bloque inestable y el grano funcionan como firma visual.
Botones, enlaces, separadores, etiquetas y navegación. Cada estado está definido, incluido el foco de teclado.
Se muestran como enlaces reales para que puedas probarlos: el puntero y el teclado los tratan igual que en la web final.
Dentro de un párrafo, el enlace se marca con subrayado fino y nunca sólo por color.
Baja a Niebla y conserva el subrayado: la posición en la lectura no se pierde.
No disponible
Transiciones cortas y con intención. El movimiento presenta el contenido; nunca lo reemplaza ni distrae de él.
Opacidad de 0 a 1 con desplazamiento vertical de 22px, 620ms, curva (0.2, 0.8, 0.2, 1). Sin rotaciones ni rebotes.
Cambio de color, borde o subrayado en 280ms. Nunca más lento que la intención del visitante.
Estado de presión de botones y foco de teclado: 160ms. El acuse debe sentirse instantáneo.
Capas de fondo a 8% del desplazamiento del contenido. Máximo dos capas: más profundidad vuelve lenta la web.
Aparición editorial
Opacidad y un desplazamiento corto. Sin rebotes, sin rotaciones, sin giros: la entrada acompaña el contenido en lugar de llamar la atención sobre sí misma.
Con «movimiento reducido» activado en tu sistema, esta aparición se convierte en un cambio simple de opacidad.
Superficie hueso, texto tinta. El contraste más alto del sistema: se reserva para la acción principal.
El fondo pasa a Señal y el borde gana definición. El cambio es de color y de peso, no sólo de color.
Contorno de 2px en Señal clara, siempre visible y con 3px de separación del borde. Nunca se elimina el foco.
Doce columnas, asimetría deliberada y vacíos que funcionan como pausa. La densidad alterna para que la página respire.
12 columnas, medianil fluido. Máximo ancho de contenido 1440px.
El titular ocupa de 7 a 9 columnas y se desplaza del centro; el bloque de datos vive en 3 columnas separadas.
Se alternan bloques densos con vacíos amplios: el silencio es parte del ritmo, no espacio perdido.
Líneas de 1px que cortan el ancho completo separan secciones. Nunca cajas cerradas alrededor del contenido.
Escala de 4 / 8 / 16 / 24 / 40 / 64 / 96 / 144 px. Nada intermedio.
Una sola línea base por bloque. Los elementos decorativos pueden salirse de la grilla; el texto, nunca.
El sistema tiene que funcionar igual de bien en un teléfono, en un recital y en una notebook.
Escala fluida con clamp y `overflow-wrap: anywhere` sólo en la marca. Ningún titular provoca desplazamiento horizontal.
Mínimo 44×44px en todo enlace y botón, con 8px de separación entre controles.
En teléfono se desplaza en horizontal dentro de una franja fija; nunca se apila en un menú hamburguesa para seis ítems.
Carga diferida, encuadre controlado por contenedor y relación de aspecto fija: nunca saltos de maquetado.
Grano e interferencia son texturas CSS, sin bibliotecas. El paralaje se desactiva por debajo de 768px.
Con `prefers-reduced-motion` activo, toda aparición pasa a opacidad simple y el desplazamiento suave se anula.
Esta etapa entrega el fundamento. Las secciones públicas se construyen sobre él sin volver a decidir lo ya resuelto.
Esta etapa deja la identidad y sus reglas. Las secciones públicas se construyen sobre este sistema en las etapas siguientes, sin volver a decidir color, tipografía ni movimiento. Cada una llega a esta base ya resuelta.
Tokens de color, familias y escala tipográfica, texturas de grano e interferencia, marca del arco, estados de botones, enlaces, separadores, etiquetas y navegación, criterios de aparición editorial y respeto por el movimiento reducido.
Retratos y fotografía oficial, portadas, fotogramas de videoclip, listado de shows, fichas de producto, formularios de comunidad y contacto, prensa y auspiciantes.
Reproducción de audio automática, suscripciones y notificaciones, gestión de merchandising, panel de administración y accesos privados. Ninguno se adelanta acá.
Qué se pudo consultar y qué no. Sin adornos: si algo no se pudo verificar, queda dicho.
La base cromática y los recursos gráficos se derivaron de material oficial de la banda. Los tonos son estimaciones leídas de esas piezas: antes de usarlos en impresión o en piezas gráficas conviene validarlos contra los archivos originales.
Biografía, integrantes, EP "Misantropía" y singles "Resistir", "Su final", "Impulso de Fe", "Oh Shit".
Miniatura, ficha técnica de producción y letra completa. De aquí sale el fragmento citado en el sistema.
Miniaturas de "Su final", "Impulso de Fe" y "Oh Shit": origen de los acentos de lanzamiento.
Portada del EP, retrato grupal y un fotograma de video. Origen de la base cromática y del tratamiento de interferencia.
El perfil exige sesión iniciada. Sólo se pudo ver la foto de perfil a través del perfil de enlaces.
No se escuchó ni se analizó audio de la banda: la lectura es de material visual y escrito publicado. No se descargó ni se reutilizó ninguna pieza protegida — las portadas, fotografías y fotogramas se consultaron únicamente como referencia de dirección de arte.