Fundamentos

El esquema de color y sus usos correspondientes.

Las fuentes, los estilos y los tamaños de texto. Ayuda a crear una jerarquía visual clara en los diseños.

Sistema de dimensiones y márgenes de espaciado, que mantienen el equilibrio visual en nuestros diseños.

Las sombras añaden profundidad dando la apariencia de distancia, o elevación, entre las superficies.

Características de la cuadrícula, puntos de interrupción y alineaciones que ayudan a que todas las pantallas tengan la misma armonía visual.

Ayuda al usuario a centrar su atención con el contraste en las composiciones. Los bordes deberán tener una justificación interna.

Las esquinas redondeadas en lo botones mejoran el procesamiento de la información y atraen la atención del usuario hacia el centro del elemento.

Representaciones gráficas de acciones, entidades o conceptos que ayudarán al usuario a identificar mejor la acciones que se muestran en pantalla.

Representaciones visuales que establecen la identidad visual de un producto, ayudando al usuario a identificar y comprender la acción, objeto o mensaje informado.

Marca el comportamiento de los componentes del sistema, mejorando la retroalimentación y comprensión del usuario.

Un sistema digital accesible garantiza que los usuarios de todas las capacidades puedan usar y navegar una interfaz.

Los designs tokens son los átomos del sistema de diseño en forma de entidad con una nomenclatura específica.

Pautas para utilizar las mejores palabras, con la voz y el tono adecuado.

Pautas para presentar datos de una manera limpia, veraz y precisa.