10_Sistema de diseño

Tipografía, color, iconografía, botones y campos.

Con el fin de dar más consistencia a la página he empleado un orden de escala y estilos de diseño de colores, iconos y componentes.

Para la tipografía he empleado una escala tipográfica proporcional de 1.2 entre todos los tamaños. De esta manera mejoro la jerarquía visual tipográfica de la página.

A los colores tenemos los primarios que son los azules de la marca, los secundarios con sus colores de fondo y la escala de grises y los colores semánticos para indicar true, false, notificación y aviso. Y además, he agregado el degradado que se emplean en algunos elementos como el cuadro médico.

Los iconos que he elegido, han sido acorde al elemento o texto al que acompañan. Es decir poseen consistencia entre sí y también con su entorno.

Los botones han sido rediseñados todos con un border radius de 50 que también se aplicará a los campos de formulario.