@koobiq/design-tokens
TypeScript icon, indicating that this package has built-in type declarations

3.8.1 • Public • Published

Koobiq Design Tokens

Overview

Design tokens are special variables used to maintain a scalable visual system for UI development and brand consistency. Koobiq design tokens store the visual design attributes that define the visual language, including color, typography, and spacing we use.

Design tokens are key-value pairs. For example:

Key: value;
$card-dark-success-background: #276211;
  • The key name defines the usage or how to apply the value to a specific context, such as using text on a light background
  • The key stores visual design attributes
  • The key replaces hard-coded values, such as hex values for color or pixel values for spacing

Readme

Keywords

Package Sidebar

Install

npm i @koobiq/design-tokens

Weekly Downloads

25

Version

3.8.1

License

MIT

Unpacked Size

3.12 MB

Total Files

70

Last publish

Collaborators

  • koobiq-org