Branding

2026-09-12 14:06:02 -04:00
parent 0e52942b8b
commit 18802cb55d
23 changed files with 459 additions and 39 deletions
@@ -0,0 +1,40 @@
+@define-color jarvis_gold #F4B942;
+@define-color jarvis_gold_bright #FFE09A;
+@define-color jarvis_signal #4FD2FF;
+@define-color jarvis_ink #0B0E14;
+@define-color jarvis_slate #16191F;
+@define-color accent_color @jarvis_gold;
+@define-color accent_bg_color @jarvis_gold;
+@define-color accent_fg_color @jarvis_slate;
+
+.jarvis-brand-name {
+  font-weight: 800;
+  letter-spacing: 0.6px;
+}
+
+.jarvis-brand-tagline {
+  font-size: 12px;
+}
+
+button.jarvis-swatch {
+  min-width: 24px;
+  min-height: 24px;
+  padding: 0;
+  border-radius: 999px;
+  border: 1px solid alpha(#ffffff, 0.22);
+}
+
+button.jarvis-swatch-gold { background: #F4B942; }
+button.jarvis-swatch-signal { background: #4FD2FF; }
+button.jarvis-swatch-copper { background: #E07A3D; }
+button.jarvis-swatch-jade { background: #3DDC97; }
+button.jarvis-swatch-rose { background: #F071A8; }
+
+button.jarvis-swatch:hover {
+  border-color: alpha(#ffffff, 0.55);
+}
+
+button.jarvis-swatch:checked,
+button.jarvis-swatch:active {
+  box-shadow: 0 0 0 2px @jarvis_ink, 0 0 0 4px @jarvis_gold;
+}
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" role="img" aria-label="Jarvis">
+  <title>Jarvis</title>
+  <defs>
+    <radialGradient id="glow" cx="50%" cy="42%" r="48%">
+      <stop offset="0%" stop-color="#4FD2FF" stop-opacity=".22"/>
+      <stop offset="100%" stop-color="#0B0E14" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+  <rect width="128" height="128" rx="28" fill="#0B0E14"/>
+  <rect x="5" y="5" width="118" height="118" rx="24" fill="none" stroke="#F4B942" stroke-opacity=".2" stroke-width="1.5"/>
+  <circle cx="64" cy="58" r="42" fill="url(#glow)"/>
+  <g transform="translate(32 22) scale(1)">
+    <path d="M14.5 30.5c0-10.77 8.73-19.5 19.5-19.5 8.05 0 14.95 4.88 17.92 11.82" fill="none" stroke="#F4B942" stroke-width="6" stroke-linecap="round"/>
+    <path d="M34 11v29.5c0 6.35-5.15 11.5-11.5 11.5" fill="none" stroke="#F4B942" stroke-width="6" stroke-linecap="round"/>
+    <circle cx="34" cy="33" r="5.5" fill="#4FD2FF"/>
+  </g>
+</svg>
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" role="img" aria-label="Jarvis">
+  <path d="M3.2 7.4A5.3 5.3 0 0 1 8.5 2.2c2.2 0 4.1 1.33 4.9 3.25" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/>
+  <path d="M8.5 2.2v7.7A3.1 3.1 0 0 1 5.4 13" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/>
+  <circle cx="8.5" cy="8.1" r="1.25" fill="currentColor"/>
+</svg>
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" role="img" aria-label="Jarvis">
+  <title>Jarvis</title>
+  <path d="M14.5 30.5c0-10.77 8.73-19.5 19.5-19.5 8.05 0 14.95 4.88 17.92 11.82" stroke="#F4B942" stroke-width="5.5" stroke-linecap="round"/>
+  <path d="M34 11v29.5c0 6.35-5.15 11.5-11.5 11.5" stroke="#F4B942" stroke-width="5.5" stroke-linecap="round"/>
+  <circle cx="34" cy="33" r="5" fill="#4FD2FF"/>
+</svg>
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 64" role="img" aria-label="Jarvis">
+  <title>Jarvis</title>
+  <g transform="translate(8 10) scale(.68)">
+    <path d="M14.5 30.5c0-10.77 8.73-19.5 19.5-19.5 8.05 0 14.95 4.88 17.92 11.82" fill="none" stroke="#F4B942" stroke-width="5.5" stroke-linecap="round"/>
+    <path d="M34 11v29.5c0 6.35-5.15 11.5-11.5 11.5" fill="none" stroke="#F4B942" stroke-width="5.5" stroke-linecap="round"/>
+    <circle cx="34" cy="33" r="5" fill="#4FD2FF"/>
+  </g>
+  <text x="64" y="42" fill="#F6F7FB" font-family="Adwaita Sans, Cantarell, sans-serif" font-size="26" font-weight="700" letter-spacing="3.2">JARVIS</text>
+</svg>
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" role="img" aria-label="Jarvis">
+  <title>Jarvis</title>
+  <defs>
+    <radialGradient id="glow" cx="50%" cy="42%" r="48%">
+      <stop offset="0%" stop-color="#4FD2FF" stop-opacity=".22"/>
+      <stop offset="100%" stop-color="#0B0E14" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+  <rect width="128" height="128" rx="28" fill="#0B0E14"/>
+  <rect x="5" y="5" width="118" height="118" rx="24" fill="none" stroke="#F4B942" stroke-opacity=".2" stroke-width="1.5"/>
+  <circle cx="64" cy="58" r="42" fill="url(#glow)"/>
+  <g transform="translate(32 22) scale(1)">
+    <path d="M14.5 30.5c0-10.77 8.73-19.5 19.5-19.5 8.05 0 14.95 4.88 17.92 11.82" fill="none" stroke="#F4B942" stroke-width="6" stroke-linecap="round"/>
+    <path d="M34 11v29.5c0 6.35-5.15 11.5-11.5 11.5" fill="none" stroke="#F4B942" stroke-width="6" stroke-linecap="round"/>
+    <circle cx="34" cy="33" r="5.5" fill="#4FD2FF"/>
+  </g>
+</svg>
@@ -0,0 +1,36 @@
+{
+  "name": "Jarvis",
+  "product": "Jarvis QVAC",
+  "tagline": "Local voice for your desktop",
+  "voice": "Precise, warm, local-first. Gold is presence. Cyan is thought.",
+  "applicationId": "io.qvac.Jarvis.Control",
+  "uuid": "[email protected]",
+  "colors": {
+    "gold": "#F4B942",
+    "goldBright": "#FFE09A",
+    "goldDeep": "#C48A1A",
+    "signal": "#4FD2FF",
+    "ink": "#0B0E14",
+    "slate": "#16191F",
+    "paper": "#F6F7FB",
+    "mute": "#AEB6C8",
+    "dim": "#9AA8C0"
+  },
+  "accents": [
+    { "id": "gold", "label": "Gold", "value": "#F4B942" },
+    { "id": "signal", "label": "Signal", "value": "#4FD2FF" },
+    { "id": "copper", "label": "Copper", "value": "#E07A3D" },
+    { "id": "jade", "label": "Jade", "value": "#3DDC97" },
+    { "id": "rose", "label": "Rose", "value": "#F071A8" }
+  ],
+  "type": {
+    "ui": "Adwaita Sans / Cantarell",
+    "wordmarkTracking": "0.8px",
+    "wordmarkWeight": 700
+  },
+  "radius": {
+    "hud": 16,
+    "chip": 999,
+    "row": 8
+  }
+}