Galería de arte · Demo2026

TINTA

Demo de concepto
Scroll
TipoDemo de concepto
Año2026
StackNext.js
EstadoLIVE
Next.jsWebGLGSAPDemo
Contexto

TINTA es una demo de concepto autoiniciada, no un encargo real: un espacio curatorial ficticio para una galería de obra sobre papel en Madrid. La construí para enseñar hasta dónde llega el estudio cuando no hay freno de cliente, no para un negocio existente.

La intención

TINTA no es un encargo: es una demo de concepto autoiniciada. Un espacio curatorial ficticio para una galería de obra sobre papel en Madrid, construido sin freno de cliente para enseñar hasta dónde llega el estudio cuando no hay nadie que diga "esto no". El objetivo no era vender: era demostrar techo técnico y dirección de arte.

El enfoque

La apuesta: tratar un ejercicio libre con el rigor de un encargo real. Fijar un criterio curatorial estricto y usarlo como vara de medir cada decisión técnica —si un efecto no sirve a la obra expuesta, fuera. La libertad como disciplina, no como capricho.

  • Demo de concepto
  • Sin freno de cliente
  • Sumi-e digital
  • Techo técnico
Proceso
  1. Concepto

    Una galería que no existe

    Inventé la galería entera —nombre, identidad, criterio curatorial— para tener un campo libre donde empujar la técnica sin las restricciones de un proyecto real.

  2. Dirección de arte

    Sumi-e digital y sello hanko

    Tomé la estética de la tinta japonesa: fondo sumi negro, papel hueso, un único bermellón de sello hanko. El hero es tinta líquida en WebGL que reacciona en tiempo real.

  3. Sistema

    Editorial sobre negro

    Fraunces para lo expositivo, IBM Plex Mono para los datos de obra. Retícula editorial estricta sobre sumi black, con el bermellón como único punto de tensión.

  4. Build

    WebGL y View Transitions

    Programé el hero de tinta reactivo y transiciones de elemento compartido con la View Transitions API entre obra y obra. Pieza de demostración: técnica visible, sin compromisos de cliente.

Solución

Programé un hero WebGL de tinta sumi-e que reacciona en tiempo real, transiciones de elemento compartido con la View Transitions API y una retícula editorial sobre fondo sumi black con sello hanko bermellón. Una pieza de demostración técnica y de dirección de arte.

Sistema de diseño

El sistema traduce la tinta japonesa a la pantalla. Sumi black de fondo, papel hueso para el texto y un único bermellón de sello hanko como toda la tensión cromática. Menos es más, llevado al extremo expositivo.

Sumi black#0C0B0AFondo
Papel#FAF8F5Texto principal
Bermellón#C23616Acento — hanko
Piedra#7D7974Atenuado
DisplayFrauncesSerif · 300 · expositivo
TINTA
DatosIBM Plex MonoMono · 400 · 14px
Obra sobre papel · 2026
  • Sumi black de fondo: el papel y la obra son la luz.
  • Un único bermellón: el sello hanko concentra toda la tensión.
  • Fraunces para exponer, mono para catalogar: dos registros, cero ruido.
  • WebGL al servicio del concepto, no del efectismo.
El sistema en uso

El concepto solo se demuestra si la técnica aparece donde importa. Estos son los puntos donde TINTA enseña el techo del estudio.

  • 01 · Hero de tinta WebGL

    Tinta sumi-e líquida que reacciona en tiempo real: la primera pantalla es ya la demostración técnica.

  • 02 · Transición entre obras

    View Transitions API con elemento compartido encadena obra con obra como un pase curatorial, sin cortes.

  • 03 · Retícula expositiva

    Fraunces para exponer, IBM Plex Mono para los datos de obra, sobre sumi black —dos registros, cero ruido.

  • 04 · Sello hanko

    Un único bermellón concentra toda la tensión cromática, como el sello rojo sobre la tinta negra.

Diseño web premium para TINTA — Galería de arte · Demo · caso de estudio LhabiaStudio Madrid
Demostración

TINTA cumple su función real: enseñar el techo del estudio sin las concesiones de un cliente. Hero de tinta sumi-e reactivo, View Transitions entre obras y una dirección de arte que no pide permiso. No vendió un cuadro —nunca fue el objetivo. Vendió capacidad.

WebGLHero de tinta reactivo en tiempo real
691 KBPeso con hero WebGL — carga en 4,4 s (Lighthouse móvil)
0Freno de cliente — autoiniciada

Sin un cliente que frene, una demo enseña lo que un encargo esconde: hasta dónde llega el estudio.

© 2026 LhabiaStudioDiseño y desarrollo web · Madrid