Consideraciones gráficas

Opciones de la página

Aquí presentamos las capacidades de diseño para ajustar cada plantilla a las necesidades visuales de el/los programas.

1. Tipografía

Se seleccionan dos tipografías extras para títulos y textos, además de la tipografía Ubuntu. Se consideran tipografías variables, que entreguen mayor versatilidad al momento de hacer uso de ellas, considerando variables como extrabold, bold, medium, regular, light e italic.

Para el caso de los títulos, se seleccionan dos tipografías que puedan transmitir intenciones comunicativas distintas y que a la vez tengan una cualidad decorativa y dinámica.

Para el caso de textos, se tiene en cuenta la legibilidad y el contraste que pueda generar con las tipografías elegidas para títulos, a continuación dejamos ejemplos de las distintas combinaciones:

Título Ubuntu y texto IBM Plex Serif

Título Ubuntu y texto Ubuntu

Título Ubuntu y texto Be Vietnam Pro

Título Poppins y texto IBM Plex Serif

Título Poppins y texto Ubuntu

Título Poppins y texto Be Vietnam Pro

Título Crimson Pro y texto IBM Plex Serif

Título Crimson Pro y texto Ubuntu

Título Crimson Pro y texto Be Vietnam Pro

2. Color

Se definirán paletas de colores predeterminadas (como la que aparece en los ejemplos) que ayudarán a focalizar la elección de los colores para los distintos elementos dentro de la página. También se podrán configurar de manera manual, ingresando los códigos de color correspondientes.

Para crear paletas de colores en base a un tono principal, sugerimos utilizar la herramienta Adobe Color, donde podrán ingresar el código hexadecimal correspondiente y la plataforma sugerirá distintas posibilidades en base al color ingresado

A continuación dejamos las definiciones de cada elección de color:

Color principal

El color principal será aplicado para fondos, filtros de imágenes y guiños presentes en las plantillas

Color elementos interactivos

El color elegido para este caso podrá visualizarse en elementos como botones y links.

Accent color

Se podrá definir un color para los casos donde se quiera resaltar una parte del texto con un fondo de color

3. Seleccionar patrón

Al momento de crear una nueva plantilla, se debe elegir uno de los tres patrones disponibles, cada uno tiene la función de resaltar la información según la cantidad de programas que se desee mostrar. Revisa acá los patrones disponibles.

4. Opciones por bloque

Encabezados

Tipo de destacado: vista clara o vista con color

Alineación del texto: a la izquierda, centrado o a la derecha

Peso de la tipografía: bold, medium o regular

Mayúsculas o minúsculas

Párrafos

Se puede configurar la alineación del texto, el peso de la tipografía, resaltado y color del texto