Empezar

Ejemplos de guías de marca que merece la pena copiar (y lo que a todas les falta)

La mayoría de las listas de ejemplos de guías de marca son galerías de portadas: veinte PDFs preciosos, capturados en pantalla, con una frase de elogio cada uno. Útiles para buscar inspiración, inútiles para construir la propia. Esta es una lista diferente: menos ejemplos, cada uno elegido porque demuestra una decisión que sus guías tendrán que tomar, y una mirada honesta al vacío que ninguna ha logrado cerrar todavía.

Actualizado 2026-08-04

Qué diferencia a unas guías operativas de un PDF bonito

Un documento de guía de marca tiene una sola función: permitir que alguien que no estuvo en la reunión tome la misma decisión que habría tomado el equipo de marca. Cada página cumple esa función o la decora. La prueba es concreta: entregue el documento a un profesional freelance, asígnele una tarea que el documento no muestre literalmente y observe si el resultado final respeta la marca. Los documentos que superan la prueba comparten cuatro propiedades: valores exactos (hex, no 'nuestro azul'), reglas con límites ('el espacio libre mínimo es igual a la altura del logotipo'), decisiones sobre la jerarquía (qué color predomina, cuál apoya, qué nunca aparece junto a qué) y contraejemplos visibles, porque un 'no hacer' comunica más rápido que un párrafo de 'qué hacer'.

Ocho ejemplos públicos, cada uno con una lección específica

  • NASA Graphics Standards Manual (1976). Sigue siendo la referencia para la redacción de reglas: cada regla es medible (espacio libre, tamaños de reproducción, tratamientos prohibidos), razón por la cual los contratistas pudieron aplicarla durante décadas sin preguntar. Copie: reglas redactadas de modo que el cumplimiento sea verificable.
  • Spotify Design Guidelines. El ejemplo más sólido de voz: el documento suena como la marca que gobierna. Copie: escriba las guías con el propio tono de la marca, porque el documento en sí es el primer artefacto que la gente copia.
  • Uber Brand System. Construido para escalar en cientos de mercados: un conjunto pequeño de elementos centrales (logotipo, tipografía, una paleta disciplinada, movimiento) con zonas de flexibilidad explícitas. Copie: separar lo que es fijo de lo que es local, para que el crecimiento no fragmente la marca.
  • Atlassian Design System. El raro documento que tiende un puente entre la marca de marketing y la UI del producto en un solo sistema: los mismos cimientos alimentan tanto las páginas de campaña como el propio software. Copie: una única fuente de verdad para la marca y el producto, no dos documentos que divergen con el tiempo.
  • Slack Media Kit. Corto, público y compuesto principalmente por prohibiciones: archivos de logotipo exactos, espacio libre exacto, una lista de lo que no se debe hacer. Copie: para audiencias externas, un documento pequeño y ejecutable es mejor que uno exhaustivo que nadie lee.
  • Starbucks Creative Expression. Un sitio público, no un PDF, organizado por expresión (color, voz, tipografía) con flexibilidad estacional integrada. Copie: publicar las guías como un sitio vivo para que puedan cambiar sin tener que volver a emitir un documento.
  • Mailchimp Content Style Guide. El ejemplo centrado en la escritura: voz, tono según la situación, decisiones gramaticales, todo público. Copie: la voz merece reglas tan concretas como las del color; el 'amigable pero no tonto' se vuelve real con ejemplos de antes y después.
  • IBM Design Language. El nivel más avanzado: tipografía, color, movimiento, ilustración y fotografía como un único sistema filosófico. Copie: las secciones de cuadrícula y movimiento, las dos áreas que la mayoría de las guías omiten por completo.

Observe que la lección nunca es el estilo visual en sí. Copiar la paleta de Uber produce un Uber peor, no una versión mejor de usted. Lo que se transfiere es la estructura de decisión: qué decidió fijar cada documento, qué dejó flexible y cómo hizo que las reglas fueran verificables.

La anatomía: lo que su documento realmente necesita

  1. Logotipo: archivos, espacio libre en unidades medibles, tamaños mínimos, tratamientos aprobados y prohibidos.
  2. Color: valores exactos (hex/RGB/CMYK) con roles: cuál es el primario, cuáles son superficies, qué texto va sobre qué y las combinaciones que nunca deben aparecer. Tanto modo claro como oscuro, o el tema oscuro será improvisado.
  3. Tipografía: familias con funciones (display, cuerpo, mono), pesos existentes, una escala y límites de longitud de línea.
  4. Voz: tono según la situación con pares de antes/después, no adjetivos.
  5. Imágenes: cómo deben ser la fotografía y la ilustración, con contraejemplos reales.
  6. Pares de hacer/no hacer en todo el documento: el formato de lectura más rápido de todo el documento.

El vacío: su próximo lector no es una persona

Cada ejemplo anterior asume un lector humano con gusto y tiempo. Pero una parte creciente de la producción que toca la marca es ahora generada por herramientas de IA: constructores de sitios, agentes de código, generadores de contenido. Un PDF es invisible para todas ellas, razón por la cual empresas con guías preciosas siguen lanzando páginas creadas por IA con el mismo aspecto predeterminado de degradado púrpura que todos los demás. La solución es una segunda proyección de las mismas decisiones en un formato que las máquinas consuman: design tokens exactos, el sistema tipográfico, el espaciado y las reglas de hacer/no hacer como un DESIGN.md que un agente lea o un archivo de tokens que una herramienta importe. Misma marca, una fuente de verdad, dos renderizados: uno para personas, otro para las herramientas que realizan la construcción.

Ese segundo renderizado es lo que es un kit de Identity Forge. Cada kit contiene el núcleo ejecutable por máquinas de las guías de marca (28 design tokens de color semánticos en modo claro y oscuro, una combinación de fuentes con funciones, escala, motivos, lo que se debe y no se debe hacer) exportable como DESIGN.md para agentes, prompts listos para pegar en Lovable, v0 y Bolt, tokens de Tailwind y DTCG, o un tema de shadcn. Comience con un kit y obtendrá generada la mitad difícil y verificable de un documento de guías; la mitad humana (reglas del logotipo, voz, imágenes) queda en sus manos para escribirla encima.

Sage & Slate Editorial

Live render

Rendered from the kit's actual tokens, fonts, and treatments

Sage & SlateOverview
Search anything⌘K
SE

Analytics

Revenue overview

See revenue and retention trends alongside account health.

Jan 1 to Jan 30, 2026
Overview
Analytics
Reports
Notifications

Active users

16.2k

2,491 new

+12%

MRR

$50.2k

Net of churn

+8%

Retention

90%

28-day window

+3%

NPS

70

1,204 replies

+4

Revenue

Last 12 months

$50.2k +18.2%

12m30d7d
JanFebMarAprMayJunJulAugSepOctNovDec

Acquisition

Goal completion

On track
78%of goal
Organic48%
Direct31%
Referral21%

Recent transactions

Latest activity across your workspace

View all
CustomerStatusDateAmount
AR

Alex Rivera

Founder & CEO

Paid2 min ago$1,999.00
MO

Mira Okonkwo

Head of Product

Pending1 hour ago$39.00
JF

Jonas Feld

Design Lead

Processing3 hours ago$299.00

Typography

Plus Jakarta Sans + DM Sans

Color system

28 semantic roles, light + dark

Agent outputs

DESIGN.md, CSS, Tailwind, shadcn

La mitad legible por máquinas de un documento de guías, renderizada en vivo: colores con roles en modo claro y oscuro, una combinación de fuentes con funciones y reglas que un agente puede seguir.

Guías que las herramientas realmente siguen

Elija un kit y exporte su sistema como DESIGN.md, prompts para constructores o tokens: el núcleo ejecutable de las guías de marca, listo antes de que el PDF sea diseñado.

¿Qué deben incluir las guías de marca?

Uso del logotipo con espacios libres medibles y tamaños mínimos, valores de color exactos con roles y combinaciones prohibidas (en modo claro y oscuro), tipografía con funciones por familia y peso, voz y tono con ejemplos de antes y después, dirección de imágenes con contraejemplos y pares de qué hacer y qué no hacer en todo el documento. Añada una exportación legible por máquina (design tokens y un DESIGN.md) para que las herramientas de IA que desarrollen para la marca puedan seguir las mismas reglas.

¿Qué extensión debe tener un documento de guías de marca?

Tan corto como sea posible sin dejar de ser decisivo. El kit público de Slack consiste en unas pocas páginas de reglas ejecutables; el de IBM es extenso porque miles de creadores construyen sobre él a diario. La longitud depende de la audiencia: los socios externos necesitan un documento corto y estricto; los equipos internos pueden usar un sitio dinámico. Un documento exhaustivo que nadie lee siempre pierde frente a uno corto que sí se lee.

¿Existe alguna buena plantilla gratuita de guías de marca?

Las plantillas le dan la lista de capítulos (la anatomía mencionada arriba), que es el 10% fácil. El valor reside en las decisiones que los rellenan, y eso no se puede plantillar: es suyo. La única parte que puede generarse honestamente es el núcleo del sistema de diseño: cualquier kit de Identity Forge exporta gratis design tokens de color resueltos y completos, tipografía y reglas, lo que rellena los capítulos más difíciles de la plantilla con decisiones reales en lugar de marcadores de posición.

¿Cuál es la diferencia entre las guías de marca y un sistema de diseño?

Las guías de marca rigen cada expresión de la marca (logotipo, voz, imágenes, color, tipografía) para el juicio humano; un sistema de diseño implementa el subconjunto de producto digital como design tokens y componentes reutilizables para la construcción. Coinciden en el color y la tipografía, que es precisamente donde deben compartir una única fuente de verdad, o el producto dejará gradualmente de parecerse a la marca.