brand: Scirium logo (The Cited Element) and design-token SSOT

Add the official Scirium wordmark production assets and the shared design-token source of truth extracted from the converged landing page. - Production logo assets (14 files): outlined Fraunces wordmark in color, mono, and reversed SVG; print PNGs at 2700x1000; email-signature PNGs at 270x100; full favicon set (SVG, ICO, 16/32/48/512, apple-touch-icon). - design-tokens.json (v1.0.0) and design-tokens.css: brand primitives, 20 color tokens per theme, font stacks, shadows, radius and type scale, breakpoints. - Wordmark integrates theme-adaptive on the live page: ink via currentColor, dot via --highlight, underline via --accent (verified light and dark).
2026-08-16 15:53:36 -04:00
parent 81d17b4e2e
commit e27bf78487
16 changed files with 210 additions and 0 deletions
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" role="img" aria-labelledby="t">
+  <title id="t">Scirium favicon glyph</title>
+  <path fill="#17150f" d="M32.88 55.66Q29.99 55.66 28.11 54.80Q26.24 53.95 25.19 53.09Q24.14 52.24 23.74 52.24Q23.45 52.24 22.84 52.78Q22.23 53.32 21.49 54.05Q20.75 54.77 20.11 55.31Q19.47 55.85 19.11 55.85Q18.91 55.85 18.65 55.67Q18.39 55.49 18.32 55.20L15.99 39.95Q15.96 39.72 15.99 39.59Q16.02 39.46 16.09 39.43Q16.19 39.36 16.30 39.44Q16.42 39.52 16.52 39.69Q19.70 45.87 22.40 49.17Q25.09 52.47 27.42 53.72Q29.76 54.97 31.93 54.97Q35.28 54.97 37.27 53.19Q39.25 51.42 39.25 47.80Q39.25 45.50 38.35 43.65Q37.45 41.79 35.31 40.28Q33.17 38.77 29.46 37.49Q24.14 35.65 20.94 33.36Q17.73 31.08 16.30 28.27Q14.87 25.46 14.87 21.98Q14.87 17.94 16.96 14.87Q19.05 11.79 22.74 10.07Q26.44 8.34 31.30 8.34Q33.83 8.34 35.51 8.93Q37.18 9.53 38.22 10.12Q39.25 10.71 39.78 10.71Q40.30 10.71 41.37 10.07Q42.44 9.43 43.46 8.79Q44.48 8.15 44.94 8.15Q45.10 8.15 45.28 8.26Q45.46 8.38 45.50 8.67L49.11 23.49Q49.14 23.75 49.11 23.85Q49.08 23.95 48.98 24.02Q48.91 24.05 48.78 23.98Q48.65 23.92 48.58 23.79Q45.07 17.87 42.26 14.67Q39.45 11.46 36.97 10.27Q34.49 9.07 32.02 9.07Q28.97 9.07 27.01 11.12Q25.06 13.17 25.06 16.69Q25.06 19.09 25.91 20.99Q26.77 22.90 28.77 24.44Q30.78 25.99 34.26 27.20Q39.84 29.17 43.08 31.41Q46.32 33.64 47.68 36.30Q49.04 38.97 49.04 42.25Q49.04 46.00 47.12 49.04Q45.20 52.08 41.59 53.87Q37.97 55.66 32.88 55.66Z"/>
+  <circle fill="#f0c14f" cx="32.87" cy="18.37" r="2.82"/>
+  <rect fill="#0d7a6a" x="14.87" y="58" width="34.25" height="3.4" rx="1.7"/>
+</svg>
@@ -0,0 +1,68 @@
+/* Scirium design tokens v1.0.0 — single source of truth
+   Extracted from the converged landing page (mockups.itpropartner.com/scirium)
+   on 2026-08-16. Consumers: landing page, admin console, Rocket.Chat theme.
+   Edit here, then re-import into each surface. Do not fork colors per surface. */
+
+:root{
+  --bg:#f5f3ee;
+  --bg-2:#eeebe4;
+  --surface:#fdfbf7;
+  --ink:#17150f;
+  --ink-soft:#3f3a31;
+  --muted:#6c665c;
+  --faint:#97917f;
+  --line:#e2dccd;
+  --line-strong:#cfc7b4;
+  --accent:#0d7a6a;
+  --accent-ink:#0a5f53;
+  --accent-soft:rgba(13,122,106,0.09);
+  --highlight:#f0c14f;
+  --highlight-soft:rgba(240,193,79,0.32);
+  --glow:rgba(13,122,106,0.16);
+  --grain-opacity:0.035;
+  --nav-bg:rgba(245,243,238,0.82);
+  --shadow:0 1px 2px rgba(23,21,15,0.05),0 12px 40px rgba(23,21,15,0.07);
+  --shadow-lg:0 2px 6px rgba(23,21,15,0.06),0 30px 80px rgba(23,21,15,0.14);
+  --btn-bg:#0d7a6a;
+  --btn-bg-hover:#0a5f53;
+  --btn-fg:#ffffff;
+  --danger:#b3261e;
+  --serif:"Fraunces",Georgia,serif;
+  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
+  --mono:"JetBrains Mono","SF Mono",ui-monospace,monospace;
+
+  /* derived scales — codified from values currently hardcoded per-component on the
+     landing page; migrate components to these going forward */
+  --radius-xs:5px;
+  --radius-sm:8px;
+  --radius-md:12px;
+  --radius-lg:16px;
+  --radius-xl:20px;
+  --radius-pill:999px;
+}
+
+html[data-theme="dark"]{
+  --bg:#0b0b0d;
+  --bg-2:#111114;
+  --surface:#151519;
+  --ink:#f1eee7;
+  --ink-soft:#c9c5bb;
+  --muted:#969186;
+  --faint:#635f57;
+  --line:#242428;
+  --line-strong:#333338;
+  --accent:#4fd0b8;
+  --accent-ink:#7de3cd;
+  --accent-soft:rgba(79,208,184,0.1);
+  --highlight:#e6b74a;
+  --highlight-soft:rgba(230,183,74,0.22);
+  --glow:rgba(79,208,184,0.16);
+  --grain-opacity:0.05;
+  --nav-bg:rgba(11,11,13,0.8);
+  --shadow:0 1px 2px rgba(0,0,0,0.4),0 12px 40px rgba(0,0,0,0.5);
+  --shadow-lg:0 2px 6px rgba(0,0,0,0.5),0 30px 80px rgba(0,0,0,0.6);
+  --btn-bg:#0d7a6a;
+  --btn-bg-hover:#0a5f53;
+  --btn-fg:#ffffff;
+  --danger:#f28b82;
+}
@@ -0,0 +1,115 @@
+{
+  "name": "Scirium",
+  "version": "1.0.0",
+  "updated": "2026-08-16",
+  "source": "Extracted from the converged landing page (mockups.itpropartner.com/scirium). Color, font, and shadow tokens are exact; radius and type scale are codified from values currently hardcoded per-component.",
+  "brand": {
+    "primary": "#0d7a6a",
+    "primaryHover": "#0a5f53",
+    "ink": "#17150f",
+    "paper": "#f5f3ee",
+    "dark": "#0b0b0d",
+    "amber": "#f0c14f"
+  },
+  "theme": {
+    "light": {
+      "color": {
+        "bg": "#f5f3ee",
+        "bg-2": "#eeebe4",
+        "surface": "#fdfbf7",
+        "ink": "#17150f",
+        "ink-soft": "#3f3a31",
+        "muted": "#6c665c",
+        "faint": "#97917f",
+        "line": "#e2dccd",
+        "line-strong": "#cfc7b4",
+        "accent": "#0d7a6a",
+        "accent-ink": "#0a5f53",
+        "accent-soft": "rgba(13,122,106,0.09)",
+        "highlight": "#f0c14f",
+        "highlight-soft": "rgba(240,193,79,0.32)",
+        "glow": "rgba(13,122,106,0.16)",
+        "nav-bg": "rgba(245,243,238,0.82)",
+        "danger": "#b3261e",
+        "btn-bg": "#0d7a6a",
+        "btn-bg-hover": "#0a5f53",
+        "btn-fg": "#ffffff"
+      },
+      "shadow": {
+        "default": "0 1px 2px rgba(23,21,15,0.05), 0 12px 40px rgba(23,21,15,0.07)",
+        "large": "0 2px 6px rgba(23,21,15,0.06), 0 30px 80px rgba(23,21,15,0.14)"
+      },
+      "grainOpacity": 0.035
+    },
+    "dark": {
+      "color": {
+        "bg": "#0b0b0d",
+        "bg-2": "#111114",
+        "surface": "#151519",
+        "ink": "#f1eee7",
+        "ink-soft": "#c9c5bb",
+        "muted": "#969186",
+        "faint": "#635f57",
+        "line": "#242428",
+        "line-strong": "#333338",
+        "accent": "#4fd0b8",
+        "accent-ink": "#7de3cd",
+        "accent-soft": "rgba(79,208,184,0.1)",
+        "highlight": "#e6b74a",
+        "highlight-soft": "rgba(230,183,74,0.22)",
+        "glow": "rgba(79,208,184,0.16)",
+        "nav-bg": "rgba(11,11,13,0.8)",
+        "danger": "#f28b82",
+        "btn-bg": "#0d7a6a",
+        "btn-bg-hover": "#0a5f53",
+        "btn-fg": "#ffffff"
+      },
+      "shadow": {
+        "default": "0 1px 2px rgba(0,0,0,0.4), 0 12px 40px rgba(0,0,0,0.5)",
+        "large": "0 2px 6px rgba(0,0,0,0.5), 0 30px 80px rgba(0,0,0,0.6)"
+      },
+      "grainOpacity": 0.05
+    }
+  },
+  "font": {
+    "family": {
+      "serif": ["Fraunces", "Georgia", "serif"],
+      "sans": ["Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "sans-serif"],
+      "mono": ["JetBrains Mono", "SF Mono", "ui-monospace", "monospace"]
+    },
+    "weight": {
+      "regular": 400,
+      "medium": 500,
+      "semibold": 600
+    },
+    "size": {
+      "display": "clamp(46px, 6.2vw, 82px)",
+      "h2": "clamp(32px, 4.4vw, 52px)",
+      "h3": "22px",
+      "quote": "21px",
+      "lead": "19px",
+      "brand": "19px",
+      "body": "16px",
+      "bodySmall": "14px",
+      "meta": "13px",
+      "label": "12px",
+      "micro": "11px",
+      "caption": "10px"
+    }
+  },
+  "radius": {
+    "xs": "5px",
+    "sm": "8px",
+    "md": "12px",
+    "lg": "16px",
+    "xl": "20px",
+    "pill": "999px"
+  },
+  "breakpoint": {
+    "1024": "hero/problem grids collapse to 1 column; roadmap 2-col; contact 1-col",
+    "900": "nav links hidden",
+    "820": "comparison table stacks; examples 1-col; form 1-col",
+    "720": "invariant (channel) grid 1-col",
+    "640": "section padding reduced; roadmap 1-col; footer and callout stack"
+  }
+}