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.
Categorías de Tokens
En esta capa podrás encontrar los siguientes tokens:
Colores
Esquemas de colores cada uno con 2 paletas tonálizadas que van desde el 100 hasta el 600, siendo 100 el tono más claro y 600 el tono más oscuro. Esto quiere decir que por cada paleta hay 6 tonos. El objetivo es, entre menos opciones, mas consistente será el sistema de diseño.
Además hay 4 paletas adicionales que servirán como apoyo para usos neutrales y genéricos.
Tamaños
Serie de tamaños múltiplos de 2 estandarizados universalmente que van subiendo en escala desde el 0 hasta 240. Estos valores defiinen tamaños y espacios dentro del sistema de diseño.
Border radius
Serie de tamaños múltiplos de 2 estandarizados universalmente que van subiendo en escala desde 0 hasta 100. Estos valores definen el redondeado de las esquinas de cada elemento rectangular del sistema de diseño.
Font families
16 familias tipográficas completas seleccionadas cuidadosamente para garantizar legibilidad y variación. La recomendación es usar máximo 2 familias, una para títulos y otra para cuerpos de texto, sin embargo, lo ideal es usar solo una familia para todo el sistema.
Font variations
Serie de opciones para las variaciones de las tipografías como: tamaño, peso y espacio de líneas. Para configurar el tamaño sugerimos usar la metodología de Base y Escala explicada en la documentación.
