@lucasmiqueias/blip-tokens
Version:
Design token system inspired by BLiP's design language
23 lines (16 loc) • 707 B
Markdown
# BLiP Design Tokens
This directory contains all design tokens in JSON format.
## Available Token Files
- **colors.json** - All color tokens (brand, theme variants, semantic colors)
- **spacing.json** - Spacing, border radius, and layout tokens
- **typography.json** - Font sizes, families, weights, and line heights
- **shadows.json** - Box shadow definitions
- **index.json** - References to all token files
## Usage
### JavaScript/TypeScript
```javascript
import colors from '@blip/design-tokens/tokens/colors.json';
import spacing from '@blip/design-tokens/tokens/spacing.json';
```
### Build Tools
These token files can be consumed by Style Dictionary, Theo, or other design token build tools.