@utopia-studio-design/design-system-cli 0.7.1 → 0.8.0

package/data/manifests/themes.json

@@ -229,7 +229,7 @@
       ],
       "principles": [
         "calm technical hierarchy",
-        "blue-led product surfaces",
+        "neutral charcoal Dark and cool-neutral Light product surfaces",
         "Manrope product typography",
         "Lucide icon system"
       ],
@@ -237,7 +237,8 @@
         "kind": "logo",
         "src": "/brand/dextrum-logo.svg",
         "alt": "Dextrum",
-        "usage": "Use only on Dextrum-branded surfaces."
+        "usage": "Canonical owner-supplied BLUE v2 transparent SVG. Preserve aspect ratio and colors. Document logo-on-band permits separate white rounded containers behind both logos on colored bands; do not bake a background into the SVG.",
+        "presentationSrc": "/brand/dextrum/blue-v2.svg"
       },
       "translations": {
         "ar": {
@@ -262,18 +263,18 @@
       "iconSystem": "lucide",
       "motionProfile": "swift",
       "values": {
-        "--background": "#192B39",
+        "--background": "#0E1215",
         "--foreground": "#EAEAEA",
-        "--card": "#2F3F4C",
+        "--card": "#171C20",
         "--card-foreground": "#EAEAEA",
         "--primary": "#3E8ECC",
-        "--primary-foreground": "#EAEAEA",
-        "--secondary": "#2F3F4C",
+        "--primary-foreground": "#101619",
+        "--secondary": "#1B2126",
         "--secondary-foreground": "#EAEAEA",
-        "--muted": "#243746",
-        "--muted-foreground": "#9BA6AE",
-        "--border": "rgba(234,234,234,0.14)",
-        "--input": "rgba(234,234,234,0.20)",
+        "--muted": "#171C20",
+        "--muted-foreground": "#909BA2",
+        "--border": "rgb(238 240 241 / 10%)",
+        "--input": "rgb(238 240 241 / 15%)",
         "--ring": "#3E8ECC",
         "--loading-background": "#192B39",
         "--loading-accent": "#3E8ECC",
@@ -321,9 +322,55 @@
         "--sidebar-rail-size": "8px",
         "--button-height": "40px",
         "--card-padding": "24px",
-        "--overlay": "color-mix(in srgb, #192B39 84%, transparent)",
-        "--modal-surface": "#2F3F4C",
-        "--popover-surface": "#2F3F4C"
+        "--overlay": "rgb(5 8 10 / 78%)",
+        "--modal-surface": "#1B2126",
+        "--popover-surface": "#1B2126",
+        "--foreground-muted": "#ADB4B8",
+        "--foreground-subtle": "#7F898F",
+        "--popover": "#1B2126",
+        "--popover-foreground": "#EAEAEA",
+        "--primary-hover": "#4A9AD4",
+        "--primary-active": "#26689A",
+        "--accent": "#20272C",
+        "--accent-foreground": "#EAEAEA",
+        "--surface": "rgb(255 255 255 / 2.8%)",
+        "--surface-strong": "rgb(255 255 255 / 5%)",
+        "--surface-elevated": "#1B2126",
+        "--surface-hover": "rgb(255 255 255 / 7%)",
+        "--sidebar": "#11161A",
+        "--sidebar-foreground": "#EAEAEA",
+        "--sidebar-primary": "#3E8ECC",
+        "--sidebar-primary-foreground": "#101619",
+        "--sidebar-accent": "rgb(62 142 204 / 12%)",
+        "--sidebar-accent-foreground": "#EAEAEA",
+        "--sidebar-border": "rgb(238 240 241 / 8%)",
+        "--sidebar-ring": "#3E8ECC"
+      },
+      "revision": "v2",
+      "documentFamily": {
+        "id": "venture-document",
+        "rulingDate": "2026-09-07",
+        "exemplar": "2026-09-07_dextrum_onepager-totalenergies-tier1-v1_1.pptx",
+        "scope": [
+          "documents",
+          "decks",
+          "one-pagers"
+        ],
+        "tokens": {
+          "--document-strip-background": "#C9E0F5",
+          "--document-strip-foreground": "#192B39",
+          "--document-eyebrow-foreground": "#3E8ECC",
+          "--document-chip-background": "#FFFFFF",
+          "--document-chip-foreground": "#192B39",
+          "--document-band-background": "#5B87AD",
+          "--document-band-foreground": "#FFFFFF",
+          "--document-logo-container-background": "#FFFFFF",
+          "--document-logo-container-radius": "var(--radius-surface)"
+        },
+        "logoTreatment": "logo-on-band: preserve transparent logo assets inside separate white rounded containers behind both logos on colored bands. Never edit the mark.",
+        "precedence": "Product surfaces use Ceramic v2. Documents, decks and one-pagers follow the 07 Sep document rulings until superseded; HTML is a delivery format, not a reason to discard the document ruling.",
+        "identityManifest": "public/brand/dextrum/ceramic.assets.json",
+        "legacyNote": "The 01 Sep design-language document in the supplied kit is historical v1, not the current product token authority."
       }
     },
     {
@@ -334,29 +381,107 @@
       "role": "Visual theme",
       "description": "Black-and-white theme with a spectral accent.",
       "motionProfile": "swift",
-      "bestFor": ["AI products", "Creative tools"],
-      "principles": ["monochrome first", "spectral color with purpose", "crisp geometry", "fast direct feedback", "accessible color-independent states"],
+      "bestFor": [
+        "AI products",
+        "Creative tools"
+      ],
+      "principles": [
+        "monochrome first",
+        "spectral color with purpose",
+        "crisp geometry",
+        "fast direct feedback",
+        "accessible color-independent states"
+      ],
       "preview": {
         "label": "PRISM / MONO",
         "foreground": "#090909",
         "background": "radial-gradient(circle at 78% 22%, rgba(66,133,244,.95), transparent 22%), radial-gradient(circle at 64% 70%, rgba(52,168,83,.9), transparent 24%), radial-gradient(circle at 34% 70%, rgba(251,188,4,.9), transparent 23%), radial-gradient(circle at 22% 22%, rgba(234,67,53,.9), transparent 24%), #f8f8f6"
       },
-      "translations": {"ar": {"name": "Prism Mono", "role": "ثيم بصري", "description": "ثيم أبيض وأسود مع تدرج طيفي.", "bestFor": ["منتجات الذكاء الاصطناعي", "الأدوات الإبداعية"], "principles": ["الأبيض والأسود أولاً", "لون طيفي هادف", "هندسة واضحة", "استجابة سريعة", "حالات لا تعتمد على اللون وحده"]}},
+      "translations": {
+        "ar": {
+          "name": "Prism Mono",
+          "role": "ثيم بصري",
+          "description": "ثيم أبيض وأسود مع تدرج طيفي.",
+          "bestFor": [
+            "منتجات الذكاء الاصطناعي",
+            "الأدوات الإبداعية"
+          ],
+          "principles": [
+            "الأبيض والأسود أولاً",
+            "لون طيفي هادف",
+            "هندسة واضحة",
+            "استجابة سريعة",
+            "حالات لا تعتمد على اللون وحده"
+          ]
+        }
+      },
       "policyManifest": "packages/design-system/src/manifests/theme-prism-mono.json",
       "css": "packages/design-system/src/themes/prism-mono.css",
       "iconSystem": "lucide",
       "values": {
-        "--background": "#F8F8F6", "--foreground": "#090909", "--card": "#FFFFFF", "--card-foreground": "#090909",
-        "--primary": "#090909", "--primary-foreground": "#FFFFFF", "--secondary": "#ECECEA", "--secondary-foreground": "#090909",
-        "--muted": "#E4E4E0", "--muted-foreground": "#5F5F5A", "--border": "#CACAC5", "--input": "#A9A9A3", "--ring": "#1A73E8",
-        "--loading-background": "#F8F8F6", "--loading-accent": "#1A73E8", "--loading-foreground": "#090909",
-        "--radius": "14px", "--radius-control": "999px", "--radius-surface": "24px", "--radius-chat-bubble": "20px", "--radius-chat-composer": "28px", "--radius-chat-token": "14px",
-        "--shadow-control": "0 1px 0 rgba(0,0,0,.08)", "--motion-duration-press": "90ms", "--motion-duration-page": "180ms", "--motion-duration-expand": "180ms", "--motion-duration-reveal": "220ms", "--motion-duration-icon": "280ms",
-        "--motion-ease-standard": "cubic-bezier(0.2,0,0,1)", "--motion-ease-emphasized": "cubic-bezier(0.16,1,0.3,1)", "--motion-ease-icon": "cubic-bezier(0.16,1,0.3,1)", "--motion-press-scale": ".98", "--motion-distance-page": "6px", "--motion-distance-reveal": "8px",
-        "--font-sans": "TWK Lausanne", "--font-display": "TWK Lausanne", "--font-ui-support": "TWK Lausanne", "--font-marketing-display": "TWK Lausanne", "--font-arabic": "IBM Plex Sans Arabic", "--font-arabic-body": "IBM Plex Sans Arabic", "--font-arabic-display": "IBM Plex Sans Arabic",
-        "--font-weight-arabic-body": "400", "--font-weight-arabic-display": "700", "--font-size-display": "clamp(2.75rem,7vw,5.75rem)", "--font-size-arabic-body": "16px", "--font-size-arabic-body-lg": "19px", "--font-size-arabic-display": "clamp(2.6rem,6.6vw,5.4rem)", "--line-height-arabic": "1.75", "--line-height-arabic-body": "1.75", "--line-height-arabic-display": "1.16", "--tracking-arabic": "0", "--tracking-arabic-display": "0",
-        "--sidebar-width": "17rem", "--control-height-sm": "2rem", "--sidebar-width-collapsed": "4rem", "--sidebar-min-block-size": "30rem", "--sidebar-rail-size": "8px", "--button-height": "40px", "--card-padding": "24px",
-        "--overlay": "rgb(9 9 9 / 82%)", "--modal-surface": "#FFFFFF", "--popover-surface": "#FFFFFF", "--prism-spectrum": "linear-gradient(90deg,#EA4335,#FBBC04,#34A853,#4285F4)"
+        "--background": "#F8F8F6",
+        "--foreground": "#090909",
+        "--card": "#FFFFFF",
+        "--card-foreground": "#090909",
+        "--primary": "#090909",
+        "--primary-foreground": "#FFFFFF",
+        "--secondary": "#ECECEA",
+        "--secondary-foreground": "#090909",
+        "--muted": "#E4E4E0",
+        "--muted-foreground": "#5F5F5A",
+        "--border": "#CACAC5",
+        "--input": "#A9A9A3",
+        "--ring": "#1A73E8",
+        "--loading-background": "#F8F8F6",
+        "--loading-accent": "#1A73E8",
+        "--loading-foreground": "#090909",
+        "--radius": "14px",
+        "--radius-control": "999px",
+        "--radius-surface": "24px",
+        "--radius-chat-bubble": "20px",
+        "--radius-chat-composer": "28px",
+        "--radius-chat-token": "14px",
+        "--shadow-control": "0 1px 0 rgba(0,0,0,.08)",
+        "--motion-duration-press": "90ms",
+        "--motion-duration-page": "180ms",
+        "--motion-duration-expand": "180ms",
+        "--motion-duration-reveal": "220ms",
+        "--motion-duration-icon": "280ms",
+        "--motion-ease-standard": "cubic-bezier(0.2,0,0,1)",
+        "--motion-ease-emphasized": "cubic-bezier(0.16,1,0.3,1)",
+        "--motion-ease-icon": "cubic-bezier(0.16,1,0.3,1)",
+        "--motion-press-scale": ".98",
+        "--motion-distance-page": "6px",
+        "--motion-distance-reveal": "8px",
+        "--font-sans": "TWK Lausanne",
+        "--font-display": "TWK Lausanne",
+        "--font-ui-support": "TWK Lausanne",
+        "--font-marketing-display": "TWK Lausanne",
+        "--font-arabic": "IBM Plex Sans Arabic",
+        "--font-arabic-body": "IBM Plex Sans Arabic",
+        "--font-arabic-display": "IBM Plex Sans Arabic",
+        "--font-weight-arabic-body": "400",
+        "--font-weight-arabic-display": "700",
+        "--font-size-display": "clamp(2.75rem,7vw,5.75rem)",
+        "--font-size-arabic-body": "16px",
+        "--font-size-arabic-body-lg": "19px",
+        "--font-size-arabic-display": "clamp(2.6rem,6.6vw,5.4rem)",
+        "--line-height-arabic": "1.75",
+        "--line-height-arabic-body": "1.75",
+        "--line-height-arabic-display": "1.16",
+        "--tracking-arabic": "0",
+        "--tracking-arabic-display": "0",
+        "--sidebar-width": "17rem",
+        "--control-height-sm": "2rem",
+        "--sidebar-width-collapsed": "4rem",
+        "--sidebar-min-block-size": "30rem",
+        "--sidebar-rail-size": "8px",
+        "--button-height": "40px",
+        "--card-padding": "24px",
+        "--overlay": "rgb(9 9 9 / 82%)",
+        "--modal-surface": "#FFFFFF",
+        "--popover-surface": "#FFFFFF",
+        "--prism-spectrum": "linear-gradient(90deg,#EA4335,#FBBC04,#34A853,#4285F4)"
       }
     },
     {
@@ -377,7 +502,11 @@
         "independent brand and color mode",
         "restrained detector and assurance signals"
       ],
-      "preview": {"label": "BARRIER / INTELLIGENCE", "foreground": "#D2AC6C", "background": "radial-gradient(circle at 76% 20%, rgba(210,172,108,.24), transparent 32%), linear-gradient(145deg,#050505,#16120c 68%,#050505)"},
+      "preview": {
+        "label": "BARRIER / INTELLIGENCE",
+        "foreground": "#D2AC6C",
+        "background": "radial-gradient(circle at 76% 20%, rgba(210,172,108,.24), transparent 32%), linear-gradient(145deg,#050505,#16120c 68%,#050505)"
+      },
       "translations": {
         "ar": {
           "name": "Barrier Intelligence",
@@ -487,21 +616,106 @@
       "role": "Visual theme",
       "description": "Early-web theme with rounded geometry and pastel colors.",
       "motionProfile": "swift",
-      "bestFor": ["Youth and culture products", "Community and campaign pages"],
-      "principles": ["cute but legible", "bubble geometry", "pastel energy", "tactile offset depth", "nostalgia with modern accessibility"],
-      "preview": {"label": "Y2K ✦ POP", "foreground": "#35144F", "background": "radial-gradient(circle at 25% 22%,#fff 0 7%,transparent 8%), radial-gradient(circle at 78% 28%,#B6FF64 0 13%,transparent 14%), radial-gradient(circle at 30% 78%,#76E5FF 0 18%,transparent 19%), linear-gradient(135deg,#FFB9E8,#C8B6FF 55%,#FFF49A)"},
-      "translations": {"ar": {"name": "Y2K Pop", "role": "ثيم بصري", "description": "ثيم مستوحى من الويب المبكر بهندسة مستديرة وألوان باستيل.", "bestFor": ["منتجات الشباب والثقافة", "صفحات المجتمع والحملات"], "principles": ["لطيف وواضح", "هندسة فقاعية", "طاقة الباستيل", "عمق ملموس", "حنين مع وصول حديث"]}},
+      "bestFor": [
+        "Youth and culture products",
+        "Community and campaign pages"
+      ],
+      "principles": [
+        "cute but legible",
+        "bubble geometry",
+        "pastel energy",
+        "tactile offset depth",
+        "nostalgia with modern accessibility"
+      ],
+      "preview": {
+        "label": "Y2K ✦ POP",
+        "foreground": "#35144F",
+        "background": "radial-gradient(circle at 25% 22%,#fff 0 7%,transparent 8%), radial-gradient(circle at 78% 28%,#B6FF64 0 13%,transparent 14%), radial-gradient(circle at 30% 78%,#76E5FF 0 18%,transparent 19%), linear-gradient(135deg,#FFB9E8,#C8B6FF 55%,#FFF49A)"
+      },
+      "translations": {
+        "ar": {
+          "name": "Y2K Pop",
+          "role": "ثيم بصري",
+          "description": "ثيم مستوحى من الويب المبكر بهندسة مستديرة وألوان باستيل.",
+          "bestFor": [
+            "منتجات الشباب والثقافة",
+            "صفحات المجتمع والحملات"
+          ],
+          "principles": [
+            "لطيف وواضح",
+            "هندسة فقاعية",
+            "طاقة الباستيل",
+            "عمق ملموس",
+            "حنين مع وصول حديث"
+          ]
+        }
+      },
       "policyManifest": "packages/design-system/src/manifests/theme-y2k-pop.json",
       "css": "packages/design-system/src/themes/y2k-pop.css",
       "iconSystem": "lucide-rounded",
       "values": {
-        "--background": "#FFF6FD", "--foreground": "#35144F", "--card": "#FFFFFF", "--card-foreground": "#35144F",
-        "--primary": "#6C2BD9", "--primary-foreground": "#FFFFFF", "--secondary": "#FFD4F0", "--secondary-foreground": "#35144F", "--muted": "#EFE5FA", "--muted-foreground": "#725E81", "--border": "#8B68A5", "--input": "#8B68A5", "--ring": "#6C2BD9",
-        "--loading-background": "#FFF6FD", "--loading-accent": "#6C2BD9", "--loading-foreground": "#35144F",
-        "--radius": "22px", "--radius-control": "999px", "--radius-surface": "32px", "--radius-chat-bubble": "26px", "--radius-chat-composer": "32px", "--radius-chat-token": "18px", "--shadow-control": "3px 3px 0 #35144F",
-        "--motion-duration-press": "90ms", "--motion-duration-page": "180ms", "--motion-duration-expand": "200ms", "--motion-duration-reveal": "240ms", "--motion-duration-icon": "300ms", "--motion-ease-standard": "cubic-bezier(.2,0,0,1)", "--motion-ease-emphasized": "cubic-bezier(.2,1.35,.4,1)", "--motion-ease-icon": "cubic-bezier(.2,1.35,.4,1)", "--motion-press-scale": ".96", "--motion-distance-page": "8px", "--motion-distance-reveal": "12px",
-        "--font-sans": "TWK Lausanne", "--font-display": "TWK Lausanne", "--font-ui-support": "TWK Lausanne", "--font-marketing-display": "TWK Lausanne", "--font-arabic": "IBM Plex Sans Arabic", "--font-arabic-body": "IBM Plex Sans Arabic", "--font-arabic-display": "IBM Plex Sans Arabic", "--font-weight-arabic-body": "400", "--font-weight-arabic-display": "700", "--font-size-display": "clamp(2.75rem,7.4vw,6rem)", "--font-size-arabic-body": "16px", "--font-size-arabic-body-lg": "19px", "--font-size-arabic-display": "clamp(2.6rem,7vw,5.6rem)", "--line-height-arabic": "1.75", "--line-height-arabic-body": "1.75", "--line-height-arabic-display": "1.18", "--tracking-arabic": "0", "--tracking-arabic-display": "0",
-        "--sidebar-width": "17rem", "--control-height-sm": "2rem", "--sidebar-width-collapsed": "4rem", "--sidebar-min-block-size": "30rem", "--sidebar-rail-size": "8px", "--button-height": "42px", "--card-padding": "24px", "--overlay": "rgb(53 20 79 / 74%)", "--modal-surface": "#FFFFFF", "--popover-surface": "#FFFFFF"
+        "--background": "#FFF6FD",
+        "--foreground": "#35144F",
+        "--card": "#FFFFFF",
+        "--card-foreground": "#35144F",
+        "--primary": "#6C2BD9",
+        "--primary-foreground": "#FFFFFF",
+        "--secondary": "#FFD4F0",
+        "--secondary-foreground": "#35144F",
+        "--muted": "#EFE5FA",
+        "--muted-foreground": "#725E81",
+        "--border": "#8B68A5",
+        "--input": "#8B68A5",
+        "--ring": "#6C2BD9",
+        "--loading-background": "#FFF6FD",
+        "--loading-accent": "#6C2BD9",
+        "--loading-foreground": "#35144F",
+        "--radius": "22px",
+        "--radius-control": "999px",
+        "--radius-surface": "32px",
+        "--radius-chat-bubble": "26px",
+        "--radius-chat-composer": "32px",
+        "--radius-chat-token": "18px",
+        "--shadow-control": "3px 3px 0 #35144F",
+        "--motion-duration-press": "90ms",
+        "--motion-duration-page": "180ms",
+        "--motion-duration-expand": "200ms",
+        "--motion-duration-reveal": "240ms",
+        "--motion-duration-icon": "300ms",
+        "--motion-ease-standard": "cubic-bezier(.2,0,0,1)",
+        "--motion-ease-emphasized": "cubic-bezier(.2,1.35,.4,1)",
+        "--motion-ease-icon": "cubic-bezier(.2,1.35,.4,1)",
+        "--motion-press-scale": ".96",
+        "--motion-distance-page": "8px",
+        "--motion-distance-reveal": "12px",
+        "--font-sans": "TWK Lausanne",
+        "--font-display": "TWK Lausanne",
+        "--font-ui-support": "TWK Lausanne",
+        "--font-marketing-display": "TWK Lausanne",
+        "--font-arabic": "IBM Plex Sans Arabic",
+        "--font-arabic-body": "IBM Plex Sans Arabic",
+        "--font-arabic-display": "IBM Plex Sans Arabic",
+        "--font-weight-arabic-body": "400",
+        "--font-weight-arabic-display": "700",
+        "--font-size-display": "clamp(2.75rem,7.4vw,6rem)",
+        "--font-size-arabic-body": "16px",
+        "--font-size-arabic-body-lg": "19px",
+        "--font-size-arabic-display": "clamp(2.6rem,7vw,5.6rem)",
+        "--line-height-arabic": "1.75",
+        "--line-height-arabic-body": "1.75",
+        "--line-height-arabic-display": "1.18",
+        "--tracking-arabic": "0",
+        "--tracking-arabic-display": "0",
+        "--sidebar-width": "17rem",
+        "--control-height-sm": "2rem",
+        "--sidebar-width-collapsed": "4rem",
+        "--sidebar-min-block-size": "30rem",
+        "--sidebar-rail-size": "8px",
+        "--button-height": "42px",
+        "--card-padding": "24px",
+        "--overlay": "rgb(53 20 79 / 74%)",
+        "--modal-surface": "#FFFFFF",
+        "--popover-surface": "#FFFFFF"
       }
     },
     {