Rebranding · Etiqueta · Web
Diofill
Rebranding de una tienda de ropa de segunda mano en Medellín: la etiqueta con el precio convertida en marca.
Identidad y branding
Así trabajamos
No vas a salir de aquí con un logo. Vas a salir sabiendo pedirlo.
Diseñamos identidades visuales completas — no solo un logo, sino tipografía, color, símbolo y voz trabajando como un mismo sistema. Esto no es un generador de marcas: es el mismo criterio que aplicamos en la primera sesión con cada cliente, para que cuando te sientes con nosotros ya sepas nombrar lo que quieres, no solo señalarlo con el dedo.
Solo para personalizar los ejemplos de aquí en adelante. No vamos a dibujar nada con él — eso es precisamente el criterio que construimos juntos antes de tocar un lápiz.
marca.vivaidentidad
un sistema · infinitas expresiones
Pasa el cursor: así se comporta un símbolo bien construido — flexible, pero siempre reconocible.
02Paso 2 · Territorio
Antes de ver nada, hablemos de ti.
Todavía no hay tipografía ni color en pantalla. Solo tres preguntas para que el resto de decisiones tengan algo con lo que compararse.
Cuando tu marca habla, ¿de tú a tú o guardando las formas?
CercaníaDistancia
¿Tu marca vende con la tradición o con lo que viene después?
HerenciaVanguardia
¿Quieres que se note que cuesta, o que se note que es honesta?
DiscretoSuntuoso
Ahora mismo te describes como equilibrado, entre la herencia y la vanguardia y ni discreto ni suntuoso. Muévelo — no hay respuesta correcta, solo la tuya.
03Paso 3 · Tipografía
La tipografía tiene apellidos, no gustos.
No existe "una fuente bonita": existe una clasificación con setenta años de uso en cualquier escuela de diseño — la Vox-ATypI — y cada clase predice cómo se va a comportar tu marca antes de verla en un cartel o en la pantalla de un móvil.
La propuso el tipógrafo Maximilien Vox en 1954 y la adoptó poco después la ATypI, la asociación internacional de tipografía. Sigue siendo la referencia del sector.
03·A
Un vocabulario mínimo antes de comparar
Bucle superior
El cuerpo cerrado superior de una letra de dos pisos, como la "g" — la parte más redonda y reconocible.
O
Garalda · eje inclinado
O
Didona · eje vertical
El eje de modulación es la línea que uniría los puntos más finos de una letra redonda. En las clases más antiguas está inclinado — herencia de la pluma —; en las más recientes se endereza casi del todo.
03·B
Diez clases, reconocidas por comparación
Vox-ATypI
tu marca
✓ Clase reconocida: —
03·C
Banco de pruebas: tu nombre, a distintos tamaños
tu marca
04Paso 4 · Color
El color no significa nada. Recuerda algo.
El azul no transmite confianza: transmite banca, porque llevas décadas viendo bancos azules. Una paleta no empieza eligiendo un color favorito — empieza eligiendo una armonía, la relación matemática entre varios tonos en la rueda cromática.
04·A
La rueda, moviéndose de verdad
35°
tono base
✓ Armonía reconocida: —
04·B
Por qué el código de este sitio usa OKLCH y no HSL
En HSL, el mismo número de luminosidad puede dar un amarillo cegador y un azul casi negro. En OKLCH ese mismo número es el mismo salto de luz que percibe el ojo — por eso las paletas derivadas no hay que retocarlas a mano.
hsl(H 70% 50%) — mismo número, brillo percibido muy distinto
oklch(0.72 0.15 H) — mismo número, brillo percibido constante
05Paso 5 · Símbolo
Cinco formas de llevar un nombre, no una.
Esto no es "elige tu logo": es la taxonomía real que usa cualquier estudio para presupuestar, porque cada tipo cuesta y se repite de forma distinta antes de que funcione.
✓ Tipo reconocido: —
Seguir leyendo en el diario: tu logo no es tu marca →
06Paso 6 · Voz
El tono se nota en lo cotidiano, no en el eslogan.
Cualquier marca puede sonar bien en un titular bonito. La prueba de verdad está en lo operativo — confirmar una cita, anunciar una novedad, explicar cómo funciona algo — que es donde la mayoría cae en el mismo genérico de manual. El tono no es una personalidad: es una distancia — la que decides mantener entre quien habla y quien escucha.
CercanoEquilibradoProfesionalInstitucional
Confirmar una cita
— tu marca
✓ Registro reconocido: —
07Paso 7 · Cierre
Tu vocabulario de marca.
Esto no es tu marca terminada. Es el vocabulario con el que puedes pedirla — y exactamente el punto en el que empezamos nosotros contigo.
Espécimen tipográfico
tu marca
Vox-ATypI · aún sin reconocer — vuelve al paso 03
Armonía de color
Armonía · aún sin reconocer — vuelve al paso 04
Registro de voz
Vuelve al paso 06 y reconoce el tuyo.
Esto es tu vocabulario de marca. Ejecutarlo — dibujar el símbolo, afinar la tipografía real, construir el sistema completo — es el trabajo que hacemos nosotros.
Configura tu presupuesto →Del vocabulario al sistema completo
Esto es exactamente el trabajo que hacemos cuando ejecutamos este criterio: naming, sistema visual, dirección de arte e identidad en movimiento — hasta que cada pieza, en cada formato, habla el mismo idioma.
Así se ve aplicado
Logotipo · Etiqueta · Envase
Manuela
La mermelada de frambuesa de una abuela que quería que la recordaran, convertida en marca.
Identidad · Cartas · Manifiesto
JOMO
Una cafetería de brunch en Barcelona que se llama como lo contrario del FOMO.
Etiqueta · Ilustración
San Lorenzo
Etiqueta para un viñedo de Siena que planta rosales para vigilar sus vides.
Diseño editorial · Revista
Retrouvée
Una revista de viajes que se lee como un álbum: una foto, un número y mucho aire.