Plantilla de brand center: páginas, contenido y estructura
Esta página es una plantilla de contenido para un brand center, también llamado brand hub o sitio de manual de marca: el lugar donde el personal, las agencias, los socios y la prensa encuentran las reglas de tu marca y los archivos aprobados. Completa las celdas de aquí: tus respuestas se guardan en este navegador y las tablas se exportan como CSV. El resultado es el plan de contenido para construir el sitio con la herramienta que elijas. La última sección compara los tipos de herramientas que pueden construirlo.
La plantilla cubre qué va en cada página. Para entender la lógica del diseño de la página de inicio, los niveles de acceso y la navegación, lee cómo diseñar un brand center. Para ver con qué frecuencia aparece cada página en 788 brand centers publicados, consulta ejemplos de brand center en cifras.
1. Decisiones que tomar primero
| Decisión | Tu respuesta |
|---|---|
| ¿Quiénes son los dos o tres públicos principales (personal, agencias, socios, prensa)? | |
| ¿Qué le pide cada público con más frecuencia hoy al equipo de marca? | |
| ¿Qué contenido está abierto a cualquiera, cuál requiere un enlace o una contraseña y cuál requiere una cuenta? | |
| ¿Quién es la única persona responsable del brand center, con nombre y apellido? | |
| ¿Qué idiomas necesita en el lanzamiento? | |
| ¿Dónde viven los archivos: en la propia herramienta del brand center o en una biblioteca de recursos de la que lee? | |
| ¿Qué dirección tendrá (por ejemplo, brand.tuempresa.com)? |
La respuesta sobre los archivos decide cuánto mantenimiento necesita el sitio. Si los archivos se suben al brand center a mano, alguien tiene que repetir la subida cada vez que cambia un archivo.
2. Mapa del sitio
Una estructura que funciona para la mayoría de las organizaciones. Quita las páginas para las que no tengas contenido; no publiques páginas vacías.
| Página | Finalidad | Público | Acceso |
|---|---|---|---|
| Inicio | Dice qué es el sitio y lleva a cada público a su contenido | Todas | Abierto |
| Historia de la marca | Propósito, posicionamiento y valores, en una sola pantalla | Personal, agencias | Abierto |
| Logotipo | Variantes, archivos, tamaño mínimo, espacio libre, usos incorrectos | Todas | Abierto |
| Color | Paleta con valores y usos | Diseñadores, agencias | Abierto |
| Tipografía | Tipografías, pesos, jerarquía, archivos de fuentes | Diseñadores, agencias | Abierto; archivos de fuentes restringidos si la licencia lo exige |
| Imágenes | Estilo de fotografía e ilustración, con ejemplos aprobados | Diseñadores, agencias | Abierto |
| Voz y tono | Cómo escribe la marca, con ejemplos | Redactores, agencias, personal | Abierto |
| Aplicaciones | Las reglas aplicadas: papelería, presentaciones, redes sociales, señalética, envases | Diseñadores, agencias | Abierto |
| Plantillas | Archivos editables de los que parte la gente | Personal, socios | Restringido |
| Biblioteca de recursos | Imágenes de producto, material de campaña, video, por colección | Personal, socios, prensa | Mixto, según la colección |
| Campañas | Kits de las campañas vigentes | Personal, socios | Restringido hasta el lanzamiento |
| Kit de prensa | Logotipos, retratos de directivos, texto institucional, contacto de prensa | Prensa | Abierto |
| Novedades | Las últimas incorporaciones y cambios, con fechas | Todas | Abierto |
| Contacto | A quién preguntar y para qué | Todas | Abierto |
3. Página de inicio
| Zona | Contenido | Tu versión |
|---|---|---|
| Cabecera | Tu logotipo tipográfico, la etiqueta «Brand Center», búsqueda, inicio de sesión | |
| Bloque principal | Una frase que diga qué ofrece el sitio, una imagen, un enlace a la biblioteca | |
| Colecciones | De cuatro a seis tarjetas con el nombre de lo que los visitantes vienen a hacer | |
| Acceso rápido | Enlaces permanentes: logotipos, manual de marca, colores, tipografía, plantillas | |
| Novedades | Las tres incorporaciones más recientes, con fechas | |
| Pie de página | Contacto de la marca, condiciones de uso de los recursos |
4. Página de logotipo
| Variante | Para qué se usa | Archivos que ofrecer | Tamaño mínimo | Espacio libre |
|---|---|---|---|---|
| Logotipo principal, a todo color | Opción predeterminada sobre fondos claros | SVG, PNG, PDF o EPS | ||
| Logotipo principal, invertido | Fondos oscuros o fotográficos | SVG, PNG, PDF o EPS | ||
| Logotipo de un solo color | Impresión de un solo color, grabado, bordado | SVG, PDF o EPS | ||
| Versión apilada o compacta | Espacios estrechos | SVG, PNG | ||
| Símbolo o icono solo | Iconos de aplicaciones, avatares de redes sociales, favicons | SVG, PNG en tamaños fijos | ||
| Versión conjunta con otra marca | Uso de socios y patrocinadores | SVG, PDF o EPS |
Después enumera los usos incorrectos, cada uno con una imagen:
| No hagas esto | Por qué |
|---|---|
| Estirar, girar o inclinar el logotipo | |
| Cambiar sus colores | |
| Colocarlo sobre un fondo con muy poco contraste | |
| Añadir efectos como sombras o contornos | |
| Reconstruirlo con otra tipografía | |
| Usar una versión retirada (muestra cuál y qué la reemplazó) |
5. Página de color
| Nombre del color | Función | HEX | RGB | CMYK | Pantone | Uso |
|---|---|---|---|---|---|---|
| Primario | ||||||
| Secundario | ||||||
| De acento | ||||||
| Neutro, oscuro | Texto | |||||
| Neutro, claro | Fondos | |||||
| Estado: correcto, advertencia, error | Solo para la interfaz |
Añade una tabla más para las combinaciones accesibles, porque una paleta no le dice a un diseñador qué color de texto se lee bien sobre qué fondo:
| Color del texto | Color del fondo | Relación de contraste | Cumple WCAG AA para texto de cuerpo (4,5:1) |
|---|---|---|---|
6. Página de tipografía
| Función | Tipografía | Peso | Tamaño e interlineado | Fuente alternativa | Licencia y dónde obtenerla |
|---|---|---|---|---|---|
| Títulos | |||||
| Texto de cuerpo | |||||
| Pies de foto y etiquetas | |||||
| Números y datos | |||||
| Documentos de Office y correo electrónico |
Indica la fuente alternativa para las personas que no pueden instalar la tipografía de la marca. Sin ella, las presentaciones y los documentos se componen con la fuente que el software use por defecto.
7. Página de imágenes
| Tema | Regla | Ejemplo aprobado | Ejemplo que evitar |
|---|---|---|---|
| Temática | |||
| Luz y color | |||
| Composición y recortes | |||
| Personas: quién aparece y cómo | |||
| Fotografía de producto | |||
| Ilustración e iconos | |||
| Imágenes de stock y generadas con IA: permitidas o no, y en qué condiciones |
8. Página de voz y tono
| Principio | Qué significa | Escribe esto | No esto |
|---|---|---|---|
Añade los elementos fijos que piden los redactores: el texto institucional de la empresa en 25, 50 y 100 palabras, la grafía de los nombres de producto, las reglas de mayúsculas y las palabras que la marca no usa.
9. Aplicaciones y plantillas
| Aplicación | Reglas que mostrar | Archivo de plantilla que ofrecer | Responsable |
|---|---|---|---|
| Presentaciones | Diapositivas maestras, diseños de título y de contenido | PowerPoint, Keynote o Google Slides | |
| Documentos y cartas | Papel con membrete, diseño de informes | Word o Google Docs | |
| Firma de correo electrónico | Diseño, tamaño del logotipo, línea legal | HTML o texto | |
| Redes sociales | Imágenes de perfil, formatos de publicación por red | Plantilla editable por formato | |
| Publicidad | Diseños por formato, posición del logotipo | Plantilla editable | |
| Señalética y punto de venta | Tamaños, materiales, colocación | PDF listo para imprimir | |
| Envases | Troqueles, elementos obligatorios | Archivo de troquel | |
| Video | Entradilla y cierre, rótulos inferiores, colocación del logotipo | Archivo de proyecto o plantilla de animación |
10. Colecciones de recursos
| Colección | Contenido | Público | Acceso | Responsable | Fecha de revisión |
|---|---|---|---|---|---|
| Logotipos y marcas | Todas las variantes aprobadas, comprimidas y sueltas | Todas | Abierto | ||
| Imágenes de producto | Packshots e imágenes de estilo de vida por gama | Personal, socios, prensa | Abierto o por enlace | ||
| Kits de campaña | Imágenes clave, plantillas y versiones cortas por campaña | Personal, socios | Restringido hasta el lanzamiento | ||
| Personas y lugares | Retratos de directivos, oficinas, eventos | Personal, prensa | Abierto o por enlace | ||
| Video | Películas de marca, películas de producto, versiones cortas | Personal, socios | Según la película | ||
| Campañas anteriores aún aprobadas | Material que todavía se puede usar | Personal, socios | Restringido |
Cada recurso de una colección necesita un estado, derechos de uso y, cuando corresponda, una fecha de caducidad. Sin esos campos, el sitio no puede dejar de mostrar un archivo que ya no está aprobado.
11. Responsables y mantenimiento
| Tarea | Responsable | Frecuencia |
|---|---|---|
| Revisar la página de inicio y las novedades | Mensual | |
| Quitar logotipos retirados, imágenes caducadas y campañas terminadas | Mensual | |
| Revisar las búsquedas que no devolvieron nada | Mensual | |
| Comprobar que funciona cada enlace de descarga | Trimestral | |
| Revisar el manual de marca frente a la práctica actual | Anual | |
| Revisar quién tiene una cuenta | Cada seis meses |
Herramientas para crear un brand center
La plantilla funciona con cualquiera de estas. Se diferencian en dónde viven los archivos y en quién puede mantener el sitio.
| Tipo de herramienta | Cómo se construye el brand center | Archivos | Conviene a |
|---|---|---|---|
| Plataforma de manuales de marca | Páginas de manual escritas en un editor hecho para documentación de marca y diseño | Subidos a la plataforma o enlazados desde una herramienta de diseño | Equipos cuya necesidad principal son reglas documentadas para diseñadores |
| DAM (digital asset management) con portal de marca | Páginas de portal sobre la biblioteca de recursos | Servidos desde la biblioteca, con versiones, derechos y caducidad | Equipos cuya necesidad principal es distribuir archivos aprobados a mucha gente |
| Constructor de sitios web general o wiki | Páginas construidas a mano con bloques genéricos | Subidos como adjuntos o incrustados desde otro sitio | Marcas pequeñas con pocos archivos y un responsable con conocimientos de web |
| Manual en PDF en una unidad compartida | Un único documento exportado | Sueltos en carpetas | Un punto de partida; no tiene búsqueda y las copias antiguas siguen circulando |
Preguntas que distinguen las opciones:
- Cuando se reemplaza un archivo de logotipo, ¿el sitio muestra el nuevo sin que nadie edite una página?
- ¿Se puede ocultar un recurso automáticamente en su fecha de caducidad?
- ¿Puede un visitante sin cuenta descargar el logotipo?
- ¿Puedes ver qué se descargó y qué buscó la gente?
- ¿Puede alguien ajeno al equipo de diseño actualizar una página?
Si la distribución importa más que la documentación, la lista de comprobación de software de portal de marca tiene la lista completa de requisitos que probar.
Cómo encaja esto en Freedam
Hacemos Freedam, un DAM (digital asset management) con portal de marca, así que pertenece a la segunda fila de la tabla. Lo que cubre de esta plantilla:
- Páginas de logotipo, color y tipografía. La Guía de marca incluye variantes de logotipo con tamaños mínimos y diagramas de espacio libre, muestras de color con valores HEX, RGB, CMYK y Pantone que se copian con un clic, muestras de tipografía con descarga de fuentes, ejemplos de qué hacer y qué no hacer, y una descarga del kit de marca en un archivo ZIP.
- Otras páginas. Las páginas personalizadas se construyen con bloques, se agrupan en espacios con su propia dirección, idioma predeterminado y tema, y tienen un flujo de borrador, revisión y publicado.
- Colecciones de recursos. Las colecciones leen de la biblioteca, de modo que un archivo reemplazado o caducado cambia en el sitio sin editar ninguna página.
- Acceso abierto. El portal público permite que los visitantes sin cuenta exploren, busquen y descarguen lo que permiten las reglas de acceso.
Dos herramientas gratuitas no necesitan cuenta: el generador de brand center crea una vista previa de la página de inicio a partir de tu sitio web, y la galería de brand centers muestra ejemplos reales por sector. La demo es una biblioteca en funcionamiento con una Guía de marca que puedes abrir, y crear un brand center enumera las formas de empezar uno en Freedam.