Establish NODE.DC design system baseline

2026-07-10 02:34:36 +03:00
commit 73629d68c3
63 changed files with 6701 additions and 0 deletions
@@ -0,0 +1,61 @@
+{
+  "$schema": "https://design-tokens.github.io/community-group/format/",
+  "schemaVersion": "1.0.0",
+  "name": "NODE.DC Design Tokens",
+  "color": {
+    "accentRgb": { "$type": "color", "$value": "rgb(195 255 102)" },
+    "onAccentRgb": { "$type": "color", "$value": "rgb(11 17 23)" },
+    "dangerRgb": { "$type": "color", "$value": "rgb(255 116 116)" },
+    "warningRgb": { "$type": "color", "$value": "rgb(255 209 102)" },
+    "successRgb": { "$type": "color", "$value": "rgb(181 255 90)" }
+  },
+  "radius": {
+    "modal": { "$type": "dimension", "$value": "28px" },
+    "panel": { "$type": "dimension", "$value": "22px" },
+    "card": { "$type": "dimension", "$value": "21.6px" },
+    "control": { "$type": "dimension", "$value": "20px" },
+    "controlCompact": { "$type": "dimension", "$value": "14px" },
+    "option": { "$type": "dimension", "$value": "14.4px" },
+    "circle": { "$type": "dimension", "$value": "999px" }
+  },
+  "size": {
+    "control": { "$type": "dimension", "$value": "46px" },
+    "controlCompact": { "$type": "dimension", "$value": "38px" },
+    "iconButton": { "$type": "dimension", "$value": "46px" },
+    "headerRow": { "$type": "dimension", "$value": "48px" },
+    "headerPill": { "$type": "dimension", "$value": "55.2px" },
+    "logoWidth": { "$type": "dimension", "$value": "116px" },
+    "logoHeight": { "$type": "dimension", "$value": "28.64px" },
+    "inspectorWidth": { "$type": "dimension", "$value": "390px" }
+  },
+  "space": {
+    "1": { "$type": "dimension", "$value": "4px" },
+    "2": { "$type": "dimension", "$value": "8px" },
+    "3": { "$type": "dimension", "$value": "12px" },
+    "4": { "$type": "dimension", "$value": "16px" },
+    "5": { "$type": "dimension", "$value": "20px" },
+    "6": { "$type": "dimension", "$value": "24px" },
+    "8": { "$type": "dimension", "$value": "32px" },
+    "page": { "$type": "dimension", "$value": "20px" }
+  },
+  "blur": {
+    "control": { "$type": "dimension", "$value": "24px" },
+    "panel": { "$type": "dimension", "$value": "44px" },
+    "modal": { "$type": "dimension", "$value": "64px" },
+    "dropdown": { "$type": "dimension", "$value": "44px" }
+  },
+  "duration": {
+    "fast": { "$type": "duration", "$value": "120ms" },
+    "normal": { "$type": "duration", "$value": "180ms" },
+    "slow": { "$type": "duration", "$value": "260ms" }
+  },
+  "layer": {
+    "base": { "$type": "number", "$value": 0 },
+    "panel": { "$type": "number", "$value": 100 },
+    "header": { "$type": "number", "$value": 400 },
+    "overlay": { "$type": "number", "$value": 800 },
+    "popover": { "$type": "number", "$value": 900 },
+    "toast": { "$type": "number", "$value": 950 }
+  }
+}
+