Implementación UI
Tipografía
Todas las fuentes tipográficas utilizadas pueden descargarse o vincularse en Google Fonts.
Encabezado H1
Encabezado H2
Encabezado H3
Encabezado H4
Encabezado H5
Encabezado H6
Fuente para cuerpo, botón
Color
Esta es la paleta de colores determinada para utilizarse en el desarrollo de interfaz, páginas, sitios o elementos web para las propiedades de Utel.
Tonos primarios
Contraste
Gama de grises
Botones
Utiliza los siguientes estilos de botón para tu implementación UI. Toma en cuenta siempre la carga visual de tu desarrollo para que siempre se elija el estilo adecuado y destaque.
Botón
Padding: 10, 28;
Font size: inherit – Body font.
Font weight: 700 bold.
Capitalize: lowercase.
Background-color: Color secundario.
Secundario
Padding: 8, 28;
Font size: inherit – Body font.
Font weight: 700 bold.
Capitalize: lowercase.
Background-color: no-color.
Navegación
A continuación encontrarás los distintos tipos de navegación a implementar en los desarrollos de Utel. Es importante considerar la cantidad de información por la que el usuario puede desplazarse, así como su relevancia y contexto para determinar el estilo o jerarquía correcta.
Navegación secundaria
Navegación fija en scroll
Prototipo
A continuación encontrarás un prototipo web que podrás navegar para conocer cómo los elementos UI han sido utilizados en forma real y práctica. Observa el uso de botones, tipografía, colores y assets gráficos para realizar composiciones web completas y equilibradas cuando desarrolles una página o sección.
