Tokens
Last updated
Last updated
En Quantum Design, los tokens se organizan en tres niveles o capas:
Global Tokens
System o Alias Tokens
Component Tokens
Esta estructura, representada como una pirámide, establece que los tokens de un nivel inferior son referenciados por los niveles superiores. Este enfoque crea una simetría sólida que garantiza la coherencia y escalabilidad de todo el sistema de diseño. Una correcta administración de esta jerarquía permite construir interfaces (UI) consistentes y flexibles, facilitando la evolución y mantenimiento del diseño a medida que el producto crece.
Este nivel actúa como la base del sistema, albergando todas las opciones de elementos y valores disponibles. Estos tokens representan las configuraciones más fundamentales que podrían utilizarse en cualquier parte del sistema de diseño.
En este nivel se organiza y selecciona una colección específica de tokens a partir de las opciones definidas en los Global Tokens. Cada token en esta capa recibe un nombre único que lo identifica y lo integra dentro del sistema de diseño, facilitando su reutilización y consistencia.
Este nivel está compuesto por tokens diseñados específicamente para cada componente, ya sea un átomo, molécula u organismo. Los Component Tokens permiten aplicar estilos particulares y garantizar que cada elemento mantenga una conexión lógica con los niveles superiores.
Cada token debe tener un nombre y un valor, estos cambian dependiendo de la capa de tokens.
En la capa de Global Tokens tomamos como nombre un origen genérico y el valor exactamente de la medida que corresponde. El nombre puede ser cualquiera pero la idea siempre será basarnos en las reglas universales para tener una estandarización de nuestro sistema.
En la capa de System Tokens, le damos un nombre que debe ser único para identificarlo e integrarlo dentro del sistema de diseño, facilitando su reutilización y consistencia, el valor debe ser un Token de la capa Global.
Los Component Tokens tienen una particularidad al momento de nombrarlos que explicaremos en el párrafo de abajo, de todas formas se compone de la misma manera, el nombre dene ser único e irreemplzable ya que este referencia únicamente a un componente. El valor debe ser un Token de la capa System.
Para mantener una buena consistencia es muy importante tener un sistema de naming. En Quantum usamos la siguiente regla para nombrar los tokens de componentes.
