Some tokens

colors.json

//.tokens/properties/colors
{
  "color": {
    "success": {
      "darkest" : {
        "value": "#004020",
        "comment": "the darkest sucess color"
      },
      "dark" : {
        "value": "#007339",
        "comment": "the dark sucess color"
      },
      "medium" : {
        "value": "#00A653",
        "comment": "the medium sucess color"
      },
      "light" : {
        "value": "#66D19E",
        "comment": "the light sucess color"
      },
      "lightest" : {
        "value": "#E7F3ED",
        "comment": "the lightest sucess color"
      }
    },
    "danger": {
      "darkest" : {
        "value": "#590000",
        "comment": "the darkest danger color"
      },
      "dark" : {
        "value": "#B21212",
        "comment": "the dark danger color"
      },
      "medium" : {
        "value": "#DA2121",
        "comment": "the medium danger color"
      },
      "light" : {
        "value": "#F27979",
        "comment": "the light danger color"
      },
      "lightest" : {
        "value": "#FFE5E5",
        "comment": "the lightest danger color"
      }
    },
    "neutral": {
      "darkest" : {
        "value": "#000000",
        "comment": "the darkest neutral color"
      },
      "dark" : {
        "value": "#737780",
        "comment": "the dark neutral color"
      },
      "medium" : {
        "value": "#C2C5CC",
        "comment": "the medium neutral color"
      },
      "light" : {
        "value": "#E1E2E5",
        "comment": "the light neutral color"
      },
      "lightest" : {
        "value": "#FFFFFF",
        "comment": "the lightest neutral color"
      }
    }
  }
}

fonts.json

//.tokens/properties/fonts
{
  "font": {
    "family": {
      "body" : {
        "value": "'Open Sans', sans-serif",
        "comment": "the body font-family"
      },
      "backup" : {
        "value": "'Roboto', sans-serif",
        "comment": "the background font-family"
      }
    },
    "size": {
      "xxxs" : {
        "value": "12px",
        "comment": "the xxxs font-size"
      },
      "xxs" : {
        "value": "14px",
        "comment": "the xxs font-size"
      },
      "xs" : {
        "value": "16px",
        "comment": "the xs font-size"
      },
      "sm" : {
        "value": "20px",
        "comment": "the sm font-size"
      },
      "md" : {
        "value": "24px",
        "comment": "the md font-size"
      },
      "lg" : {
        "value": "32px",
        "comment": "the lg font-size"
      },
      "xl" : {
        "value": "40px",
        "comment": "the xl font-size"
      },
      "xxl" : {
        "value": "48px",
        "comment": "the xxl font-size"
      }
    },
    "weight": {
      "light" : {
        "value": "300",
        "comment": "the light font-weight"
      },
      "regular" : {
        "value": "400",
        "comment": "the regular font-weight"
      },
      "medium" : {
        "value": "600",
        "comment": "the medium font-weight"
      },
      "bold" : {
        "value": "700",
        "comment": "the bold font-weight"
      },
      "extrabold" : {
        "value": "800",
        "comment": "the extrabold font-weight"
      }
    }
  }
}

spacing.json

//.tokens/properties/spacings
{
  "spacing": {
      "quark" : {
        "value": "4px",
        "comment": "the quark spacing-inline"
      },
      "nano" : {
        "value": "8px",
        "comment": "the nano spacing-inline"
      },
      "xxxs" : {
        "value": "16px",
        "comment": "the xxxs spacing-inline"
      },
      "xxs" : {
        "value": "24px",
        "comment": "the xxs spacing-inline"
      },
      "xs" : {
        "value": "32px",
        "comment": "the xs spacing-inline"
      },
      "sm" : {
        "value": "40px",
        "comment": "the sm spacing-inline"
      },
      "md" : {
        "value": "48px",
        "comment": "the md spacing-inline"
      },
      "lg" : {
        "value": "56px",
        "comment": "the lg spacing-inline"
      },
      "xl" : {
        "value": "64px",
        "comment": "the xl spacing-inline"
      },
      "xxl" : {
        "value": "80px",
        "comment": "the xxl spacing-inline"
      }
    
  }
}