InicioServiciosDiseño de manual de marca

Diseño de manual de marca

Un sistema con el que se puede construir un producto, no un PDF que acaba en un archivo.

Identidad, aplicaciones y reglas para un producto digital: tipografía que cubre los alfabetos que necesitas, contraste comprobado, retícula y estados de interfaz. Elige el alcance que encaja con tu negocio.

4–6 semanas · desde 4.500 USD · Kyiv y en remoto

Ver casos

Elige un formato

Comparar →
La versión corta, para quien está comparando presupuestos. Un manual de marca que se ofrece por unos cientos de dólares suele ser, por regla general, 10–15 páginas de normas de logotipo. Nosotros hacemos otra cosa: un sistema que de verdad se puede construir, con design tokens y documentación para desarrolladores. Si lo que necesitas son normas de logotipo, rápido y barato, no somos la mejor opción — y lo decimos desde el principio.
Doble página del manual de marca de Ridex con reglas de retícula y espaciado

Qué incluye un manual de marca

No una lista de páginas, sino una lista de decisiones que alguien tiene que tomar. Si no las toma el estudio, las tomará un desarrollador — al azar, la noche antes del lanzamiento.

Logotipo y símbolo

Versiones principal, horizontal, compacta y monocroma. Tamaños mínimos para impresión y para pantalla, por separado. Área de respeto. Lo que no se permite — mostrado con ejemplos, no descrito en abstracto.

Color

No «una paleta de seis colores», sino el papel de cada color: principal, acento, superficies, texto, estados de error y de éxito. En HEX, RGB, CMYK y Pantone para impresión. Pares de contraste comprobados según WCAG — si no, descubres durante el desarrollo que el gris de marca sobre blanco no se puede leer.

Tipografía

Una combinación tipográfica, una escala de tamaños, interlineado, comportamiento en pantallas pequeñas. Y soporte para todos los alfabetos en los que vas a publicar — el cirílico, por ejemplo. La mitad de las grotescas de moda no lo tienen, y eso suele salir a la luz cuando los diseños ya están aprobados.

Retícula y espaciado

Una retícula modular, un paso de espaciado, reglas de composición. Esto es lo que convierte un conjunto de elementos en un sistema que otra persona puede continuar.

Gráficos y patrones

Elementos de marca, iconos, enfoque de ilustración, reglas de fotografía.

Aplicaciones

De las tarjetas de visita a la rotulación de vehículos — según el negocio. Para Soloway diseñamos 17 piezas, de una libreta y una taza a una esterilla de yoga y pegatinas.

Componentes digitales

Botones, campos, tarjetas, estados — en una forma con la que un desarrollador puede construir. Esto es lo que les falta a los manuales de marca clásicos, y por eso no sobreviven a la producción.

Design tokens

Colores, tamaños y fuentes exportados en un formato que un desarrollador conecta con una sola línea: variables CSS, una configuración de Tailwind, variables de Figma. Es el puente entre el PDF y el código.

Tono de voz

Cómo habla la marca: qué sí y qué no, con frases reales, no con adjetivos abstractos.

Cómo se ve en la práctica

Ridex — un manual de marca de 21 páginas y la app construida a partir de él

Un servicio de patinetes eléctricos compartidos en Ivano-Frankivsk, una ciudad que nunca había tenido nada parecido. Por eso el manual de marca tenía que explicar no solo cómo se ve la marca, sino qué debe hacer el usuario: acercarse, desbloquear con el móvil, arrancar.

Hicimos el naming, el símbolo, el sistema, el manual de marca — y la app construida a partir de ese manual. Después la identidad pasó a los propios patinetes: rotulación, números, elementos de señalización por la ciudad.

Lo que demuestra: un manual de marca no se pone a prueba en una presentación, sino cuando tienes que construir una pantalla con él y envolver un vehículo en vinilo.

Ver el caso de Ridex →
Branding de Ridex — el símbolo en el rótulo de una tienda
Collage de las 17 aplicaciones del manual de marca de Soloway

Soloway — 30 páginas y 17 aplicaciones

Una marca corporativa en la que el reto no era el símbolo, sino la escala: el sistema tenía que funcionar igual de bien en documentos, merchandising y medios digitales. Treinta páginas de reglas y diecisiete piezas producidas.

Ver el caso de Soloway →

Secret Coffee — una marca que sigue funcionando

Identidad, una app de suscripción y una tienda online. Lo más valioso aquí no es lo visual, sino que la marca sigue viva y en uso, sin rediseño. Es la prueba más honesta de un sistema: no cómo se ve en la propuesta, sino si aguanta el uso diario.

Ver el caso de Secret Coffee →
Identidad de Secret Coffee en el envase del café

Siete errores que hacen que un manual de marca no funcione

Hemos hecho alrededor de una docena de manuales de marca y hemos heredado otros tantos de otros estudios cuando nos llamaron para construir el producto. Esta es la lista de lo que falla con más frecuencia.

01

Una tipografía sin los alfabetos que necesitas

El error más común, y el más caro. La tipografía se elige por cómo queda en una maqueta en inglés, el manual de marca se aprueba — y luego resulta que la fuente no cubre el idioma que de verdad necesitas: sin cirílico para el ucraniano u otros mercados, por ejemplo. A partir de ahí tienes dos opciones: cambiar la fuente y rehacer todo el sistema, o meter un sustituto cualquiera y ver cómo la marca pierde reconocimiento en ese mercado. Compruébalo antes del primer concepto, no después.

02

Colores sin roles

Una paleta de seis muestras no dice qué color indica un error en un formulario, cuál es el fondo de una tarjeta y cuál es el texto sobre ese fondo. Decide el desarrollador — y decide distinto en cada pantalla nueva. Un año después el producto tiene veinte tonos en lugar de seis.

03

Contraste que nadie comprobó

Un gris de marca claro sobre blanco queda elegante en una presentación e ilegible en un móvil bajo el sol. Si el manual de marca no fija pares comprobados, la accesibilidad hay que rescatarla durante el desarrollo — y para entonces ya se ha perdido la mitad de los colores de marca.

04

Sin tamaño mínimo de logotipo para pantalla

Las reglas suelen escribirse para impresión: «no menor de 20 mm». Qué significa eso en píxeles en un avatar de 44×44 no se indica en ningún sitio. Resultado: el símbolo se convierte en una mancha en la cabecera móvil.

05

Sin estados

El botón está dibujado en un solo estado. Qué le pasa al pasar el cursor, al pulsarlo, desactivado, cargando — no se describe. Son cuatro decisiones por elemento que otra persona tomará por ti.

06

El manual de marca como imagen, no como datos

Un PDF del que un desarrollador copia a mano los códigos de color. Cada copia es una oportunidad de equivocarse, y los errores aparecen seis meses después. Los design tokens lo resuelven por completo: un valor, una fuente.

07

Sin reglas para lo que aún no existe

Un buen manual de marca describe no solo las aplicaciones existentes, sino el principio para crear las siguientes. Si no, la primera tarea nueva — del envase a un banner — empieza desde cero.

Nuestros manuales de marca desde 2021 cubren los siete puntos. No porque seamos más listos, sino porque hemos construido productos a partir de nuestros propios documentos y hemos tropezado con cada uno de estos errores una vez.

Doble página del manual de marca de Ridex — tipografía y patrón de marca

Tipos de manual de marca

No todo el mundo necesita el paquete completo. Tres formatos que de verdad tienen sentido:

Manual de logotipo

desde 2.000 USD

Logotipo, colores, fuentes, reglas básicas. 10–15 páginas. Encaja cuando la marca acaba de nacer y necesita una base para mantener la coherencia.

Limitación: no se puede construir una interfaz con él.

Manual de marca

desde 4.500 USD

Identidad completa: sistema, aplicaciones, gráficos, tono de voz, 25–35 páginas. La opción estándar para un negocio que entra en el mercado o renueva su imagen.

Manual de marca con sistema de diseño

desde 8.000 USD

Todo lo anterior más componentes digitales, estados, design tokens y documentación para desarrolladores. Se elige cuando justo después del manual de marca viene una web o una app — es decir, casi siempre.

Si después del manual de marca hay un producto previsto, la tercera opción cuesta menos que «manual de marca ahora + adaptarlo para desarrollo después». No acabas pagando dos veces por las mismas decisiones.

Qué influye en el precio: el número de aplicaciones, si necesitas naming, el número de idiomas, la profundidad del estudio de mercado, la urgencia.

Cuál elegir: comparativa

—Manual de logotipoManual de marcaManual de marca + sistema de diseño
Logotipo y versiones✓✓✓
Colores con rolesbásico✓✓
Escala tipográfica—✓✓
Retícula y espaciado—✓✓
Aplicaciones2–38–158–15
Tono de voz—✓✓
Componentes digitales y estados——✓
Design tokens para desarrollo——✓
Listo para construir un productonoen partesí
Plazo2–3 semanas4–6 semanas5–7 semanas

El escenario más habitual: se elige la opción intermedia, tres meses después se empieza una web — y hay que volver a por la tercera. Si tienes un producto en mente, sale más barato elegir la tercera desde el principio.

Cómo trabajamos

01

Investigación — 3–5 días

El nicho, 3–5 competidores, el público. El resultado es un informe breve, no una presentación de cien diapositivas. Te lo mostramos antes de empezar a dibujar, para que los desacuerdos salgan en esta fase y no en la cuarta.

02

Plataforma de marca — 3–4 días

Posicionamiento, valores, tono de voz. Dos o tres páginas para que las apruebes. Todo lo que se diseña después se apoya en ese documento.

03

Identidad — 1,5–2 semanas

Tres conceptos de símbolo, se elige uno y luego se perfecciona. No enseñamos treinta opciones: tres bien desarrolladas valen más que treinta superficiales.

04

Sistema y aplicaciones — 1–1,5 semanas

Paleta, tipografía, retícula, patrones, un conjunto de aplicaciones para tu negocio concreto.

05

Manual de marca y entrega — 3–5 días

El documento, los archivos fuente, los design tokens, las licencias de las fuentes. Y una sesión de una hora con las personas que lo van a usar a partir de entonces.

4–6 semanas en total. Dos rondas de cambios en cada fase están incluidas en el precio.

Doble página del manual de marca de Ridex — colores de marca y rotulación de vehículos

Precio

A la vista, porque los precios ocultos hacen perder el tiempo a las dos partes.

FormatoRangoPlazo
Manual de logotipo2.000 – 3.500 USD2–3 semanas
Manual de marca4.500 – 8.000 USD4–6 semanas
Manual de marca + sistema de diseño8.000 – 12.500 USD5–7 semanas
Naming por separado1.000 – 2.000 USD1–2 semanas

El pago es 50 / 50: la mitad al inicio y la otra mitad antes de la entrega. Los derechos pasan a ti una vez pagado el total.

Cómo calculamos el coste

No nos lo sacamos de la manga ni lo calculamos por número de páginas. Tres multiplicadores:

Alcance del sistema

Cuántas aplicaciones, si necesitas componentes digitales, cuántos idiomas. Una marca bilingüe no es «lo mismo más una traducción» — significa probar cada decisión con dos alfabetos.

Profundidad de la investigación

Un mercado nuevo requiere análisis; renovar una marca existente a menudo solo requiere una auditoría de lo que ya hay.

Urgencia

Reducir el plazo a la mitad cuesta más no porque nos aprovechemos, sino porque el trabajo en paralelo necesita más personas y más aprobaciones.

Qué recibes exactamente en los archivos

La lista importa: «manual de marca» significa un paquete distinto en cada estudio, y sin ella no se pueden comparar presupuestos.

  • PDF del manual de marca — el documento principal, pensado tanto para verlo en pantalla como para imprimirlo
  • Logotipo vectorial — SVG, AI, EPS: todas las versiones, incluidas la monocroma y la compacta
  • Versiones rasterizadas — PNG con fondo transparente en tres tamaños, un favicon y un juego de iconos de app
  • Fuentes — archivos y licencias, por separado para web e impresión. Si la tipografía es de pago, te decimos el coste antes de la aprobación, no después
  • Design tokens — JSON, variables CSS, configuración de Tailwind, variables de Figma
  • Diseños de aplicaciones — listos para imprenta, con sangrado y el perfil de color correcto
  • Archivo de Figma — con componentes, no imágenes planas
  • Patrones y gráficos — archivos fuente, no exportaciones

Todo se entrega en un único archivo comprimido más acceso a Figma. Los derechos pasan a ti una vez pagado el total, sin restricciones de uso.

Para quién no es este servicio

Con honestidad, para que ninguno de los dos pierda el tiempo:

  • Necesitas un logotipo en una semana por 300 dólares. Es un encargo perfectamente normal, solo que no es el nuestro — un freelance lo hará más rápido y más barato
  • Ya tienes una marca que te gusta y solo necesitas una web. Entonces esta no es tu página — lo que necesitas es desarrollo web
  • Las decisiones las toma un comité de ocho personas sin nadie con la última palabra. Trabajamos con un único cliente que puede decir «sí»
  • Quieres algo «como la competencia, pero de otro color». No lo aceptamos — no es ahorrar, es aplazar una repetición

Qué nos diferencia

Escribimos código a partir de nuestros propios manuales de marca

No es un eslogan: en nuestro portfolio hay proyectos en los que hicimos tanto la marca como el producto — Ridex, Secret Coffee. Por eso nuestros documentos no contienen decisiones que no se puedan construir.

Sin traspaso de diseño a desarrollo

Es la fase más cara de la mayoría de los proyectos: volver a interpretar maquetas, preguntas sin nadie que las responda, estados que no existen en Figma. Con nosotros, la cadena termina dentro del equipo.

Design tokens incluidos

El desarrollador recibe variables que se conectan con una sola línea, no imágenes.

Seguimos ahí después de la entrega

Un manual de marca no es el final del trabajo, es el comienzo de su uso. Las preguntas surgen en el tercer mes, y las respondemos.

Preguntas frecuentes

Servicios relacionados

Branding para cafeterías y tostadoresIdentidad corporativaNamingUI/UX de productoDesarrollo webMarca y producto juntos

Cuéntanos qué vas a lanzar

Respondemos en un día hábil.

* Campos obligatorios