Crear una marca
Un asistente guiado te lleva a través de la construcción de un kit de marca paso a paso. Nada es definitivo; cada campo se puede refinar más tarde desde la pestaña Configuración del perfil de marca, que reutiliza los mismos editores que el asistente.
Resumen rápido
- Inicia una nueva marca desde la visión general de marcas.
- Dale un nombre, como mínimo. Ese es el único campo obligatorio.
- Trabaja a través de los seis pasos restantes en orden, o salta a cualquier paso que ya hayas alcanzado haciendo clic en su píldora.
- Revisa el resumen y crea el kit.
- Llega a la pestaña Trabajos del nuevo perfil, listo para adjuntar diseños y medios.
Las píldoras de paso en la parte superior siguen tu progreso: una marca de verificación para un paso completado, una píldora resaltada para el actual. No puedes saltar adelante del paso de identidad hasta que se haya ingresado un nombre, pero una vez que lo hagas, cada píldora posterior se vuelve cliqueable en cualquier orden.
Los siete pasos
| Paso | Lo que configuras |
|---|---|
| 1. Identidad | Nombre, eslogan, descripción, categoría, sitio web, si es tuyo o de un cliente, y redes sociales |
| 2. Logotipo y portada | Un logotipo y una imagen de portada, elegidos de tus medios |
| 3. Paleta de colores | Muestras con roles nombrados como primario, acento, fondo y texto |
| 4. Tipografía | Una fuente de encabezado y una de cuerpo, y una escala tipográfica completa |
| 5. Voz y tono | Tono, arquetipo, mensajes clave, palabras a usar y evitar, y quién puede ver el kit |
| 6. Historia y filosofía | La historia, misión y filosofía de la marca |
| 7. Resumen | Un resumen que confirmas antes de crear |
Paso 1: Identidad
| Campo | Límite | Notas |
|---|---|---|
| Nombre de la marca | 120 caracteres, obligatorio | El único campo que bloquea avanzar |
| Eslogan | 240 caracteres | Línea corta que se muestra debajo del nombre en toda la aplicación |
| Descripción breve | 2.000 caracteres | Alimenta el texto "acerca de" de la marca y sus pautas escritas |
| Categoría | Una de 16 predefinidas | General, Tecnología, Moda y Vestimenta, Belleza y Cuidado, Comida y Bebida, Salud y Bienestar, Finanzas, Educación, Viajes, Hogar y Vida, Entretenimiento y Medios, Deportes, Corporativo, Comercio Electrónico, Agencia, Otro |
| Sitio web | 400 caracteres | También referenciado por la sugerencia de extracción automática en el campo |
| Propiedad | Nuestra / Marca del cliente | Elegir "Marca del cliente" revela un campo de nombre del cliente (160 caracteres) |
| Redes sociales | 200 caracteres cada una | Instagram, X, TikTok, LinkedIn, YouTube |
Paso 2: Logotipo y portada
Ambas imágenes provienen del mismo selector de galería utilizado en todo el espacio de trabajo: elige una imagen existente de tu biblioteca de medios o sube una nueva en el momento. Se recomienda SVG para el logotipo, ya que se mantiene nítido a cualquier tamaño; PNG, JPG y WebP también funcionan. Aquí solo se configuran un logotipo principal y una imagen de portada; las variantes adicionales del logotipo (una versión solo de marca, una versión para fondos oscuros, una marca de agua, etc.) se agregan más tarde desde la pestaña Configuración del perfil.
Paso 3: Paleta de colores
Agrega, edita y elimina muestras, y dale a cada una un nombre y un rol opcional.
| Rol | Propósito |
|---|---|
| Primario, Secundario, Acento | Colores centrales de la marca |
| Fondo, Texto, Enlace | Roles de superficie y contenido utilizados por el verificador de contraste |
| Éxito, Advertencia, Error | Colores de estado |
| Neutro | Cualquier otra cosa |
| Sin rol | Déjalo sin asignar si aún no encaja en un rol |
La paleta comienza con una muestra ya rellenada y establecida como rol primario, para que nunca empieces desde una paleta completamente vacía; edítala o elimínala como cualquier otra muestra. Cada muestra tiene su propio selector de color más un campo hexadecimal escrito, un nombre y un menú desplegable de rol. No hay un límite máximo estricto en la cantidad de muestras que agregas.
Paso 4: Tipografía
Primero elige una fuente de encabezado y una de cuerpo, cada una de la lista de fuentes del sistema, de un conjunto seleccionado de fuentes web, o subiendo tu propio archivo. Debajo de eso, una tabla de escala tipográfica completa te permite sobrescribir la fuente, tamaño, peso, altura de línea y espaciado entre letras para cada nivel de encabezado más los párrafos del cuerpo:
| Nivel | Tamaño predeterminado | Peso predeterminado | Altura de línea predeterminada |
|---|---|---|---|
| H1 | 48px | 700 | 1.15em |
| H2 | 36px | 700 | 1.2em |
| H3 | 28px | 600 | 1.25em |
| H4 | 22px | 600 | 1.3em |
| H5 | 18px | 600 | 1.4em |
| H6 | 16px | 600 | 1.4em |
| Párrafo | 16px | 400 | 1.6em |
Cada nivel usa por defecto la fuente de encabezado (el párrafo usa por defecto la fuente de cuerpo), y cada valor en la tabla se puede sobrescribir por nivel. El espaciado entre letras por defecto es 0em.
Fuentes subidas
Los archivos de fuente subidos tienen un límite de 5 MB y deben ser .ttf, .otf, .woff o .woff2. Antes de ser aceptado, el archivo se verifica en el servidor, se validan sus bytes mágicos y estructura interna, no solo su extensión, y debes confirmar que tienes el derecho de usarlo e incrustarlo. Un archivo que falla la validación es rechazado directamente en lugar de almacenarse silenciosamente. Sube solo fuentes que tengas licencia para usar.
Paso 5: Voz, tono y uso compartido
| Campo | Opciones | Notas |
|---|---|---|
| Tono | 12 chips, selección múltiple | Cálido, Profesional, Audaz, Juguetón, Lujo, Mínimo, Enérgico, Confiable, Creativo, Amigable, Técnico, Divertido |
| Arquetipo | 12 arquetipos de marca, selección única | Creador, Explorador, Sabio, Héroe, Forajido, Mago, Hombre común, Amante, Bufón, Cuidador, Gobernante, Inocente |
| Mensajes clave | 4.000 caracteres | Tu texto estándar y puntos de valor destacados |
| Palabras a usar / evitar | Separadas por comas | Se analizan en dos listas al guardar |
| Uso compartido | Privado / Equipo / Organización | Quién más en tu espacio de trabajo puede ver este kit |
Paso 6: Historia y filosofía
Tres campos de texto más largos: la historia de la marca (4.000 caracteres, se muestra como su texto "acerca de" en el perfil y es utilizado por los asistentes de escritura de IA en otras partes de la aplicación), su filosofía y valores (3.000 caracteres), y su misión (2.000 caracteres).
Paso 7: Resumen
Un resumen de solo lectura: el logotipo (o una letra de marcador de posición si no se configuró ninguno), nombre, eslogan, categoría y propiedad, cada muestra de color como un punto, las fuentes elegidas por rol, y los tonos seleccionados. Nada aquí es editable; usa Atrás para volver a un paso, o confirma para crear el kit y pasar a su perfil.
Cómo usarlo
Construir un kit de cliente desde cero
- Desde la visión general de marcas, haz clic en Crear Marca. Llegas al paso 1 (Identidad).
- Escribe el Nombre de la marca (obligatorio), un Eslogan y una Descripción breve de una o dos oraciones. Elige una Categoría, y bajo Propiedad selecciona Marca del cliente para que aparezca un campo Nombre del cliente; complétalo. Agrega el sitio web y las redes sociales del cliente si los tienes, luego haz clic en Siguiente.
- En Logotipo & Portada, haz clic en Seleccionar de la galería debajo de cada espacio para elegir o subir el logotipo del cliente (SVG preferido) y una imagen de portada.
- En Paleta de Colores, la primera muestra está preconfigurada como rol primario. Edita su hexadecimal, nombre y rol, luego usa Añadir color para cada color adicional de la marca. Para el verificador de contraste más tarde, asigna una muestra al rol fondo y una al rol texto.
- En Tipografía, configura las fuentes de encabezado y cuerpo (cada fuente puede ser Sistema, Google o Cargada). Ajusta las filas de H1-H6 y Párrafo en la escala tipográfica solo si el cliente tiene una especificación concreta.
- Completa Voz & Tono, luego Historia & Filosofía hasta donde lo permita el briefing (todo opcional).
- En Resumen, revisa el logotipo, colores, fuentes y tonos, luego haz clic en Crear la marca. Llegas al perfil del nuevo kit, en la pestaña Trabajos.
Crear un kit mínimo ahora, refinarlo después
- Haz clic en Crear Marca, escribe solo el Nombre de la marca, y haz clic en la píldora de cada paso (o Siguiente) directamente hasta Resumen.
- Haz clic en Crear la marca. El kit se crea solo con un nombre y la paleta y fuentes iniciales predeterminadas.
- Abre el perfil del kit después y termínalo desde Configuración y luego Perfil de la marca, que usa exactamente los mismos editores de campo que el asistente.
Subir una fuente con licencia para la marca
- En el paso Tipografía, establece el menú desplegable de origen de la fuente de encabezado (o cuerpo) en Cargada.
- Escribe el nombre de la familia de la fuente, haz clic en Cargar fuente y elige un archivo
.ttf,.otf,.woffo.woff2de menos de 5 MB. - El archivo se valida en el servidor (firma y estructura, no solo su extensión) y confirmas que tienes los derechos para incrustarlo. Si tiene éxito, ves "Fuente validada y cargada"; un archivo rechazado muestra "Fuente rechazada" con el motivo.
Nunca empiezas desde un kit vacío
El asistente siembra un estado inicial para que nunca estés mirando nada: la paleta se abre con una muestra primaria, y el paso de tipografía se abre con una fuente de encabezado y cuerpo predeterminadas más una escala tipográfica completa. Cámbialos o reemplázalos según avances, pero un kit creado solo con un nombre sigue siendo completo y utilizable.
Tareas comunes
| Objetivo | Haz esto |
|---|---|
| Saltar entre pasos | Haz clic en una píldora de paso (disponible para cualquier paso una vez que se haya ingresado un nombre) |
| Marcar un kit como de cliente | Paso 1, Propiedad = Marca del cliente, luego completa Nombre del cliente |
| Añadir un color y su rol | Paso 3, Añadir color, luego establece el menú desplegable de rol en la nueva muestra |
| Establecer una sobrescritura de tipo por nivel | Paso 4, edita el tamaño, peso, altura de línea o espaciado entre letras en cualquier fila de H1-H6 o Párrafo |
| Reutilizar un mismo tipo de letra en todas partes | Paso 4, elige la misma familia para las filas de encabezado y cuerpo |
| Vista previa de una fuente en su lugar | Cada opción de fuente en el menú desplegable se renderiza en su propio tipo de letra |
| Restringir quién ve el kit | Paso 5, Compartir = Privado (solo tú) |
| Añadir varios tonos | Paso 5, toca cada chip de tono que quieras (son de selección múltiple) |
| Volver un paso atrás | El botón Atrás, o haz clic en una píldora anterior |
Solución de problemas
- El botón Siguiente está atenuado en el paso 1. El Nombre de la marca está vacío. El nombre es el único campo obligatorio; todos los demás pasos pueden dejarse en blanco.
- Una píldora de paso posterior no se puede hacer clic. Aún no has ingresado un nombre. Las píldoras adelante del paso de Identidad permanecen bloqueadas hasta que la marca tenga un nombre.
- Tu carga de fuente fue rechazada ("Fuente rechazada"). El archivo falló la validación del servidor (mala firma o estructura), es del tipo incorrecto o supera los 5 MB. Usa un
.ttf,.otf,.woffo.woff2real para el cual tengas licencia de incrustación. - No puedes dejar la paleta vacía. El paso se abre con una muestra primaria y espera al menos un color; eliminar cada muestra muestra una sugerencia "agrega al menos un color primario".
- El arquetipo muestra "No seleccionado". Dejar el arquetipo sin establecer está bien, simplemente no almacena ningún arquetipo; lo mismo es cierto para cualquier campo opcional.
- Las palabras a usar o evitar no se dividieron en una lista. Separa cada entrada con una coma. Se analizan en dos listas (usar, evitar) cuando se guarda el kit.
- Elegiste el propietario del cliente o la categoría incorrectos. Nada está bloqueado. Crea el kit de todos modos, luego corrígelo en la pestaña Configuración del perfil.
- El paso de Resumen no te permite editar nada. Por diseño: el resumen es de solo lectura. Usa Atrás (o una píldora anterior) para cambiar un valor, luego vuelve a Resumen.
- Los números de la escala tipográfica se ven incorrectos en una columna. Los tamaños están en px, mientras que la altura de línea y el espaciado entre letras están en em. Restablece un nivel borrando tu sobrescritura para que vuelva al valor predeterminado en la tabla anterior.
- La creación falló con un aviso de error. El kit no pudo guardarse (por ejemplo, un error de red o de servidor). Tus entradas permanecen en pantalla; soluciona el problema y haz clic en Crear la marca de nuevo.