Imported token package

Design Tokens

The Mitigram token export is rendered as colors, spacing values, variable names, and generated CSS.

Colors

green

#13AE70

--miticolor-green

Mitigram brand color Green

yellow

#FFC400

--miticolor-yellow

Mitigram brand color Yellow

deepgrey

#2A2A37

--miticolor-deepgrey

Mitigram brand color DeepGrey

darkgrey

#3D3D49

--miticolor-darkgrey

Mitigram base brand DarkGrey

productblue

#BCE2DE

--miticolor-productblue

Mitigram brand color ProductBlue

productyellow

#FFECB8

--miticolor-productyellow

Mitigram brand color ProductYellow

productred

#FFE9F2

--miticolor-productred

Mitigram brand color ProductRed

productpurple

#D9E2F2

--miticolor-productpurple

Mitigram brand color ProductPurple

normalgrey

#C6C7C9

--miticolor-normalgrey

Mitigram brand color NormalGrey

midgrey

#DFE0E2

--miticolor-midgrey

Mitigram brand color MidGrey

lightgrey

#F0F1F2

--miticolor-lightgrey

Mitigram brand color LightGrey

Spacing

Medium

16 = 16px

--medium

Medium Space - base 8

Small

8 = 8px

--small

Small Space - base 8

Generated CSS

:root {
  --token-set-order-0: global;
  --miticolor-green: #13AE70;
  --miticolor-yellow: #FFC400;
  --miticolor-deepgrey: #2A2A37;
  --miticolor-darkgrey: #3D3D49;
  --miticolor-productblue: #BCE2DE;
  --miticolor-productyellow: #FFECB8;
  --miticolor-productred: #FFE9F2;
  --miticolor-productpurple: #D9E2F2;
  --miticolor-normalgrey: #C6C7C9;
  --miticolor-midgrey: #DFE0E2;
  --miticolor-lightgrey: #F0F1F2;
  --medium: 16;
  --small: 8;
}