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).
|
After Width: | Height: | Size: 6.0 KiB |
|
After Width: | Height: | Size: 517 B |
|
After Width: | Height: | Size: 977 B |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
@@ -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>
|
||||||
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 70 KiB |
|
After Width: | Height: | Size: 70 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 19 KiB |
@@ -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"
|
||||||
|
}
|
||||||
|
}
|
||||||