@bongos/core 1.24.48 → 1.24.49

package/modules/hall-ui/public/style.css

@@ -559,12 +559,12 @@ main:focus { outline: none; }
   width: 28px; height: 28px;
   display: block;
   flex-shrink: 0;
+  /* drawn from the one mark (modules/ui-design/public/brand/mark.svg, task 1005088) */
+  --mark-ink: var(--ink);
 }
-html[data-theme="dark"] .brand-mark__mark .mr { stroke: #e2e1e4; }
-html[data-theme="dark"] .brand-mark__mark .mp { fill: #e2e1e4; }
+html[data-theme="dark"] .brand-mark__mark { --mark-ink: #e2e1e4; }
 @media (prefers-color-scheme: dark) {
-  html:not([data-theme]) .brand-mark__mark .mr { stroke: #e2e1e4; }
-  html:not([data-theme]) .brand-mark__mark .mp { fill: #e2e1e4; }
+  html:not([data-theme]) .brand-mark__mark { --mark-ink: #e2e1e4; }
 }
 /* A project's logo in the mark's place (ADR 0358): the image is the founder's, so
    it gets a soft square, never a recolour. */
@@ -3243,9 +3243,7 @@ html[data-door="out"] #hall-main { width: 100%; }
   background: var(--bg-card);
   text-align: center;
 }
-.landing__logo { display: block; width: 56px; height: 56px; margin: 0 auto 18px; overflow: visible; }
-.landing__ring { stroke: var(--ink); }
-.landing__planet { fill: var(--ink); }
+.landing__logo { display: block; width: 56px; height: 56px; margin: 0 auto 18px; overflow: visible; --mark-ink: var(--ink); }
 .landing__title {
   margin: 0 0 28px;
   font-family: var(--font-display);
@@ -4228,7 +4226,7 @@ html[data-door="out"] #hall-main { width: 100%; }
 }
 /* the ring and the core: one ink, breathing */
 .hall-loading::before {
-  --hl-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M137 31 A78 78 0 1 0 170 66' fill='none' stroke='black' stroke-width='15' stroke-linecap='round'/%3E%3Ccircle cx='100' cy='100' r='55'/%3E%3C/svg%3E");
+  --hl-shape: url("/modules/ui-design/public/brand/mark-body.svg");
   background: color-mix(in srgb, var(--ink) 30%, var(--bg-card));
   animation:
     hall-loading-turn var(--hl-beat) cubic-bezier(.45, .05, .55, .95) infinite,
@@ -4236,7 +4234,7 @@ html[data-door="out"] #hall-main { width: 100%; }
 }
 /* the dot: the accent, laid exactly over the mark and turning with it */
 .hall-loading::after {
-  --hl-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='156' cy='46' r='12'/%3E%3C/svg%3E");
+  --hl-shape: url("/modules/ui-design/public/brand/mark-dot.svg");
   position: absolute;
   top: var(--hl-pad);
   left: calc(50% - var(--hl-size) / 2);

package/modules/hall-ui/public/task.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Task — {{worldName}}</title>
   <meta name="description" content="Task details — {{worldName}}.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-03-roadmap1">
@@ -59,7 +59,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- task-detail.js still owns the #/idea/N and #/blocker/N deep-link overlay

package/modules/hall-ui/public/thinking.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
   <title>Your sky — {{worldName}}</title>
   <meta name="description" content="Your thinking, drawn from the ledger: every thought you filed as one of five objects, in the goal that caught it, sized by the work it caused.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <!-- The faces (Manrope, JetBrains Mono) come from the branding pack's font
@@ -141,7 +141,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <script src="/builders/palette.js" defer></script>
 
 <script src="/builders/idea-objects.js?v=2026-09-27-split"></script>

package/modules/hall-ui/public/tweak-editor.html

@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Tweak a page — {{worldName}}</title>
   <meta name="description" content="Tweak Mode's editor: every word of one page as a single document, typed over in place and saved as you go, then submitted as one batch.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
@@ -145,7 +145,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/brand-holes.js?v=2026-09-29-aqfix"></script>
 <script src="/builders/tweak-editor-lib.js?v=2026-09-29-tw27"></script>

package/modules/hall-ui/public/watch.html

@@ -8,7 +8,7 @@
   <!-- The hub's origin, for the link from a guild's head in the applications queue to
        its page on the hub (task 1002304). Empty on a vanilla instance: no link. -->
   <meta name="hub-origin" content="{{hubOrigin}}">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
@@ -271,7 +271,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared component kit (window.OTBKit) — tabs, ledger, pager (task 2166). -->

package/modules/hall-ui/public/welcome-boot.css

@@ -75,11 +75,10 @@ html.wb-open { overflow: hidden; }
   letter-spacing: -.01em; text-transform: lowercase; white-space: nowrap;
 }
 /* the mark's ink follows the painting: pale by night, dark by day; the moon stays salmon */
-.wb__ring { stroke: #e2e1e4; }
-.wb__planet { fill: #e2e1e4; transform-box: fill-box; transform-origin: center; }
+.wb__mark { --mark-ink: #e2e1e4; }
+.wb__planet { transform-box: fill-box; transform-origin: center; }
 .wb__moonlet { transform-box: view-box; transform-origin: 100px 100px; }
-.wb--day .wb__ring { stroke: #17181a; }
-.wb--day .wb__planet { fill: #17181a; }
+.wb--day .wb__mark { --mark-ink: #17181a; }
 .wb--lit .wb__ring { stroke-dasharray: 100; animation: wb-ring 1.5s cubic-bezier(.6, 0, .2, 1) .5s both; }
 .wb--lit .wb__planet { animation: wb-planet 1s cubic-bezier(.3, 1.4, .5, 1) .3s both; }
 .wb--lit .wb__moonlet { animation: wb-orbit 1.6s cubic-bezier(.25, .8, .3, 1) 1.1s both, wb-glow 3.2s ease-in-out 2.7s infinite alternate; }

package/modules/hall-ui/public/welcome-boot.js

@@ -57,10 +57,12 @@
   // The banner is the logo, animated (task 1004953; it replaced "Working on the core of <project>"):
   // the ring draws in, the planet settles, the moon glides into the gap and glows. A project with its
   // own logo (theme.logo, ADR 0358) shows that instead, as the sidebar's brand mark does.
+  // The parts are referenced one by one from the one mark (task 1005088) so each can move.
+  var MARK = '/modules/ui-design/public/brand/mark.svg';
   var MARK_SVG = '<svg class="wb__mark" viewBox="0 0 200 200" aria-hidden="true">' +
-    '<path class="wb__ring" d="M137 31 A78 78 0 1 0 170 66" pathLength="100" fill="none" stroke-width="15" stroke-linecap="round"/>' +
-    '<circle class="wb__planet" cx="100" cy="100" r="55"/>' +
-    '<circle class="wb__moonlet" cx="156" cy="46" r="12" fill="#fb9569"/></svg>';
+    '<use class="wb__ring" href="' + MARK + '#mark-ring"/>' +
+    '<use class="wb__planet" href="' + MARK + '#mark-disc"/>' +
+    '<use class="wb__moonlet" href="' + MARK + '#mark-dot"/></svg>';
   function logoHtml(branding) {
     var logo = branding && branding.theme && branding.theme.logo;
     var mark = logo ? '<img class="wb__logo" src="' + esc(logo) + '" alt="" width="40" height="40" decoding="async">' : MARK_SVG;

package/modules/hall-ui/public/work.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Tasks — {{worldName}}</title>
   <meta name="description" content="What {{worldName}} is building right now, and what waits to be claimed.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
@@ -174,7 +174,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- task 1004727: the ONE karma vote control every task/idea list renders -->

package/modules/public-landing/public/account.html

@@ -97,11 +97,7 @@
 <header class="shell bar">
   <div class="barLeft">
     <a class="barMark" id="barMark" href="/">
-      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true">
-        <path class="mr" d="M137 31 A78 78 0 1 0 170 66" fill="none" stroke="#17181a" stroke-width="15" stroke-linecap="round"/>
-        <circle class="mp" cx="100" cy="100" r="55" fill="#17181a"/>
-        <circle cx="156" cy="46" r="12" style="fill:var(--accent)"/>
-      </svg>
+      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true"><use href="/modules/ui-design/public/brand/mark.svg#mark"/></svg>
       <span>{{productName}}</span>
     </a>
   </div>

package/modules/public-landing/public/assets/cosmos.css

@@ -576,13 +576,13 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
 }
 /* the ring and the core: one ink, breathing */
 .loading-mark::before{
-  --lm-shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M137 31 A78 78 0 1 0 170 66' fill='none' stroke='black' stroke-width='15' stroke-linecap='round'/%3E%3Ccircle cx='100' cy='100' r='55'/%3E%3C/svg%3E");
+  --lm-shape:url("/modules/ui-design/public/brand/mark-body.svg");
   background:color-mix(in srgb,var(--ink) 30%,var(--bg-card));
   animation:loading-mark-turn 1.6s cubic-bezier(.45,.05,.55,.95) infinite,loading-mark-breathe .8s ease-in-out infinite alternate-reverse;
 }
 /* the dot: the accent, laid exactly over the mark and turning with it */
 .loading-mark::after{
-  --lm-shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='156' cy='46' r='12'/%3E%3C/svg%3E");
+  --lm-shape:url("/modules/ui-design/public/brand/mark-dot.svg");
   background:var(--accent);
 }
 .loading-mark--page{--lm-size:64px;padding:72px 0;gap:16px;}
@@ -623,11 +623,12 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
   color:var(--ink);text-decoration:none;text-shadow:var(--type-halo);}
 /* the mark: Ink and one light; its Night ink twin on a dark ground (task 1004846) */
 .barMark svg{width:32px;height:32px;display:block;flex:none;}
-:root[data-mode="dark"] .bongosMark .mr{stroke:#e2e1e4;}
-:root[data-mode="dark"] .bongosMark .mp{fill:#e2e1e4;}
+/* drawn from the one mark (modules/ui-design/public/brand/mark.svg, task 1005088), coloured by
+   --mark-ink (the ring and planet) and --mark-dot (the moon; the accent when unset) */
+.bongosMark{--mark-ink:var(--ink);}
+:root[data-mode="dark"] .bongosMark{--mark-ink:#e2e1e4;}
 @media (prefers-color-scheme: dark){
-  :root:not([data-mode="light"]) .bongosMark .mr{stroke:#e2e1e4;}
-  :root:not([data-mode="light"]) .bongosMark .mp{fill:#e2e1e4;}
+  :root:not([data-mode="light"]) .bongosMark{--mark-ink:#e2e1e4;}
 }
 .barMark:hover{color:var(--ink);}
 /* the two-tone focus ring on the bar's and the bands' controls (DESIGN.md

package/modules/public-landing/public/community.html

@@ -165,11 +165,7 @@
 <header class="shell bar">
   <div class="barLeft">
     <a class="barMark" id="barMark" href="/">
-      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true">
-        <path class="mr" d="M137 31 A78 78 0 1 0 170 66" fill="none" stroke="#17181a" stroke-width="15" stroke-linecap="round"/>
-        <circle class="mp" cx="100" cy="100" r="55" fill="#17181a"/>
-        <circle cx="156" cy="46" r="12" style="fill:var(--accent)"/>
-      </svg>
+      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true"><use href="/modules/ui-design/public/brand/mark.svg#mark"/></svg>
       <span>{{productName}}</span>
     </a>
   </div>

package/modules/public-landing/public/connections.html

@@ -70,11 +70,7 @@
 <header class="shell bar">
   <div class="barLeft">
     <a class="barMark" id="barMark" href="/">
-      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true">
-        <path class="mr" d="M137 31 A78 78 0 1 0 170 66" fill="none" stroke="#17181a" stroke-width="15" stroke-linecap="round"/>
-        <circle class="mp" cx="100" cy="100" r="55" fill="#17181a"/>
-        <circle cx="156" cy="46" r="12" style="fill:var(--accent)"/>
-      </svg>
+      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true"><use href="/modules/ui-design/public/brand/mark.svg#mark"/></svg>
       <span>{{productName}}</span>
     </a>
   </div>

package/modules/public-landing/public/contact.html

@@ -50,11 +50,7 @@
 <header class="shell bar">
   <div class="barLeft">
     <a class="barMark" id="barMark" href="/">
-      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true">
-        <path class="mr" d="M137 31 A78 78 0 1 0 170 66" fill="none" stroke="#17181a" stroke-width="15" stroke-linecap="round"/>
-        <circle class="mp" cx="100" cy="100" r="55" fill="#17181a"/>
-        <circle cx="156" cy="46" r="12" style="fill:var(--accent)"/>
-      </svg>
+      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true"><use href="/modules/ui-design/public/brand/mark.svg#mark"/></svg>
       <span>{{productName}}</span>
     </a>
   </div>

package/modules/public-landing/public/guild.html

@@ -125,11 +125,7 @@
 <header class="shell bar">
   <div class="barLeft">
     <a class="barMark" id="barMark" href="/">
-      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true">
-        <path class="mr" d="M137 31 A78 78 0 1 0 170 66" fill="none" stroke="#17181a" stroke-width="15" stroke-linecap="round"/>
-        <circle class="mp" cx="100" cy="100" r="55" fill="#17181a"/>
-        <circle cx="156" cy="46" r="12" style="fill:var(--accent)"/>
-      </svg>
+      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true"><use href="/modules/ui-design/public/brand/mark.svg#mark"/></svg>
       <span>{{productName}}</span>
     </a>
   </div>

package/modules/public-landing/public/index.html

@@ -154,9 +154,10 @@ main:focus{outline:none;box-shadow:none}
   color:var(--ink);text-shadow:var(--type-halo)}
 /* the mark: Ink and one light; its Night ink twin on a dark ground (task 1004846) */
 .barMark svg{width:32px;height:32px;display:block;flex:none}
-:root[data-mode="dark"] .bongosMark .mr{stroke:#e2e1e4}
-:root[data-mode="dark"] .bongosMark .mp{fill:#e2e1e4}
-@media (prefers-color-scheme: dark){:root:not([data-mode="light"]) .bongosMark .mr{stroke:#e2e1e4}:root:not([data-mode="light"]) .bongosMark .mp{fill:#e2e1e4}}
+/* drawn from the one mark (modules/ui-design/public/brand/mark.svg, task 1005088) */
+.bongosMark{--mark-ink:var(--ink)}
+:root[data-mode="dark"] .bongosMark{--mark-ink:#e2e1e4}
+@media (prefers-color-scheme: dark){:root:not([data-mode="light"]) .bongosMark{--mark-ink:#e2e1e4}}
 /* the right group is lowercase text; the OPEN trigger is underlined in the accent */
 .trig{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0;cursor:pointer;
   background:none;border:0;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:15px;
@@ -690,11 +691,7 @@ composition A; landing composition v3, picked by the owner 2026-08-27. No roll,
 <header class="topbar bar">
   <div class="barLeft">
     <a class="barMark" href="/" aria-label="{{productName}}">
-      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true">
-        <path class="mr" d="M137 31 A78 78 0 1 0 170 66" fill="none" stroke="#17181a" stroke-width="15" stroke-linecap="round"/>
-        <circle class="mp" cx="100" cy="100" r="55" fill="#17181a"/>
-        <circle cx="156" cy="46" r="12" style="fill:var(--accent)"/>
-      </svg>
+      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true"><use href="/modules/ui-design/public/brand/mark.svg#mark"/></svg>
       <span class="mark-word">{{productName}}</span>
     </a>
   </div>

package/modules/public-landing/public/invitations.html

@@ -80,11 +80,7 @@
 <header class="shell bar">
   <div class="barLeft">
     <a class="barMark" id="barMark" href="/">
-      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true">
-        <path class="mr" d="M137 31 A78 78 0 1 0 170 66" fill="none" stroke="#17181a" stroke-width="15" stroke-linecap="round"/>
-        <circle class="mp" cx="100" cy="100" r="55" fill="#17181a"/>
-        <circle cx="156" cy="46" r="12" style="fill:var(--accent)"/>
-      </svg>
+      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true"><use href="/modules/ui-design/public/brand/mark.svg#mark"/></svg>
       <span>{{productName}}</span>
     </a>
   </div>

package/modules/public-landing/public/privacy.html

@@ -49,11 +49,7 @@
 <header class="shell bar">
   <div class="barLeft">
     <a class="barMark" id="barMark" href="/">
-      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true">
-        <path class="mr" d="M137 31 A78 78 0 1 0 170 66" fill="none" stroke="#17181a" stroke-width="15" stroke-linecap="round"/>
-        <circle class="mp" cx="100" cy="100" r="55" fill="#17181a"/>
-        <circle cx="156" cy="46" r="12" style="fill:var(--accent)"/>
-      </svg>
+      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true"><use href="/modules/ui-design/public/brand/mark.svg#mark"/></svg>
       <span>{{productName}}</span>
     </a>
   </div>

package/modules/public-landing/public/projects.html

@@ -808,11 +808,7 @@ summary{min-height:24px;padding:3px 0;}
 <header class="shell bar">
   <div class="barLeft">
     <a class="barMark" id="barMark" href="/">
-      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true">
-        <path class="mr" d="M137 31 A78 78 0 1 0 170 66" fill="none" stroke="#17181a" stroke-width="15" stroke-linecap="round"/>
-        <circle class="mp" cx="100" cy="100" r="55" fill="#17181a"/>
-        <circle cx="156" cy="46" r="12" style="fill:var(--accent)"/>
-      </svg>
+      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true"><use href="/modules/ui-design/public/brand/mark.svg#mark"/></svg>
       <span data-brand-product-inline>Cloud Bongos</span>
     </a>
     <!-- under 480 the search folds into this magnifier, which drops one

package/modules/public-landing/public/terms.html

@@ -49,11 +49,7 @@
 <header class="shell bar">
   <div class="barLeft">
     <a class="barMark" id="barMark" href="/">
-      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true">
-        <path class="mr" d="M137 31 A78 78 0 1 0 170 66" fill="none" stroke="#17181a" stroke-width="15" stroke-linecap="round"/>
-        <circle class="mp" cx="100" cy="100" r="55" fill="#17181a"/>
-        <circle cx="156" cy="46" r="12" style="fill:var(--accent)"/>
-      </svg>
+      <svg class="bongosMark" viewBox="0 0 200 200" aria-hidden="true"><use href="/modules/ui-design/public/brand/mark.svg#mark"/></svg>
       <span>{{productName}}</span>
     </a>
   </div>

package/modules/raise/views/gate.html

@@ -5,7 +5,8 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="robots" content="noindex, nofollow">
 <title>Cloud Bongos — Pre-seed</title>
-<link rel="icon" href="{{base}}/assets/favicon.svg" type="image/svg+xml">
+<link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
+<link rel="apple-touch-icon" href="/modules/ui-design/public/brand/apple-touch-icon.png">
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&family=Manrope:wght@300;400;500;600&display=swap">
@@ -16,8 +17,8 @@
 <body class="gate-body">
 <main class="gate">
   <div class="gate__brand">
-    <img class="logo logo--light" src="{{base}}/assets/logo-ink.svg" alt="" width="56" height="56">
-    <img class="logo logo--dark" src="{{base}}/assets/logo-night.svg" alt="" width="56" height="56">
+    <img class="logo logo--light" src="/modules/ui-design/public/brand/mark-light.svg" alt="" width="56" height="56">
+    <img class="logo logo--dark" src="/modules/ui-design/public/brand/mark-dark.svg" alt="" width="56" height="56">
     <span class="wordmark">cloud bongos</span>
   </div>
   {{error}}

package/modules/raise/views/nda.html

@@ -5,7 +5,8 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="robots" content="noindex, nofollow">
 <title>Confidentiality agreement — Cloud Bongos</title>
-<link rel="icon" href="{{base}}/assets/favicon.svg" type="image/svg+xml">
+<link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
+<link rel="apple-touch-icon" href="/modules/ui-design/public/brand/apple-touch-icon.png">
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&family=Manrope:wght@300;400;500;600&display=swap">

package/modules/raise/views/page.html

@@ -5,7 +5,8 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="robots" content="noindex, nofollow">
 <title>Cloud Bongos — Pre-seed</title>
-<link rel="icon" href="{{base}}/assets/favicon.svg" type="image/svg+xml">
+<link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
+<link rel="apple-touch-icon" href="/modules/ui-design/public/brand/apple-touch-icon.png">
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&family=Manrope:wght@300;400;500;600&display=swap">
@@ -20,8 +21,8 @@
 {{editBar}}
 <header class="top">
   <a class="brand" href="#top" aria-label="Cloud Bongos — back to top">
-    <img class="logo logo--light" src="{{base}}/assets/logo-ink.svg" alt="" width="32" height="32">
-    <img class="logo logo--dark" src="{{base}}/assets/logo-night.svg" alt="" width="32" height="32">
+    <img class="logo logo--light" src="/modules/ui-design/public/brand/mark-light.svg" alt="" width="32" height="32">
+    <img class="logo logo--dark" src="/modules/ui-design/public/brand/mark-dark.svg" alt="" width="32" height="32">
     <span class="wordmark">cloud bongos</span>
   </a>
   <nav class="top__actions">

package/modules/status-ui/public/index.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>{{worldName}} — the public ledger</title>
   <meta name="description" content="The public ledger of {{worldName}} — {{currency}} spent, works wrought, and the citizens who shape her stones.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='serif'>Α</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap" rel="stylesheet">

package/modules/status-ui/public/style.css

@@ -354,7 +354,7 @@ main {
 }
 /* the ring and the core: one ink, breathing */
 .loading-mark::before {
-  --lm-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M137 31 A78 78 0 1 0 170 66' fill='none' stroke='black' stroke-width='15' stroke-linecap='round'/%3E%3Ccircle cx='100' cy='100' r='55'/%3E%3C/svg%3E");
+  --lm-shape: url("/modules/ui-design/public/brand/mark-body.svg");
   background: color-mix(in srgb, var(--ink) 30%, var(--bg-card));
   animation:
     loading-mark-turn 1.6s cubic-bezier(.45, .05, .55, .95) infinite,
@@ -362,7 +362,7 @@ main {
 }
 /* the dot: the accent, laid exactly over the mark and turning with it */
 .loading-mark::after {
-  --lm-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='156' cy='46' r='12'/%3E%3C/svg%3E");
+  --lm-shape: url("/modules/ui-design/public/brand/mark-dot.svg");
   background: var(--accent);
 }
 @keyframes loading-mark-arrive { from { filter: opacity(0); transform: translateY(6px); } }

package/modules/ui-design/public/brand/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><style>svg{--i:#17181a;--d:#fb9569}@media (prefers-color-scheme:dark){svg{--i:#e2e1e4}}</style><path d="M137 31 A78 78 0 1 0 170 66" pathLength="100" fill="none" stroke-width="24" stroke-linecap="round" style="stroke:var(--i)"/><circle cx="100" cy="100" r="50" style="fill:var(--i)"/><circle cx="156" cy="46" r="18" style="fill:var(--d)"/></svg>

package/modules/ui-design/public/brand/mark-body.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" aria-hidden="true"><path d="M137 31 A78 78 0 1 0 170 66" pathLength="100" fill="none" stroke-width="15" stroke-linecap="round" style="stroke:#000000"/><circle cx="100" cy="100" r="55" style="fill:#000000"/></svg>

package/modules/ui-design/public/brand/mark-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" role="img" aria-label="logo"><path d="M137 31 A78 78 0 1 0 170 66" pathLength="100" fill="none" stroke-width="15" stroke-linecap="round" style="stroke:#e2e1e4"/><circle cx="100" cy="100" r="55" style="fill:#e2e1e4"/><circle cx="156" cy="46" r="12" style="fill:#fb9569"/></svg>

package/modules/ui-design/public/brand/mark-dot.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" aria-hidden="true"><circle cx="156" cy="46" r="12" style="fill:#000000"/></svg>

package/modules/ui-design/public/brand/mark-light.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" role="img" aria-label="logo"><path d="M137 31 A78 78 0 1 0 170 66" pathLength="100" fill="none" stroke-width="15" stroke-linecap="round" style="stroke:#17181a"/><circle cx="100" cy="100" r="55" style="fill:#17181a"/><circle cx="156" cy="46" r="12" style="fill:#fb9569"/></svg>

package/modules/ui-design/public/brand/mark-mono.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" role="img" aria-label="logo"><path d="M137 31 A78 78 0 1 0 170 66" pathLength="100" fill="none" stroke-width="15" stroke-linecap="round" style="stroke:#000000"/><circle cx="100" cy="100" r="55" style="fill:#000000"/><circle cx="156" cy="46" r="12" style="fill:#000000"/></svg>

package/modules/ui-design/public/brand/mark.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" role="img" aria-label="mark">
+  <!-- THE Cloud Bongos mark: the one source (task 1005088). An open ring, the
+       planet in it, and the moon in the gap. Every page draws it from here:
+         - inline, by reference: an svg with viewBox 0 0 200 200 holding
+           use href="/modules/ui-design/public/brand/mark.svg#mark"
+           (the parts are #mark-ring, #mark-disc and #mark-dot, for a page that animates them);
+         - coloured by two custom properties on the referencing element: mark-ink (the ring
+           and the planet; currentColor when unset) and mark-dot (the moon; the page's
+           accent when unset), each written with the two leading dashes in CSS;
+         - server-side (the gates, a look's favicon) through src/brand-mark.js;
+         - as files (light, dark, mono, the favicon set) written beside this one by
+           scripts/bongos/gen-brand.js from the pack's colours. Never edit those by hand.
+       Keep the ids and the two custom properties: src/brand-mark.js and
+       tests/brand_mark.mjs read them. An XML comment may not hold two dashes in a row,
+       or no browser will read this file. -->
+  <g id="mark">
+    <path id="mark-ring" d="M137 31 A78 78 0 1 0 170 66" pathLength="100" fill="none" stroke-width="15" stroke-linecap="round" style="stroke:var(--mark-ink,currentColor)"/>
+    <circle id="mark-disc" cx="100" cy="100" r="55" style="fill:var(--mark-ink,currentColor)"/>
+    <circle id="mark-dot" cx="156" cy="46" r="12" style="fill:var(--mark-dot,var(--accent,currentColor))"/>
+  </g>
+</svg>

package/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@bongos/core",
-  "version": "1.24.48",
+  "version": "1.24.49",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@bongos/core",
-      "version": "1.24.48",
+      "version": "1.24.49",
       "license": "AGPL-3.0-or-later",
       "dependencies": {
         "express": "^4.21.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bongos/core",
-  "version": "1.24.48",
+  "version": "1.24.49",
   "description": "Cloud Bongos — the AI-first build platform core (GDS + platform surfaces + module system), installed as a versioned dependency (ADR 0108).",
   "license": "AGPL-3.0-or-later",
   "main": "src/platform-server.js",

package/release-notes.json

@@ -11259,5 +11259,11 @@
       "id": "1005084",
       "text": "The builders' hall now has one button and one text box style everywhere instead of eight button sizes and five box styles; main buttons are the full 46px pill with dark text on the orange, and the setup screen's save button is"
     }
+  ],
+  "1.24.49": [
+    {
+      "id": "1005088",
+      "text": "The Cloud Bongos logo and the browser-tab icon now come from one file, so every page, the hall, the welcome screen, the gates and the fundraising page show exactly the same mark, and phones get a proper home-screen icon."
+    }
   ]
 }

package/scripts/bongos/fitness.js

@@ -574,8 +574,7 @@ const KERNEL_FILES = [
   // task 1004421 (ADR 0358): branding.js lays the chosen look over the pack through this
   // file — the same identity/config category, requiring only instance-config and node
   // built-ins, so it joins the roster rather than reading as a kernel→domain leak.
-  'src/hall-look.js',
-  'src/build-info.js',
+  'src/hall-look.js', 'src/brand-mark.js', 'src/build-info.js', // brand-mark: the mark's one source (task 1005088), read by hall-look; same imports
   // task 1003476 (goal 1000072): the project's stale-claim timer — host configuration
   // a module reads rather than hardcodes, exactly the category instance-config.js and
   // branding.js are in. The doorway (a KERNEL_FILE) re-exports it, so leaving it off