TechTrain Terminal Design Tokens

Design tokens for TechTrain's design system "Terminal". This package uses Style Dictionary to transform tokens defined in JSON into multiple platform outputs.

🎨 View in Figma - Explore our design system in Figma

Features

• Consistent design tokens across platforms
• JavaScript/TypeScript support
• CSS/SCSS variables
• Semantic naming conventions
• Supports color, typography, sizing, and spacing tokens

Installation

npm i @techtrain/terminal-design-tokens

Usage

JavaScript/TypeScript

import DesignToken from '@techtrain/terminal-design-tokens';

CSS

@import '@techtrain/terminal-design-tokens/css';

SCSS

@import '@techtrain/terminal-design-tokens/scss';

Contributing

For information on how to contribute to this project, please see our Contributing Guide.

License

MIT