Música · Artista independiente2026

DeliriumRemen

Web Artista
Scroll
TipoWeb Artista
Año2026
StackNext.js
EstadoLIVE
Next.jsMotionMúsicaDark
Contexto

Este músico independiente requería un espacio digital que funcionara como extensión de su estética sonora oscura. El reto era crear un entorno que no se clasificara en ningún género visual concreto.

El problema

DeliriumRemen no es un género, es una atmósfera. El reto no era "una web de músico" —era construir un espacio que se leyera como una extensión de su sonido oscuro sin parecerse a ninguna otra web de artista. Nada de plantillas de Spotify, nada de portadas en cuadrícula. El sitio tenía que sonar a él antes de que sonara una sola nota.

El enfoque

La apuesta: tratar la atmósfera como material de diseño. El color deja de ser logo y pasa a ser estado de ánimo —muta de temperatura sin avisar; el vacío deja de ser fondo y pasa a ser silencio entre notas. La identidad sale de la propia música, no de un moodboard.

  • Atmósfera, no género
  • Anti-Spotify
  • Color como estado de ánimo
  • Monospace y vacío
Proceso
  1. Escucha

    Traducir un sonido a una pantalla

    Escuché el material antes de diseñar nada. La identidad no podía salir de un moodboard de Pinterest: tenía que venir de la propia música —oscura, sin etiqueta, en mutación constante.

  2. Dirección de arte

    Monospace y vacío como instrumento

    Elegí una tipografía monospace y espacio negativo extremo: la página respira como un tema con silencios largos. El color no se fija; muta de temperatura sin anunciarse, igual que el directo.

  3. Sistema

    Tres temperaturas sobre el mismo negro

    En lugar de un color de marca, definí tres estados —neutro, cálido y frío— que comparten estructura y fuente. El sitio cambia de temperatura sin romper la coherencia: el color es un estado de ánimo, no un logo.

  4. Build

    Next.js y motion contenido

    Desarrollo con animaciones discretas. La discografía se presenta sin ruido, image-forward, priorizando la carga rápida sobre el efectismo.

Solución

Diseñé un espacio minimalista con tipografía monospace y espacio negativo extremo. La discografía se presenta en una interfaz de base near-black con identidad cromática mutable que cambia de temperatura sin anunciarse.

Sistema de diseño

La identidad no tiene un color fijo: tiene tres temperaturas. Un estado neutro monocromo de base que muta a cálido (ámbar) o a frío (azul) sin anunciarse, siempre sobre negro y siempre en una única familia monospace. El color es un estado de ánimo, no una marca.

Neutro#0A0A0AFondo — estado base
Texto base#D8D8D8Mono neutro
Cálido#C4965AAcento — temperatura cálida
Frío#8AB4C8Acento — temperatura fría
DisplayiA Writer MonoMono · 13px · tracking 0.04em
Discografía completa
CuerpoiA Writer MonoMono · interlineado 1.8
Un espacio que no se clasifica en ningún género.
  • Tres estados de temperatura —neutro, cálido, frío— que mutan sin avisar.
  • Una sola familia monospace (iA Writer Mono): la coherencia nace de la restricción.
  • El neutro es la base; el color es un acento que respira, no la identidad.
  • Sin imágenes: el carácter monospace y el texto son toda la materia.
El sistema en uso

La identidad de tres temperaturas solo significa algo si se nota al recorrer el sitio. Estos son los lugares donde el negro muta y el vacío respira.

  • 01 · Entrada

    Sin logo ni cuadrícula: monospace y espacio negativo extremo te meten en la atmósfera antes de que suene una nota.

  • 02 · Discografía

    Image-forward, sin ruido. La obra se presenta como obra, no como filas de un reproductor.

  • 03 · Estados de temperatura

    El color muta entre neutro, cálido y frío sin anunciarse —el sitio cambia de ánimo igual que el directo, siempre sobre el mismo negro.

  • 04 · Motion contenido

    Animaciones discretas que acompañan el silencio; el efectismo queda fuera para no romper la atmósfera.

Diseño web premium para DeliriumRemen — Música · Artista independiente · caso de estudio LhabiaStudio Madrid
Resultado

El sitio consigue lo que pedía: no parecerse a ninguna otra web de artista. Funciona como una extensión del proyecto sonoro —entras y ya estás dentro de su atmósfera, antes de pulsar play. Carga rápida, motion discreto y una identidad que se reconoce sin un logo.

3Estados de temperatura — neutro / cálido / frío
322 KBPeso de página — carga en 2,6 s (Lighthouse móvil)
0Imágenes — solo carácter y texto

Una web de música no tiene que sonar a Spotify. Tiene que sonar al artista.

© 2026 LhabiaStudioDiseño y desarrollo web · Madrid