Untitled

mail@pastecode.io avatar
unknown
json
7 months ago
6.1 kB
3
Indexable
Never
{
    "primitives": {
      "color": {
        "kred": {
          "50": {
            "value": "#180605"
          },
          "100": {
            "value": "#300b0b"
          },
          "200": {
            "value": "#481110"
          },
          "300": {
            "value": "#781c1b"
          },
          "350": {
            "value": "#a72726"
          },
          "400": {
            "value": "#ef3837"
          },
          "450": {
            "value": "#f14c4b"
          },
          "500": {
            "value": "#f2605f"
          },
          "550": {
            "value": "#f58887"
          },
          "600": {
            "value": "#f9afaf"
          },
          "700": {
            "value": "#fcd7d7"
          },
          "800": {
            "value": "#fdebeb"
          },
          "900": {
            "value": "#fef5f5"
          },
          "950": {
            "value": "#fffbfb"
          }
        },
        "purple": {
          "50": {
            "value": "#16121c"
          },
          "100": {
            "value": "#211b29"
          },
          "200": {
            "value": "#372d45"
          },
          "300": {
            "value": "#4d3f61"
          },
          "350": {
            "value": "#58486e"
          },
          "400": {
            "value": "#6e5a8a"
          },
          "450": {
            "value": "#7c6a96"
          },
          "500": {
            "value": "#8b7ba1"
          },
          "550": {
            "value": "#a89cb9"
          },
          "600": {
            "value": "#c5bdd0"
          },
          "700": {
            "value": "#e2dee8"
          },
          "800": {
            "value": "#f1eff3"
          },
          "900": {
            "value": "#f8f7f9"
          },
          "purple-950": {
            "value": "#fcfcfd"
          }
        },
        "neutral": {
          "0": {
            "value": "#000000"
          },
          "1000": {
            "value": "#ffffff"
          }
        },
        "gray": {
          "50": {
            "value": "#191919"
          },
          "100": {
            "value": "#333333"
          },
          "150": {
            "value": "#454545"
          },
          "200": {
            "value": "#5c5c5c"
          },
          "300": {
            "value": "#808080"
          },
          "400": {
            "value": "#949494"
          },
          "500": {
            "value": "#bababa"
          },
          "600": {
            "value": "#cccccc"
          },
          "700": {
            "value": "#dedede"
          },
          "800": {
            "value": "#ededed"
          },
          "850": {
            "value": "#f2f2f2"
          },
          "900": {
            "value": "#f5f5f5"
          },
          "950": {
            "value": "#fafafa"
          }
        }
      },
      "font": {
        "heading": {
          "value": "Rubik"
        },
        "body": {
          "value": "Roboto"
        }
      }
    },
    "tokens": {
      "button": {
        "primary": {
          "value": "#6e5a8a"
        },
        "primary-hover": {
          "value": "#7c6a96"
        },
        "primary-clicked": {
          "value": "#7c6a96"
        },
        "secondary": {
          "value": "#ffffff"
        },
        "secondary-hover": {
          "value": "#ffffff"
        },
        "secondary-clicked": {
          "value": "#ffffff"
        },
        "disabled-surface": {
          "value": "#bababa"
        }
      },
      "border": {
        "primary": {
          "value": "#333333"
        },
        "secondary": {
          "value": "#454545"
        },
        "disabled": {
          "value": "#dedede"
        }
      },
      "spacing": {
        "1": {
          "value": "4px"
        },
        "2": {
          "value": "8px"
        },
        "3": {
          "value": "12px"
        },
        "4": {
          "value": "16px"
        },
        "5": {
          "value": "20px"
        },
        "6": {
          "value": "24px"
        },
        "7": {
          "value": "28px"
        },
        "8": {
          "value": "32px"
        },
        "9": {
          "value": "36px"
        },
        "10": {
          "value": "40px"
        },
        "11": {
          "value": "48px"
        },
        "12": {
          "value": "64px"
        },
        "13": {
          "value": "72px"
        },
        "20": {
          "value": "80px"
        },
        "24": {
          "value": "96px"
        },
        "27": {
          "value": "108px"
        },
        "28": {
          "value": "112px"
        },
        "32": {
          "value": "128px"
        },
        "36": {
          "value": "144px"
        },
        "40": {
          "value": "160px"
        },
        "45": {
          "value": "180px"
        },
        "48": {
          "value": "192px"
        },
        "52": {
          "value": "208px"
        },
        "56": {
          "value": "224px"
        },
        "60": {
          "value": "240px"
        },
        "64": {
          "value": "256px"
        },
        "72": {
          "value": "288px"
        },
        "80": {
          "value": "320px"
        },
        "px": {
          "value": "1px"
        }
      },
      "elevation": {
        "layer1": {
          "value": "3px"
        },
        "layer2": {
          "value": "5px"
        },
        "layer3": {
          "value": "8px"
        },
        "layer4": {
          "value": "10px"
        }
      },
      "icon": {
        "primary": {
          "value": "#ffffff"
        },
        "secondary": {
          "value": "#6e5a8a"
        }
      },
      "text": {
        "primary": {
          "value": "#16121c"
        },
        "secondary": {
          "value": "#454545"
        },
        "sub-text": {
          "value": "#808080"
        },
        "disabled": {
          "value": "#bababa"
        },
        "button-primary": {
          "value": "#ffffff"
        },
        "button-secondary": {
          "value": "#6e5a8a"
        }
      }
    }
  }
Leave a Comment