Todos los Tokens de Diseño
Lista completa de todos los tokens de diseño del Design System de Gstock.Todos los Tokens de Diseño
Esta página contiene la lista completa de todos los tokens de diseño disponibles en el Design System de Gstock. Para una descripción más detallada de cada categoría, visita la página principal de tokens.
Información General
Los design tokens están organizados en las siguientes categorías:
- Background: Tokens para colores de fondo y superficies
- Border: Tokens para bordes y contornos
- Color: Tokens para colores de marca y estado
- Elevation: Tokens para sombras y elevación
- Motion: Tokens para animaciones y transiciones
- Spacing: Tokens para espaciado y layout
- Typography: Tokens para tipografía y texto
Acceso a los Tokens
Para acceder a la documentación completa de cada token y sus valores, consulta las siguientes secciones en la página principal de tokens:
- Tokens de Color
- Tokens de Espaciado
- Tokens de Tipografía
- Tokens de Elevación
- Tokens de Movimiento
- Tokens de Bordes
Implementación
Los tokens están disponibles como variables CSS personalizadas y pueden ser importados en tu proyecto mediante:
@import '/dist/themes/gstock.css';
Para más información sobre cómo implementar y usar los tokens de diseño, consulta nuestra guía de instalación.