02 / 04 — Identidad y branding variable fonts @property color-mix() sin librerías

Diseño de identidad y branding para marcas en Madrid

No solo un logo. Un sistema vivo.

Construimos identidades que funcionan en movimiento y en todos los formatos: del símbolo a la tipografía, del color al tono de voz. La marca de al lado no es una imagen fija — está viva. Muévela y regenérala.

marca.viva02 / 04
un sistema · infinitas expresiones

Pasa el cursor: el símbolo se comporta como una marca en uso, flexible pero reconocible.

02Qué incluye

Sistemas de marca vivos, no un logo y a correr.

Una marca coherente en cada punto de contacto: del símbolo al tono, del color al movimiento.

B1

Naming y estrategia de marca

Territorio, atributos y posicionamiento antes que estética. La idea sostiene todo lo demás.

Naming · territorio · propósito
B2

Identidad visual y sistema gráfico

Símbolo, tipografía, color y composición pensados como un sistema reutilizable, no como piezas sueltas.

Símbolo · tipografía · color
B3

Dirección de arte y guidelines

Un manual vivo que cualquiera de tu equipo puede aplicar sin perder coherencia.

Manual · plantillas · arte
B4

Identidad en movimiento

La marca también respira: logo animado, transiciones y un lenguaje de motion propio.

Motion · logo animado · loops
03Tipografía como sistema

Una tipografía que se mueve contigo.

Las fuentes variables dejan que una sola familia exprese todo el rango de la marca. Escribe tu nombre y muévelo: el mismo tipo, mil voces.

tu marca
04El color como pigmento

No una paleta. Un sistema de pigmentos.

Cada marca parte de unos pigmentos base y de las reglas para combinarlos. Elige dos y mézclalos en vivo — el mismo color-mix() que usamos en código.

Pigmento A
Pigmento B
05Tono de voz

La marca también habla.

El mismo mensaje cambia por completo según el tono. Desliza y cámbiale el carácter — la voz es parte del sistema.

CercanoEquilibradoProfesionalInstitucional
Mensaje de bienvenida
tu marca
06Coherencia

Una marca, cada punto de contacto.

Un sistema de verdad se mantiene coherente vaya donde vaya. Cambia el pigmento y míralo propagarse por todos los soportes a la vez.

Pigmento de marca
Web
App móvil
Tarjeta
tu marca
Estudio · Madrid
Social
t@tumarca
07Cómo trabajamos

De la idea al manual vivo.

Cuatro fases conducidas: cada una entrega algo aplicable antes de seguir.

01

Inmersión

Escuchamos la marca, su mercado y su gente antes de dibujar nada.

  • Auditoría
  • Territorio
  • Atributos
02

Concepto

Una idea rectora que sostiene el naming, el tono y toda la estética.

  • Naming
  • Idea rectora
  • Tono
03

Sistema

Símbolo, tipografía, color y motion diseñados como piezas que encajan.

  • Símbolo
  • Tipografía
  • Color · Motion
04

Manual vivo

Guidelines y plantillas para que tu equipo aplique la marca sin perderla.

  • Guidelines
  • Plantillas
  • Aplicaciones
Aviso legal Privacidad Cookies © 2026 Javier Reinón González