Caso nº 00 · el mío

/ rebranding

Bluenze estrenó marca en julio de 2026: logo, color, tipografía, motion y manual. Esta es la historia, con el antes incluido.

Logo✦Color✦Tipografía✦Motion✦Voz✦Manual✦

/ el antes

Estaba bien. Ese era el problema.

La web anterior era correcta: fondo blanco, un azul marino tímido, la tipografía que usa medio internet y seis páginas para decir una cosa. Y hablaba en plural, siendo yo uno.

El problema no era ninguna de esas cosas: es que podía ser de cualquiera. Y cuando lo que vendes es diseño, parecer «de cualquiera» sale caro.

«Tu idea.
Hecha web.»

«Nos traes el ruido: notas, referencias, medio logo en una servilleta.»

palabra por palabra. Hablaba de «nosotros» y éramos… yo.

/ antes · después

Mismo estudio. Otra cara.

( tú haz scroll, que yo barro )

/ qué cambió

Cambió todo. A propósito.

Colorun azul marino que pedía perdónazul eléctrico y un rojo que empuja
TipografíaInter, como medio internetGasoek grita, Familjen habla, Azeret apunta
La voz«nosotros», siendo unohago, publico, te contesto
Motionpartículas flotando porque sícada animación con curva, nombre y trabajo
Sistemaestilos sueltos por páginatokens y once piezas: una sola verdad
Antes✦Después✦

/ el proceso

Un rebranding no es un logo nuevo.

  1. 00

    Miro lo que hay

    Tu marca, tu sector y qué dice cada uno. Lo que funciona se queda; lo que sobra, fuera.

  2. 00

    Concepto

    Una idea que se defiende en una frase. La de Bluenze: un taller donde se nota la mano.

  3. 00

    Sistema

    Logo, color, tipografía, piezas gráficas y motion. Todo con reglas escritas, nada al gusto del día.

  4. 00

    Manual y aterrizaje

    Un brandbook que se usa de verdad, y la marca puesta donde vive: web, redes, correo, factura.

/ qué entrego

Lo que te llevas.

Si te hago el branding —o el lavado de cara—, esto es lo que recibes. Lo mismo que me entregué a mí.

v2.0el manual
/ 02

Color

Hueso #F7F5EE45%
Azul #1F3BF030%
Rojo #E8320F18%
Tinta #1212105%

Seis tintas y cuánto manda cada una — el azul noche y el gris se reparten el resto. Con pares que cumplen contraste.

HEX · RGB · CMYK · pares AA/AAA

/ 03

Tipografía

Display · Gasoek One

Grita titulares

Cuerpo · Familjen Grotesk

Habla claro, de tú a tú.

Meta · Azeret Mono

apunta cifras · 1,2 s · nº 014

Tres familias con jerarquía, tamaños fijados y licencia clara: una grita, una habla, una apunta.

Google Fonts · pesos y tamaños escritos

/ 04

Biblioteca gráfica

Raya tricolor
Estrella 8
La cinta
Destello
Asterisco
El arco
La ventana
Sello dentado
El damero
El zigzag
El cursor
* máx. 3 por vista

Once piezas que te hacen reconocible sin el logo delante. Cada una con su función escrita — nada es decoración.

SVG · Figma · función, no adorno

/ 05

Sistema de motion

Salidacubic-bezier(.22, 1, .36, 1) · 700 ms · reveals y cortinas
Rebotecubic-bezier(.34, 1.56, .64, 1) · 400 ms · botones y estrellas
Buclelinear · continuo · solo cintas y giros
Azucarillo · ease-out · 160 ms — pruébalo aquí →

Cada curva con nombre, duración y trabajo. Nada se mueve porque sí — esta página entera es la demo.

/ 06

Manual de marca

  1. 01Marcael concepto
  2. 02Logotipo4 variantes
  3. 03Color6 tintas
  4. 04Tipografía3 familias
  5. 05Biblioteca gráfica11 piezas
  6. 06Movimiento4 curvas
  7. 07Intro de la web2,4 s máx.
  8. 08Voz y tonosí · no
  9. 09Aplicacionesweb · papel

Nueve secciones con lo que sí, lo que no y por qué. Un manual que se abre, no que se archiva.

PDF · 9 secciones · reglas con ejemplo

/ 07

Aterrizaje

Navegador
Correo
Redes
Plantillas

La marca puesta donde vive: favicon, firma de correo, redes y plantillas. Y si quieres, la web entera — como esta.

/ la tuya

¿Le damos una vuelta a la tuya?

Marca nueva o lavado de cara: cuéntamelo y te digo, claro, qué haría yo.

Cuéntame tu marca →Configura tu web