Todas las colecciones
Empezando
La interfaz Showit
Configuración de diseño (Design Settings)
Configuración de diseño (Design Settings)

Cómo asignar colores y tipografías de tu marca para que se utilicen en todo tu sitio

Sarah Pugh avatar
Escrito por Sarah Pugh
Actualizado hace más de una semana

En Design Settings (configuración de diseño), puedes reemplazar los colores predeterminados en la paleta de colores y las tipografías predeterminadas con las tipografías y colores de tu marca. Puedes ver exactamente cómo hacerlo en este video.

Estilo del sitio y tipografías


Este artículo cubre todas las configuraciones que encontrarás en la pestaña SITE STYLE (Estilo de sitio) de DESIGN SETTINGS (Configuraciones de Diseño). Si deseas más información sobre la Tipografías, haz clic aquí:

Paleta de color (Color Palette)


Para asignar los colores de tu marca a la Paleta de colores (Color Palette) en tu Site Settings (Configuración del Sitio) haz clic en la pestaña SITE en la sección superior del panel izquierdo de Showit y luego selecciona DESIGN SETTINGS (Configuración de Diseño). Esto mostrará una ventana con 2 pestañas: SITE STYLE y FONTS (Estilo de Sitio y tipografías).

Aquí puedes configurar 8 colores para un uso repetido y de fácil acceso dentro del diseñador. Los 8 colores que establezcas estarán disponibles dentro del Panel de propiedades (Properties) a medida que personalices elementos, incluyendo texto, formas e iconos dentro de tu sitio.

Para cambiar un color, haz clic en el cuadro correspondiente en la Paleta de colores y establece el color deseado usando el selector de color (tu mouse se transformará en un selector de color cuando pases el mouse sobre el cuadro de color) o ingresando un código hexadecimal específico.

Estilos de tipografía

En la misma ventana que la Paleta de colores en DESIGN SETTINGS (Configuración de Diseño, puedes asignar (tanto para dispositivos móviles como de escritorio) una configuración específica de tipografía para Título, Encabezado, Subtítulo y Párrafo.

Seleccionar una de estas categorías te permitirá personalizar tu color, fuente, tamaño, altura de la línea, espaciado entre letras, mayúsculas y minúsculas, margen inferior y alineación que se formateará de esa manera cada vez que inserte un nuevo cuadro de texto.

También tienes la opción de elegir cómo te gustaría que se vean los enlaces en línea en tu sitio, con opciones para personalizar el color, el formato, el color de desplazamiento y el formato de desplazamiento.

Estilos de letra: diseño de escritorio vs móvil

Si deseas realizar cambios en los Estilos de letra (Type Styles) en tu diseño de escritorio o móvil, pero no en ambos, puedes cambiarlos de forma independiente haciendo clic en el texto subrayado correspondiente al elemento que deseas cambiar (es decir, color, fuente, tamaño, etc.)

Desde allí, verás un ícono para el diseño de escritorio o móvil. Puedes editar uno sin cambiar el otro haciendo clic en estos iconos.

Estilos Globales (Global Styles)

La configuración Global Styles (Estilos globales) en la parte inferior del menú Style del sitio te permitirá cambiar el color de fondo para nuevas páginas y lienzos, de modo que cada vez que cree un nuevo lienzo, tenga ese color por defecto.

Tipografía personalizada (Custom Fonts)


Si estás buscando más información sobre cómo subir tipografía personalizada en tu configuración de diseño, consulta este artículo aquí:

Si aún no has visitado nuestra página de capacitación, te sugerimos que comiences allí para desarrollar el conocimiento básico que necesitas para lanzar el sitio de tus sueños con Showit.

¿Ha quedado contestada tu pregunta?