@redrob/tokens

Design tokens for the Redrob AI Design System. Foundational design values for colors, spacing, and typography.

🎨 Live Demo

View Design System Demo →

Installation

npm install @redrob/tokens

Usage

import { colors, spacing, fontFamily } from '@redrob/tokens';

// Or import specific modules
import { colors } from '@redrob/tokens/colors';
import { spacing } from '@redrob/tokens/spacing';
import { fontFamily, fontSize } from '@redrob/tokens/typography';

What's Included

• Colors: Primary, secondary, neutral, semantic colors (success, warning, error, info)
• Spacing: Consistent spacing scale from 0 to 96
• Typography: Font families, sizes, weights, line heights, and letter spacing

Example

import { colors, spacing } from '@redrob/tokens';

const styles = {
  backgroundColor: colors.primary[500],
  padding: `${spacing[4]} ${spacing[6]}`,
  color: colors.white,
};

License

MIT