docs: add nodedc ui guideline registry

2026-05-01 22:28:34 +03:00
parent 85aa322990
commit c99c91c826
26 changed files with 1209 additions and 0 deletions
@@ -0,0 +1,24 @@
+:root {
+  --nodedc-accent-rgb: 195 255 102;
+  --nodedc-card-passive-rgb: 42 43 46;
+  --nodedc-card-active-rgb: 195 255 102;
+  --nodedc-on-accent-rgb: 11 17 23;
+  --nodedc-radius-modal: 1.75rem;
+  --nodedc-radius-card: 1.35rem;
+  --nodedc-radius-control: 1.25rem;
+  --nodedc-radius-option: 0.9rem;
+  --nodedc-radius-calendar: 1.1rem;
+  --nodedc-radius-circle: 999px;
+  --nodedc-toolbar-pill-height: 2.5rem;
+  --nodedc-control-ring: 2.92rem;
+  --nodedc-control-inset: 5px;
+  --nodedc-status-width: 8.65rem;
+  --nodedc-status-height: 2.08rem;
+  --nodedc-page-pad: 1.25rem;
+  --nodedc-panel-gap: 1.25rem;
+  --nodedc-panel-pad: 1rem;
+  --nodedc-dropdown-blur: 44px;
+  --nodedc-panel-blur: 28px;
+  --nodedc-modal-blur: 34px;
+}
+
@@ -0,0 +1,79 @@
+{
+  "schemaVersion": "0.1.0",
+  "name": "NODE.DC Design Tokens",
+  "color": {
+    "accentRgb": [195, 255, 102],
+    "onAccentRgb": [11, 17, 23],
+    "cardPassiveRgb": [42, 43, 46],
+    "cardActiveRgb": [195, 255, 102],
+    "surfaceBlack": "rgba(8, 8, 11, 0.9)",
+    "surfacePanel": "rgba(10, 10, 13, 0.88)",
+    "surfaceControl": "rgba(255, 255, 255, 0.06)",
+    "surfaceControlHover": "rgba(255, 255, 255, 0.10)",
+    "textPrimary": "rgba(255, 255, 255, 0.94)",
+    "textSecondary": "rgba(255, 255, 255, 0.74)",
+    "textMuted": "rgba(255, 255, 255, 0.54)"
+  },
+  "radius": {
+    "modal": "1.75rem",
+    "card": "1.35rem",
+    "control": "1.25rem",
+    "dropdownOption": "0.9rem",
+    "calendar": "1.1rem",
+    "circle": "999px"
+  },
+  "size": {
+    "toolbarHeight": "3rem",
+    "toolbarPillHeight": "2.5rem",
+    "controlRing": "2.92rem",
+    "controlInset": "5px",
+    "statusWidth": "8.65rem",
+    "statusHeight": "2.08rem",
+    "modalButtonHeight": "2.75rem",
+    "launcherRailHeight": "9.2rem"
+  },
+  "space": {
+    "pagePad": "1.25rem",
+    "panelGap": "1.25rem",
+    "panelPad": "1rem",
+    "controlGap": "0.65rem",
+    "dropdownPad": "0.75rem",
+    "tableCellX": "0.75rem",
+    "tableCellY": "0.48rem"
+  },
+  "blur": {
+    "dropdown": "44px",
+    "panel": "28px",
+    "modal": "34px",
+    "control": "18px"
+  },
+  "shadow": {
+    "dropdown": "0 22px 60px rgba(0, 0, 0, 0.36), 0 6px 18px rgba(0, 0, 0, 0.2)",
+    "panel": "0 34px 110px rgba(0, 0, 0, 0.52)",
+    "modal": "0 34px 120px rgba(0, 0, 0, 0.62)",
+    "workItem": "0 14px 34px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.035)"
+  },
+  "statusTone": {
+    "green": {
+      "background": "rgba(181, 255, 90, 0.075)",
+      "color": "rgba(226, 255, 190, 0.94)"
+    },
+    "yellow": {
+      "background": "rgba(246, 201, 95, 0.075)",
+      "color": "rgba(255, 232, 178, 0.94)"
+    },
+    "violet": {
+      "background": "rgba(210, 197, 255, 0.07)",
+      "color": "rgba(232, 225, 255, 0.92)"
+    },
+    "red": {
+      "background": "rgba(255, 120, 120, 0.07)",
+      "color": "rgba(255, 216, 216, 0.92)"
+    },
+    "muted": {
+      "background": "rgba(255, 255, 255, 0.075)",
+      "color": "rgba(255, 255, 255, 0.78)"
+    }
+  }
+}
+