La versión corta
- Una guía de estilo de marca es un documento breve de reglas que explica a cualquiera cómo aplicar el logo, los colores, la tipografía, los fondos, las imágenes y la voz de una marca.
- Las guías se usan cuando están escritas como reglas concretas con ejemplos, no como descripciones de cómo debería sentirse la marca.
- La mayoría de las marcas pequeñas solo necesitan una guía de una página con posicionamiento, voz, logo, colores con proporciones, tipografía, fondo y unos ejemplos de sí y no.
- Cada regla se sigue mejor cuando se muestra junto a un ejemplo correcto y otro incorrecto.
- Una guía de estilo sigue viva cuando una persona se encarga de ella, lleva fecha y sus reglas están integradas en las plantillas que la gente ya usa.
En esta página
Una guía de estilo de marca es un conjunto breve de reglas que permite a cualquiera, desde una persona recién llegada hasta un freelance o un asistente de IA, crear algo que se vea y suene como tu marca. Las que la gente usa de verdad tienen tres rasgos en común: son breves, están escritas como reglas concretas y no como descripciones, y cada regla se muestra con un ejemplo. Para la mayoría de las marcas pequeñas, una página bien hecha rinde más que un PDF de cincuenta páginas que nadie abre.
Una guía de estilo es la mitad escrita de tu identidad; el kit de marca son los archivos. Necesitas las dos cosas, y deben remitirse la una a la otra.
Qué incluir en una guía de estilo de marca
| Sección | Guía de una página | La guía completa añade |
|---|---|---|
| Posicionamiento | Una frase: qué haces y para quién | Notas sobre el público, mensajes clave |
| Voz | Tres palabras, dos frases de ejemplo | Lista de palabras, palabras que evitar, tono por canal |
| Logo | Versión principal y de un color, tamaño mínimo, espacio libre | Composiciones, marca compartida, ejemplos de mal uso |
| Color | Códigos hex con nombres, funciones y proporciones | RGB, CMYK, combinaciones accesibles para texto |
| Tipografía | Fuentes de titulares y de texto con tamaños | Escala tipográfica completa, fuentes web y de reserva |
| Fondo | El fondo distintivo y su color plano de reserva | Variaciones por formato, reglas de textura |
| Imágenes | Tres imágenes de ejemplo y una frase | Tratamiento de las fotos, reglas de ilustración |
| Sí y no | De cuatro a seis pares | Un par por sección |
Qué dejar fuera
- Historias largas de la marca y ensayos de la fundadora. Van en tu página Acerca de, no en un documento de trabajo.
- Valores escritos con una sola palabra, como «innovación» y «calidad». Nadie puede aplicarlos.
- Todos los matices posibles de cada color. Enumera los que usas de verdad.
- Páginas de mal uso del logo que nadie haría jamás. Muestra los dos o tres errores que la gente comete de verdad.
- Reglas que no vas a hacer cumplir. Cada regla que ignoras enseña a la gente que toda la guía es opcional.
Escribe reglas, no descripciones
El fallo más común de las guías de estilo es describir donde hay que instruir. «Nuestra paleta es vibrante y optimista» no le dice nada a un diseñador. «El coral es solo para botones y precios» le dice exactamente qué hacer. Cada línea de tu guía debería poder contrastarse con un diseño.
Descripción (inútil)
- Nuestros colores son atrevidos y enérgicos
- Nuestra tipografía es moderna y limpia
- Usamos mucho espacio en blanco
- Nuestra voz es cercana pero profesional
- Las fotos deben sentirse auténticas
Regla (útil)
- El azul noche cubre cerca del 60% de cada diseño; el coral es solo para botones y precios
- Titulares con la fuente de titulares a 64 px o más; texto a 16 px, nunca en negrita
- Deja un margen de al menos el 8% del ancho por cada lado
- Usa contracciones, frases cortas y ningún signo de exclamación
- Solo luz natural, personas en plena tarea, sin sonrisas posadas a cámara
Un ejemplo de guía de estilo de marca de una página
Aquí tienes una guía completa de una página para una panadería inventada. Cabe en una sola pantalla y responde a la mayoría de las preguntas que haría un freelance.
CORNER LOAF: BRAND STYLE GUIDE (v1.2, updated October 2026, owner: Sam)
WHO WE ARE
The neighbourhood bakery that bakes overnight in small batches.
VOICE: warm, unhurried, honest
Yes: "Rye's back tomorrow. We made forty."
No: "Don't miss our AMAZING new rye!!!"
COLOUR (share, job)
Night blue #0e1424 60% backgrounds
Flour #f3e6d0 30% text and panels
Oven glow #e0823d 10% times, prices, buttons only
TYPE
Headlines: condensed sans, 64 px and up, sentence case
Body: humanist sans, 16 to 18 px, regular weight
BACKGROUND
Signature: oven glow rising from the bottom of night blue
Fallback (small sizes, one-colour print): flat night blue
LOGO
Wordmark only. Minimum width 96 px. Clear space = height of the C.
DON'T
Put text over the glow. Use cream backgrounds. Add a second accent.Muestra cada regla con un ejemplo
La gente ojea las guías y mira las imágenes. Pon un ejemplo correcto y otro incorrecto junto a cada regla importante, a ser posible con formatos reales de tu propio feed. La regla de abajo es una que necesita toda marca de degradados o fotos: dónde va el texto.
Incorrecto: el titular pasa por la parte más cargada y brillante del fondo.
Correcto: la zona más tranquila y oscura queda detrás del texto.
Los colores necesitan el mismo tratamiento. Enumera cada uno con su nombre, código, función y proporción, e incluye las combinaciones de texto que superan las pruebas de contraste de color para que nadie tenga que volver a comprobarlas.
Cómo mantener viva una guía de estilo
- 1
Dale un único responsable
Una persona con nombre aprueba los cambios y responde a las preguntas. Una guía que es de todos no la actualiza nadie.
- 2
Ponle fecha y versión
Pon la versión y la fecha arriba del todo para que la gente sepa que tiene la actual.
- 3
Integra las reglas en las plantillas
La mejor regla es la que nadie puede romper sin querer. Las plantillas con el fondo, la tipografía y la posición del logo correctos hacen cumplir la guía en silencio. Mira la coherencia de marca.
- 4
Tenla donde la gente trabaja
Fíjala en tu herramienta de diseño, en la unidad compartida y en el chat del equipo. Si la gente tiene que buscarla, no lo hará.
- 5
Escribe una versión para la IA
Los asistentes siguen bien las reglas claras y literales. Pautas de marca que tu IA pueda seguir muestra cómo adaptar la página.
- 6
Revísala cada trimestre
Elimina las reglas que nadie sigue y añade las preguntas que la gente hizo dos veces.
En Gradiently, el kit de marca guarda tus logos, colores y fuentes junto a cada diseño, y tu Mark lleva el fondo distintivo, así que la mayoría de las reglas de una guía de una página ya están aplicadas cuando alguien abre una plantilla.
Preguntas frecuentes
¿Qué debe incluir una guía de estilo de marca?
Como mínimo: posicionamiento, voz, reglas del logo, colores con códigos hex y proporciones, fuentes con tamaños, el fondo distintivo y su color de reserva, pautas de imágenes y unos ejemplos de sí y no.
¿Cuánto debe durar una guía de estilo de marca?
Lo más breve posible mientras siga respondiendo a preguntas reales. Para la mayoría de las marcas pequeñas basta una página; añade secciones solo cuando la misma pregunta aparezca dos veces.
¿Qué diferencia hay entre una guía de estilo de marca y un kit de marca?
La guía de estilo son las reglas. El kit de marca son los archivos: logos, fuentes, códigos de color, fondos y plantillas. Cada uno debe enlazar al otro.
¿Cómo consigo que la gente siga las pautas de marca?
Escribe reglas concretas con ejemplos, dale a la guía un único responsable e integra las reglas en las plantillas para que lo correcto sea lo más fácil.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil
