@root-axis/design-tokens
Version:
A minimalistic set of design tokens for consistent UI elements in CSS, SCSS, JavaScript, TypeScript, and JSON
45 lines (44 loc) • 1.15 kB
JSON
{
"ColorNeutral50": "#fafafa",
"ColorNeutral100": "#f5f5f5",
"ColorNeutral200": "#e5e5e5",
"ColorNeutral300": "#d4d4d4",
"ColorNeutral400": "#a3a3a3",
"ColorNeutral500": "#737373",
"ColorNeutral600": "#525252",
"ColorNeutral700": "#404040",
"ColorNeutral800": "#262626",
"ColorNeutral900": "#171717",
"ColorNeutral950": "#0a0a0a",
"ColorBlue50": "#eff6ff",
"ColorBlue100": "#dbeafe",
"ColorBlue200": "#bfdbfe",
"ColorBlue300": "#93c5fd",
"ColorBlue400": "#60a5fa",
"ColorBlue500": "#3b82f6",
"ColorBlue600": "#2563eb",
"ColorBlue700": "#1d4ed8",
"ColorBlue800": "#1e40af",
"ColorBlue900": "#1e3a8a",
"ColorBlue950": "#172554",
"FontWeightThin": "100",
"FontWeightLight": "300",
"FontWeightNormal": "400",
"FontWeightMedium": "500",
"FontWeightSemibold": "600",
"FontWeightBold": "700",
"Size0": "0px",
"Size1": "1px",
"Size2": "4px",
"Size3": "8px",
"Size4": "12px",
"Size5": "16px",
"Size6": "20px",
"Size7": "24px",
"Size8": "32px",
"Size9": "40px",
"Size10": "48px",
"Size11": "64px",
"Size12": "80px",
"Size13": "96px"
}