La guía de identidad de Lavable Records: el símbolo, su sistema gráfico abstracto y cómo aplicarlo en piezas físicas y en la web.
Directo
Sin adornos — frases cortas, sin relleno
Nocturno
Bajo perfil — la música habla primero
Preciso
Mecánico, no frío
—
Una lavadora de carga frontal cuya puerta se reemplaza por un plato de tornamesa — el giro del disco y el ciclo de lavado en un mismo trazo. El nombre "Lavable Records" jamás se escribe en mayúsculas.
01
02
Margen mínimo igual al diámetro del plato. Ningún elemento debe invadir ese espacio.
03
24px de alto en digital · 10mm en impreso. Por debajo, el brazo del tornamesa pierde legibilidad.
04
—
Monocromática por naturaleza — negro y blanco puros. Un acento de uso limitado marca estados interactivos en digital.
01
02
Reservado a links, hover y estados en vivo — nunca al símbolo ni al nombre del sello.
—
Única familia — neutral, suiza, sin adornos.
01
Títulos principales, nombre del sello, portadas.
02
Subtítulos, artistas, encabezados de sección.
03
Cuerpo de texto, descripciones, créditos.
04
Etiquetas, catálogo, metadatos.
—
Tres formas del símbolo —tambor, tornamesa, puntos— extendidas en patrones para fondo, textura o separador. Uno por pieza, nunca combinados.
01
02
Siempre en negro sobre blanco o blanco sobre negro — nunca a color, nunca dos patrones combinados.
“No diseñamos para llamar la atención — diseñamos para que el disco siga girando.”
— Lavable Records
—
3000×3000px. Un solo patrón por portada, siempre monocromático; símbolo y título en la misma esquina.
01
El plato calado del símbolo se agranda como elemento gráfico de portada — el mismo componente del logo, a otra escala, nunca un ícono nuevo.
02
Un color de fondo por estilo musical — siempre uno solo, siempre con el símbolo en blanco o negro, nunca a color.
—
Fondo oscuro por defecto, tipografía plana, acento reservado a estados interactivos. Jerarquía por tamaño y espacio, nunca por color — el acento identifica una sola cosa a la vez.
01
El link activo toma el acento (300, legible sobre negro); el resto queda en texto neutro. Los CTAs son siempre outline — nunca un botón sólido a color.
02
La fila activa se marca con fondo neutral-900 y el botón de play en acento — un solo elemento en vivo por vista. Objetivo táctil mínimo de 44px en móvil.
03
El plato del símbolo, al 10-20% de opacidad, ambienta heros y fondos sin competir con el contenido. El ritmo de puntos y la órbita sirven como loaders — nunca como spinners genéricos.
04
Extensiones del mismo vocabulario —tambor, plato, aguja, puntos— para estados y detalles de interfaz que aún no tenían patrón propio.
05
El foco de teclado usa el anillo de acento del sistema — nunca el azul por defecto del navegador.
06
—
Redes sociales, etiqueta de vinilo y merch — mismo símbolo, mismo lenguaje.
01