Skip to content

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

  1. Inicia una nueva marca desde la visión general de marcas.
  2. Dale un nombre, como mínimo. Ese es el único campo obligatorio.
  3. 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.
  4. Revisa el resumen y crea el kit.
  5. 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

PasoLo que configuras
1. IdentidadNombre, eslogan, descripción, categoría, sitio web, si es tuyo o de un cliente, y redes sociales
2. Logotipo y portadaUn logotipo y una imagen de portada, elegidos de tus medios
3. Paleta de coloresMuestras con roles nombrados como primario, acento, fondo y texto
4. TipografíaUna fuente de encabezado y una de cuerpo, y una escala tipográfica completa
5. Voz y tonoTono, arquetipo, mensajes clave, palabras a usar y evitar, y quién puede ver el kit
6. Historia y filosofíaLa historia, misión y filosofía de la marca
7. ResumenUn resumen que confirmas antes de crear

Paso 1: Identidad

CampoLímiteNotas
Nombre de la marca120 caracteres, obligatorioEl único campo que bloquea avanzar
Eslogan240 caracteresLínea corta que se muestra debajo del nombre en toda la aplicación
Descripción breve2.000 caracteresAlimenta el texto "acerca de" de la marca y sus pautas escritas
CategoríaUna de 16 predefinidasGeneral, 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 web400 caracteresTambién referenciado por la sugerencia de extracción automática en el campo
PropiedadNuestra / Marca del clienteElegir "Marca del cliente" revela un campo de nombre del cliente (160 caracteres)
Redes sociales200 caracteres cada unaInstagram, 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.

RolPropósito
Primario, Secundario, AcentoColores centrales de la marca
Fondo, Texto, EnlaceRoles de superficie y contenido utilizados por el verificador de contraste
Éxito, Advertencia, ErrorColores de estado
NeutroCualquier otra cosa
Sin rolDé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:

NivelTamaño predeterminadoPeso predeterminadoAltura de línea predeterminada
H148px7001.15em
H236px7001.2em
H328px6001.25em
H422px6001.3em
H518px6001.4em
H616px6001.4em
Párrafo16px4001.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

CampoOpcionesNotas
Tono12 chips, selección múltipleCálido, Profesional, Audaz, Juguetón, Lujo, Mínimo, Enérgico, Confiable, Creativo, Amigable, Técnico, Divertido
Arquetipo12 arquetipos de marca, selección únicaCreador, Explorador, Sabio, Héroe, Forajido, Mago, Hombre común, Amante, Bufón, Cuidador, Gobernante, Inocente
Mensajes clave4.000 caracteresTu texto estándar y puntos de valor destacados
Palabras a usar / evitarSeparadas por comasSe analizan en dos listas al guardar
Uso compartidoPrivado / Equipo / OrganizaciónQuié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

  1. Desde la visión general de marcas, haz clic en Crear Marca. Llegas al paso 1 (Identidad).
  2. 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.
  3. 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.
  4. 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.
  5. 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.
  6. Completa Voz & Tono, luego Historia & Filosofía hasta donde lo permita el briefing (todo opcional).
  7. 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

  1. 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.
  2. Haz clic en Crear la marca. El kit se crea solo con un nombre y la paleta y fuentes iniciales predeterminadas.
  3. 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

  1. En el paso Tipografía, establece el menú desplegable de origen de la fuente de encabezado (o cuerpo) en Cargada.
  2. Escribe el nombre de la familia de la fuente, haz clic en Cargar fuente y elige un archivo .ttf, .otf, .woff o .woff2 de menos de 5 MB.
  3. 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

ObjetivoHaz esto
Saltar entre pasosHaz clic en una píldora de paso (disponible para cualquier paso una vez que se haya ingresado un nombre)
Marcar un kit como de clientePaso 1, Propiedad = Marca del cliente, luego completa Nombre del cliente
Añadir un color y su rolPaso 3, Añadir color, luego establece el menú desplegable de rol en la nueva muestra
Establecer una sobrescritura de tipo por nivelPaso 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 partesPaso 4, elige la misma familia para las filas de encabezado y cuerpo
Vista previa de una fuente en su lugarCada opción de fuente en el menú desplegable se renderiza en su propio tipo de letra
Restringir quién ve el kitPaso 5, Compartir = Privado (solo tú)
Añadir varios tonosPaso 5, toca cada chip de tono que quieras (son de selección múltiple)
Volver un paso atrásEl 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, .woff o .woff2 real 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.

Relacionados