Foundations

Activos de diseño y tokens que almacenan valores para la capa base del sistema de diseño, como el color y la tipografía. Se utilizan en los componentes, por lo que los cambios en este nivel repercutirán en todo el sistema.



Color

No sólo es una forma eficaz de la marca, sino también de comunicarse con sus usuarios. Las paletas de colores creadas teniendo en cuenta el propósito por encima de la estética pueden ayudar a desarrollar patrones de diseño intuitivos añadiendo significado a su interfaz.



Tipografía

La tipografía es una de las principales formas de presentar el contenido de los productos. Una jerarquía clara y estilos contrastados en su escala tipográfica facilitarán la lectura y contribuirán a la estructura general de su producto. También es una oportunidad para visualizar el carácter y la presencia de su marca.



Movimiento

Los valores de movimiento compartidos proporcionan una experiencia de usuario más coherente y una mejor alineación con la marca.



Layout

Un layout bien pensado es muy útil. El uso coherente de una cuadrícula y un espaciado facilita a los usuarios la exploración de la interfaz y la comprensión del contenido.



Elevación

La elevación controla la distancia relativa entre dos superficies a lo largo del eje z. En modo claro, se suele resaltar mediante el valor de sombra aplicado a una superficie, mientras que en modo oscuro, se comunica utilizando el valor del color de fondo.



Iconografía

Los iconos son símbolos que representan funcionalidades o contenidos. Son especialmente reconocibles y útiles en las interfaces de usuario, ya que su significado puede entenderse de un vistazo. Aunque pueden usarse solo como decoración, su potencial se aprovecha al máximo cuando se utilizan con sentido y coherencia.