El "Kit de Marca" es una función de HostGator Studio que le permite reunir en un solo lugar los principales elementos de la identidad visual de su negocio.
Si ya tiene una identidad visual definida para su marca, el "Kit de Marca" es importante para mantener una coherencia en todos sus proyectos y plantillas creados en la plataforma, utilizando los mismos colores, imágenes, fuentes y acceso rápido a su logotipo.
Consulte los siguientes temas:
- Cómo agregar elementos al Kit de Marca
- Cómo usar el Kit de Marca en una plantilla
- Cómo eliminar elementos del Kit de Marca
- Consejos y soluciones para problemas comunes
Cómo agregar elementos al Kit de Marca
1En el Portal del Cliente, en el menú lateral, haga clic en Studio - También puede acceder desde la pestaña "Inicio" y luego en HostGator Studio:
2Luego, haga clic en Kit de Marca:
3En la pantalla del “Kit de Marca”, se mostrarán las secciones, haga clic en la opción que desee y compruebe cómo agregar:
Logo
El logotipo es el elemento central de su identidad visual. Consulte cómo agregarlo:
4En "Logo", haga clic en Subir archivo:
5Elija el archivo del logo desde su computadora - Se permiten los formatos .PNG, .JPG, .WEBP y .SVG (se recomienda .SVG para mejor calidad):
Después de subirlo, el logo se guarda en el “Kit de Marca” y puede usarse en el editor de HostGator Studio:
Imágenes
Agregue elementos gráficos complementarios a su identidad visual. Compruebe cómo hacerlo:
4En “Kit de Marca”, haga clic en Imágenes
5Luego, haga clic en Subir archivo:
6Elija el archivo de imagen desde su computadora – Se permiten los formatos .PNG, .JPG, .WEBP y .SVG (se recomienda .SVG para mejor calidad):
Después de subirla, la imagen se guarda en el “Kit de Marca” y puede usarse en el editor de HostGator Studio:
Colores
Puede elegir uno o más colores que representen visualmente su negocio. Vea cómo hacerlo:
4En “Kit de Marca”, haga clic en Colores
5En “Paletas de colores”, haga clic en Nuevo color:
6Puede agregar el color de diferentes maneras. Elija la que prefiera:
- A) Selector manual – arrastre el botón hasta encontrar el tono deseado
- B) Código HEX – ingrese el código hexadecimal
- C) HSB – combinación de três componentes: tono, saturación y brillo
- D) RGB – combinación de tres colores primarios: rojo, verde y azul:
A) Selector de color manual
1. En la barra de colores, arrastre el círculo para elegir el color principal (rojo, azul, verde, etc.).
2. Luego, en el cuadro grande, arrastre el círculo blanco hasta encontrar la intensidad adecuada (más claro, más oscuro o más vivo).
3. Para ajustar la transparencia, use la barra azul:
- Arrastre para la Izquierda: más transparente
- Arrastre para la derecha: más opaco:
B) Código HEX
Si ya tiene el código del color (hexadecimal), introdúzcalo en el campo “HEX” - Por ejemplo, el blanco es #FFFFFF
En el campo “100%”, defina la opacidad - Lo ideal para colores de marca es dejar en 100%:
C) HSB
Muestra el color según tres ajustes: tono, saturación e intensidad.
En el campo “HEX”, seleccione HSB y complete las siguiente informaciones:
- 1º campo: el tono - ejemplo: 200 para azul
- 2º campo: saturación (100% es color puro)
- 3º campo: brillo (80% es brillante, pero no blanco puro):
D) RGB
Muestra el color según la combinación de Rojo (Red), Verde (Green) y Azul (Blue). Cada valor va de 0 a 255:
7Para finalizar, haga clic en Agregar color:
Una vez guardado, el color se podrá usar en el editor de HostGator Studio:
Fuentes
Si tiene una fuente personalizada que desea usar en sus plantillas (por ejemplo, la oficial de su marca), compruebe cómo insertarla:
1En “Kit de Marca”, haga clic en Fuentes
2Luego, haga clic en Subir archivo:
3Elija el archivo de fuente desde su computadora - Se permite solo el formato .TTF:
Después de subirla, la fuente se guarda en el “Kit de Marca” y estará disponible en el editor de HostGator Studio:
Cómo usar el Kit de Marca en una plantilla
Después de configurar su "Kit de Marca", estas opciones estarán disponibles al editar cualquier plantilla en HostGator Studio.
Para usar su "Kit de Marca" en un elemento específico:
1En el Portal del Cliente, en el menú lateral, haga clic en Studio - También puede acceder desde la pestaña "Inicio" y luego en HostGator Studio:
2En la pantalla inicial, elija una plantilla nueva o vaya a Proyectos para abrir una existente:
3En el editor, en el menú lateral izquierdo, haga clic en Kit de Marca:
4Seleccione y aplique los elementos visuales (logo, imágenes, fuentes y colores) que ya haya guardado:
Cómo eliminar elementos del Kit de Marca
1En el Portal del Cliente, en el menú lateral, haga clic en Studio - También puede acceder desde la pestaña "Inicio" y luego en HostGator Studio:
2Luego, haga clic en Kit de Marca:
3Acceda a la sección donde está el elemento que desea eliminar - Logo, Imágenes, Colores o Fuentes
4Luego, haga clic en Seleccionar:
5Elija el/los elementos que desea eliminar:
- A) Para un solo elemento: marque la casilla
- B) Para varios elementos: marque Seleccionar todos:
6Luego, haga clic en Eliminar:
7En el mensaje de confirmación, haga clic nuevamente en Eliminar:
Si desea agregar nuevos elementos, repita los pasos de la sección cómo agregar elementos al Kit de Marca
Consejos y soluciones para problemas comunes
- Utilice hasta 2 o 3 fuentes y 5 o 6 colores principales
- Asegúrese de tener un buen contraste entre el texto y el fondo
- Actualice su kit cada vez que haga cambios en su identidad visual