diff --git a/agents/conductors/intake/_intake.py b/agents/conductors/intake/_intake.py
index 9206add..9d969eb 100755
--- a/agents/conductors/intake/_intake.py
+++ b/agents/conductors/intake/_intake.py
@@ -41,6 +41,16 @@
     policy as _sizing_policy, BODY_MAP_PATH,
 )
 
+# The shared board theme: the one place that answers "what does a one-tap board
+# look like". Presentation only — the stylesheet, the hero, the pills — so this
+# page and the Brain board are visibly the same family (board/_theme.py).
+sys.path.insert(0, str(Path(__file__).resolve().parents[3] / "board"))
+from _theme import (  # noqa: E402
+    JS as _THEME_JS, boards_footer, css as _theme_css, hero, pills, stats,
+)
+
+THEME_ORGAN = "mind"  # whose logo this page wears
+
 # --- work-type classification -------------------------------------------------
 # Keyword signals per work-type. The classifier scores each type by keyword hits
 # (word-boundary prefix match via _sizing._hits) and picks the strongest; ties /
@@ -104,6 +114,41 @@ def _slug(text: str, maxwords: int = 7) -> str:
     return slug[:48].strip("_") or "untitled"
 
 
+# Words that must never be the last one in a truncated title. A cut landing
+# on "the" or "which" reads as a rendering bug rather than a summary — the
+# page said "kernel-CDF numba fast path (the" for months.
+_DANGLING = {
+    "a", "an", "and", "are", "as", "at", "but", "by", "can", "for", "from",
+    "if", "in", "into", "is", "it", "its", "of", "on", "or", "our", "over",
+    "one", "other", "per", "so", "than", "that", "the", "their", "then",
+    "this", "to", "up", "via", "we", "what", "when", "which", "while",
+    "with", "without",
+}
+TITLE_WORDS = 12
+
+
+def _shorten(words: list) -> str:
+    """`words` cut to a title, ending somewhere a reader can stop.
+
+    Trailing function words are dropped, an orphaned opening bracket is
+    dropped with the fragment it opened, and an unpaired backtick is dropped
+    so the code span cannot bleed into the rest of the page. An ellipsis
+    marks that there was more — a silent cut is indistinguishable from a
+    title that simply ends badly.
+    """
+    kept = list(words[:TITLE_WORDS])
+    while kept and kept[-1].lower().strip("(,;:—-") in _DANGLING:
+        kept.pop()
+    out = " ".join(kept).rstrip(" ,;:—-([{")
+    if out.count("(") > out.count(")"):
+        out = out[:out.rindex("(")].rstrip(" ,;:—-")
+    if out.count("`") % 2:
+        out = out[:out.rindex("`")].rstrip(" ,;:—-")
+    # Every guard above can eat the whole thing (a title that opens with a
+    # bracket, say) — fall back to the plain cut rather than to nothing.
+    return (out or " ".join(words[:TITLE_WORDS])) + "…"
+
+
 def _title(text: str) -> str:
     """First markdown heading, else first non-empty line, trimmed to a title."""
     for line in text.splitlines():
@@ -111,9 +156,12 @@ def _title(text: str) -> str:
         if not s:
             continue
         s = s.lstrip("#").strip().rstrip(":").rstrip(".")
-        # Keep it title-length: first sentence / ~10 words.
+        # Keep it title-length: first sentence / ~12 words.
         s = re.split(r"(?<=[a-z])[.?!]\s", s)[0]
-        return " ".join(s.split()[:10]) or "Untitled"
+        words = s.split()
+        if not words:
+            return "Untitled"
+        return " ".join(words) if len(words) <= TITLE_WORDS else _shorten(words)
     return "Untitled"
 
 
@@ -1121,63 +1169,10 @@ def render_dashboard(c: dict) -> str:
     return "\n".join(L).rstrip("\n") + "\n"
 
 
-_HTML_CSS = """\
-:root{color-scheme:light dark;--bg:#fff;--fg:#1f2328;--muted:#59636e;
- --line:#d1d9e0;--btn:#f6f8fa;--ok:#1a7f37;--accent:#0969da}
-@media(prefers-color-scheme:dark){:root{--bg:#0d1117;--fg:#f0f6fc;
- --muted:#9198a1;--line:#3d444d;--btn:#151b23;--ok:#3fb950;--accent:#4493f8}}
-*{box-sizing:border-box}
-body{margin:0 auto;max-width:44rem;padding:1rem 1rem 4rem;background:var(--bg);
- color:var(--fg);font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",
- Helvetica,Arial,sans-serif}
-h1{font-size:1.35rem;margin:.4rem 0}
-h2{font-size:1.15rem;margin-top:2rem;border-bottom:1px solid var(--line);
- padding-bottom:.3rem}
-h3{font-size:1rem;margin:1.2rem 0 .2rem}
-a{color:var(--accent);text-decoration:none}
-a:hover{text-decoration:underline}
-.muted{color:var(--muted)}
-.facets{color:var(--muted);font-size:.85em}
-.mdsrc{font-size:.85em}
-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;
- background:var(--btn);padding:.1em .3em;border-radius:4px}
-.task{display:flex;gap:.6rem;align-items:flex-start;padding:.45rem 0;
- border-bottom:1px solid var(--line)}
-.task p{margin:.25rem 0 0;flex:1;overflow-wrap:anywhere}
-button.copy{flex:0 0 auto;width:2.6rem;height:2.6rem;font-size:1.1rem;
- border:1px solid var(--line);border-radius:8px;background:var(--btn);
- cursor:pointer;color:var(--fg)}
-button.copy.ok{color:var(--ok);border-color:var(--ok)}
-details{margin:.5rem 0}
-summary{cursor:pointer;font-weight:600;padding:.4rem 0}
-table.recent{width:100%;border-collapse:collapse;font-size:.95em}
-table.recent td{border-bottom:1px solid var(--line);padding:.45rem .4rem .45rem 0;
- vertical-align:top;overflow-wrap:anywhere}
-table.recent td.when{white-space:nowrap;color:var(--muted);font-variant-numeric:
- tabular-nums}
-table.recent td.what{white-space:nowrap;color:var(--muted);font-size:.85em;
- padding-top:.58rem}
-table.recent td.pick{width:2.6rem;padding-right:0}
-table.recent button.copy{width:2.2rem;height:2.2rem;font-size:.95rem}
-button.more{display:block;width:100%;margin:.6rem 0;padding:.5rem;
- border:1px solid var(--line);border-radius:8px;background:var(--btn);
- color:var(--muted);cursor:pointer;font:inherit;font-size:.9em}
-button.more:hover{color:var(--fg)}
-"""
-
-# One tap on 📋 → the command is on the clipboard; the button flashes ✓. The
-# textarea path covers browsers without the async clipboard API.
-_HTML_JS = """\
-async function copyCmd(b){
-  const cmd=b.dataset.cmd;
-  try{await navigator.clipboard.writeText(cmd);}
-  catch(e){const t=document.createElement("textarea");t.value=cmd;
-    document.body.appendChild(t);t.select();document.execCommand("copy");
-    t.remove();}
-  b.textContent="\\u2713";b.classList.add("ok");
-  setTimeout(()=>{b.textContent="\\ud83d\\udccb";b.classList.remove("ok");},1200);}
-document.addEventListener("click",e=>{
-  const b=e.target.closest("button.copy");if(b)copyCmd(b);});
+# The dashboard-only half of the page script: the shared clipboard
+# handler lives in the board theme, this reveals the Recent feed a page
+# at a time.
+_MORE_JS = """\
 // Recent shows one page and reveals the next on each tap of the \u2026 button,
 // which retires itself once the feed is exhausted. Every row is already in the
 // DOM, so this never re-renders or re-sorts anything.
@@ -1227,12 +1222,10 @@ def link(path, text_html):
         return f'<a href="{_attr(blob + path)}">{text_html}</a>'
 
     def record_row(r):
-        text = link(r["path"], _summary_label(r["title"]))
-        facets = " · ".join(_summary_label(x) for x in
-                            (r["target"], r["difficulty"],
-                             r["autonomy"], r["priority"]) if x != "-")
-        if facets:
-            text += f' — <span class="facets">{facets}</span>'
+        text = link(r["path"], _summary_label(r["title"])) + pills(
+            *(_summary_label(x) for x in (r["target"], r["difficulty"],
+                                          r["autonomy"], r["priority"])),
+            work_type=r["work_type"])
         return _html_task(text, f"/start_dev {r['path']}")
 
     H = [
@@ -1244,21 +1237,22 @@ def record_row(r):
         "<title>PyAutoMind Dashboard</title>",
         f"<!-- generated by `pyauto-brain intake dashboard --apply` on "
         f"{c['generated']} — regenerate, do not hand-edit -->",
-        f"<style>{_HTML_CSS}</style>",
+        f"<style>{_theme_css(THEME_ORGAN)}</style>",
         "</head>",
         "<body>",
-        "<h1>📋 PyAutoMind Dashboard</h1>",
-        "<p>Every task the Mind is holding. Tap a task's 📋 and its "
-        "<code>/start_dev</code> command is on your clipboard — paste it into "
-        "a Claude Code chat to route Claude straight to that task. "
-        '<a href="#recent">Recent</a> is the same work by date — what has been '
-        "happening rather than what to do next.</p>",
-        f'<p class="muted">In flight {c["issued_count"]} · '
-        f'Parked {len(c["parked"])} · Planned {len(c["planned"])} · '
-        f'Backlog {c["total"]}'
-        + (f' · {link("dashboard.md", "markdown version")}' if home else "")
-        + "</p>",
+        hero(THEME_ORGAN, "Dashboard",
+             "Every task the Mind is holding. Tap a task's 📋 and its "
+             "<code>/start_dev</code> command is on your clipboard — paste it "
+             "into a Claude Code chat to route Claude straight to that task. "
+             '<a href="#recent">Recent</a> is the same work by date — what has '
+             "been happening rather than what to do next."),
+        # The four numbers a human wants before reading a single row.
+        stats((c["issued_count"], "In flight"), (len(c["parked"]), "Parked"),
+              (len(c["planned"]), "Planned"), (c["total"], "Backlog")),
     ]
+    if home:
+        H.append(f'<p class="muted mdsrc">'
+                 f'{link("dashboard.md", "markdown version")}</p>')
     if c.get("drift"):
         H += ['<p>⚠️ <b>Needs lifecycle reconciliation</b> — draft prompts '
               "whose body records a fix PR (done, never advanced):</p>", "<ul>"]
@@ -1399,11 +1393,10 @@ def h2(title, src):
             H += [record_row(r) for r in rows]
             H += ["</details>"]
 
-    boards = _board_links(home)
-    if boards:
-        nav = " · ".join(f'<a href="{_attr(u)}">{n}</a>' for n, u in boards)
-        H.append(f'<p class="muted">Boards: {nav}</p>')
-    H += [f"<script>{_HTML_JS}</script>", "</body>", "</html>"]
+    footer = boards_footer(dict(_board_links(home)), THEME_ORGAN)
+    if footer:
+        H.append(footer)
+    H += [f"<script>{_THEME_JS}{_MORE_JS}</script>", "</body>", "</html>"]
     return "\n".join(H) + "\n"
 
 
diff --git a/board/AGENTS.md b/board/AGENTS.md
index 918eaf5..dc8f08b 100644
--- a/board/AGENTS.md
+++ b/board/AGENTS.md
@@ -59,6 +59,29 @@ dispatch renders `--apply` output and deploys it to GitHub Pages (page +
 `badge.json` + `board.json` + `board.md`). Nothing is committed to the repo —
 the board is served, not stored, so a daily refresh makes no commit noise.
 
+## Look (`_theme.py`)
+
+`board/_theme.py` is the one place that answers *what does a one-tap board
+look like* — the stylesheet, the hero, the facet pills, the family footer.
+Presentation only: no state, no collection, no policy. It is shared, not
+copied: this board and the Mind dashboard (rendered by the intake conductor)
+both import it, so a change to the look lands on the whole family at once
+rather than drifting page by page.
+
+Each organ has an accent sampled from its own logo, and every board opens
+with a dark hero reproducing that logo's wordmark — white `PyAuto`, the organ
+name in its accent, the logo's tagline underneath. Below the hero the page
+goes back to being a plain readable document, because these are lists people
+scan on a phone before breakfast.
+
+Colour is information, never decoration: the accent is organ identity; pills
+are task facets, toned so that only the *exception* is coloured (`supervised`
+is 9 of 10 prompts in the Mind, so it stays neutral — tinting it would paint
+the backlog and say nothing); `ok`/`warn`/`bad` stay reserved for verdict
+semantics. `ORGANS` holds the palette — `mind` and `brain` are sampled from
+the real logo files, the other four are placeholders in the right hue family,
+to be confirmed against each logo when that renderer adopts the theme.
+
 ## Configuration
 
 Instance vocabulary lives in `config/policy.yaml` under `board:` (the declared
diff --git a/board/_board.py b/board/_board.py
index ffa1828..e0dbd53 100755
--- a/board/_board.py
+++ b/board/_board.py
@@ -47,6 +47,16 @@
 from datetime import datetime, timezone
 from pathlib import Path
 
+# The shared board theme — presentation only: the stylesheet, the hero
+# and the small components every one-tap board draws itself with, so
+# this page and the Mind dashboard are visibly the same family.
+sys.path.insert(0, str(Path(__file__).resolve().parent))
+from _theme import (  # noqa: E402
+    JS as _THEME_JS, boards_footer, css as _theme_css, hero,
+)
+
+THEME_ORGAN = "brain"  # whose logo this page wears
+
 BRAIN_HOME = Path(__file__).resolve().parents[1]
 # Default workspace root = the checkout's parent (the standard sibling layout
 # the sizing faculty also assumes) — no instance path named here.
@@ -788,56 +798,6 @@ def render_md(data):
     return "\n".join(L)
 
 
-# The html twin — same CSS/JS contract as the Mind dashboard: self-contained
-# (no external assets; inline script + href anchors only), one copy button per
-# actionable row.
-_HTML_CSS = """\
-:root{color-scheme:light dark;--bg:#fff;--fg:#1f2328;--muted:#59636e;
- --line:#d1d9e0;--btn:#f6f8fa;--ok:#1a7f37;--warn:#9a6700;--bad:#d1242f;
- --accent:#0969da}
-@media(prefers-color-scheme:dark){:root{--bg:#0d1117;--fg:#f0f6fc;
- --muted:#9198a1;--line:#3d444d;--btn:#151b23;--ok:#3fb950;--warn:#d29922;
- --bad:#f85149;--accent:#4493f8}}
-*{box-sizing:border-box}
-body{margin:0 auto;max-width:44rem;padding:1rem 1rem 4rem;background:var(--bg);
- color:var(--fg);font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",
- Helvetica,Arial,sans-serif}
-h1{font-size:1.35rem;margin:.4rem 0}
-h2{font-size:1.15rem;margin-top:2rem;border-bottom:1px solid var(--line);
- padding-bottom:.3rem}
-a{color:var(--accent);text-decoration:none}
-a:hover{text-decoration:underline}
-.muted{color:var(--muted)}
-.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}
-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;
- background:var(--btn);padding:.1em .3em;border-radius:4px}
-.task{display:flex;gap:.6rem;align-items:flex-start;padding:.45rem 0;
- border-bottom:1px solid var(--line)}
-.task p{margin:.25rem 0 0;flex:1;overflow-wrap:anywhere}
-button.copy{flex:0 0 auto;width:2.6rem;height:2.6rem;font-size:1.1rem;
- border:1px solid var(--line);border-radius:8px;background:var(--btn);
- cursor:pointer;color:var(--fg)}
-button.copy.ok{color:var(--ok);border-color:var(--ok)}
-button.copy.term{font-size:.95rem}
-details{margin:.5rem 0}
-summary{cursor:pointer;font-weight:600;padding:.4rem 0}
-"""
-
-_HTML_JS = """\
-async function copyCmd(b){
-  const cmd=b.dataset.cmd;
-  try{await navigator.clipboard.writeText(cmd);}
-  catch(e){const t=document.createElement("textarea");t.value=cmd;
-    document.body.appendChild(t);t.select();document.execCommand("copy");
-    t.remove();}
-  const old=b.textContent;
-  b.textContent="\\u2713";b.classList.add("ok");
-  setTimeout(()=>{b.textContent=old;b.classList.remove("ok");},1200);}
-document.addEventListener("click",e=>{
-  const b=e.target.closest("button.copy");if(b)copyCmd(b);});
-"""
-
-
 def _attr(s):
     return html.escape(str(s), quote=True)
 
@@ -855,6 +815,10 @@ def _plain(text_html):
     return f'<div class="task"><p>{text_html}</p></div>'
 
 
+# The html twin. Self-contained by the same contract as the Mind dashboard —
+# no external assets, inline style and script only, one copy button per
+# actionable row — and dressed by the shared board theme, so this page and
+# that one are visibly the same family (board/_theme.py).
 def render_html(data):
     blocking, attention = verdict(data)
     esc = html.escape
@@ -867,21 +831,24 @@ def render_html(data):
         "<title>PyAutoBrain Board</title>",
         f"<!-- generated by `pyauto-brain board` on {data['generated']} — "
         "regenerate, do not hand-edit -->",
-        f"<style>{_HTML_CSS}</style>",
+        f"<style>{_theme_css(THEME_ORGAN)}</style>",
         "</head>",
         "<body>",
-        "<h1>🧠 PyAutoBrain Board</h1>",
-        "<p>The organism's morning door — what ran overnight, who is waiting, "
-        "and what needs you. Tap 📋 to put a command on your clipboard for a "
-        "Claude Code chat; ⌨ rows are terminal commands.</p>",
+        hero(THEME_ORGAN, "Board",
+             "The organism's morning door — what ran overnight, who is "
+             "waiting, and what needs you. Tap 📋 to put a command on your "
+             "clipboard for a Claude Code chat; ⌨ rows are terminal "
+             "commands."),
     ]
     verdict_cls = "bad" if blocking else ("warn" if attention else "ok")
     spark = sparkline(data.get("history") or [])
     spark_html = (f'<span class="muted" title="need-you count, last '
                   f'{min(len(data.get("history") or []), 14)} days"> · trend '
                   f'{esc(spark)}</span>') if spark else ""
-    H.append(f'<p><b class="{verdict_cls}">{esc(headline(data))}</b>'
-             f'<span class="muted"> — generated {esc(data["generated"])}</span>'
+    # The verdict is the one thing a human reads before anything else, so it
+    # gets a banner rather than a coloured word in a paragraph.
+    H.append(f'<p class="verdict {verdict_cls}"><b>{esc(headline(data))}</b>'
+             f'<span class="muted">generated {esc(data["generated"])}</span>'
              f'{spark_html}</p>')
     H.append("<h2>⌨ Morning sync (local)</h2>")
     H.append(_row(
@@ -1110,11 +1077,10 @@ def community_row(e, note_html):
         for d in data["degraded"]:
             H.append(_plain(f'<span class="warn">{esc(d)}</span>'))
 
-    nav = " · ".join(f'<a href="{_attr(url)}">{esc(name)}</a>'
-                     for name, url in data["boards"].items()
-                     if name != "brain")
-    H.append(f'<p class="muted">Boards: {nav}</p>')
-    H += [f"<script>{_HTML_JS}</script>", "</body>", "</html>"]
+    footer = boards_footer(data["boards"], THEME_ORGAN)
+    if footer:
+        H.append(footer)
+    H += [f"<script>{_THEME_JS}</script>", "</body>", "</html>"]
     return "\n".join(H) + "\n"
 
 
diff --git a/board/_theme.py b/board/_theme.py
new file mode 100644
index 0000000..18ad7ed
--- /dev/null
+++ b/board/_theme.py
@@ -0,0 +1,342 @@
+"""board/_theme.py — the shared look of the one-tap board family.
+
+Every organ publishes the same kind of page: a phone-first, self-contained
+list of rows, each carrying a 📋 copy-for-Claude payload. Until now each
+renderer carried its own copy of the same GitHub-grey stylesheet, so the
+family looked like six unrelated pages that happened to share a layout — and
+none of them looked like the organ whose logo sits at the top of its README.
+
+This module is the one place that answers "what does a board look like". It
+is **presentation only**: no state, no collection, no policy. Renderers
+import it and ask for the stylesheet, the hero and the small components; they
+keep owning what goes in the rows.
+
+The design in one line: *the page wears its organ's logo*. Each organ has an
+accent taken from its logo's glyph colour, and every board opens with a dark
+hero reproducing that logo's wordmark — white `PyAuto`, accent-coloured organ
+name, letterspaced tagline underneath, inside the logo's ring. Below the hero
+the page returns to a plain readable document, because these are lists people
+scan on a phone before breakfast, not dashboards to admire.
+
+Colour carries meaning, never decoration:
+
+* the **accent** is organ identity — one hue per board, used for links,
+  section rules, stats and the hero;
+* **pills** are the task facets (target, difficulty, autonomy, priority), so
+  a backlog can be scanned by colour instead of read word by word;
+* **ok / warn / bad** stay reserved for the verdict semantics they already
+  carry on the Heart-style boards.
+
+`ORGANS` is the palette table, keyed by the same board names as
+`config/policy.yaml` `board: boards:` — that mapping is the declared config
+surface an adopting fork replaces, so no repo is named here. Five of the six
+palettes are sampled from the actual logo files: the glyph colour and the
+wordmark's own tagline, straight off `logo.png` in each organ's repo. The
+umbrella board has no logo, so its accent and tagline are designed to sit in
+the family instead. Every accent is checked for >= 4.5:1 contrast against
+its own background (light on `#fff`, dark on `#0d1117`).
+"""
+
+# ---------------------------------------------------------------- palette ---
+# ink_light / ink_dark: the accent as *text*, per colour scheme.
+# glow:  the logo's own glyph colour — used only on the dark hero, where it
+#        needs to sing rather than pass a contrast check against white.
+# hero:  (lift, base) — the hero's radial gradient, echoing each logo's
+#        vignette: a tinted lift behind the wordmark falling to near-black.
+ORGANS = {
+    "mind": {
+        "organ": "Mind",
+        "glyph": "\U0001f4cb", "tagline": "Intent. Priority. Flow.",
+        "ink_light": "#0a7d72", "ink_dark": "#2ee6cf", "glow": "#00d1ba",
+        "hero": ("#0a3f39", "#000000"),
+    },
+    "brain": {
+        "organ": "Brain",
+        "glyph": "\U0001f9e0", "tagline": "Reason. Plan. Decide.",
+        "ink_light": "#2159c9", "ink_dark": "#6f9dff", "glow": "#4d8bff",
+        "hero": ("#1b2a6b", "#000312"),
+    },
+    "heart": {
+        "organ": "Heart",
+        "glyph": "❤️", "tagline": "Check. Validate. Protect.",
+        "ink_light": "#b50f1a", "ink_dark": "#ff6b73", "glow": "#ff1c28",
+        "hero": ("#4a0a10", "#000000"),
+    },
+    "hands": {
+        "organ": "Hands",
+        "glyph": "\U0001f6e0️", "tagline": "Build. Execute. Deliver.",
+        "ink_light": "#9a5400", "ink_dark": "#ffa733", "glow": "#ff9201",
+        "hero": ("#4a2c00", "#000000"),
+    },
+    "memory": {
+        "organ": "Memory",
+        "glyph": "\U0001f4da", "tagline": "Remember. Learn. Evolve.",
+        "ink_light": "#6b34d6", "ink_dark": "#b37eff", "glow": "#b37eff",
+        "hero": ("#2e1a5c", "#000000"),
+    },
+    # The umbrella is the one board with no logo to sample: the accent and
+    # the tagline are designed to sit in the family rather than read off a
+    # file. Replace both from the logo if that repo ever grows one.
+    "organism": {
+        "organ": "Scientist",
+        "glyph": "\U0001f9ec", "tagline": "Describe. Build. Release.",
+        "ink_light": "#0b6fa4", "ink_dark": "#5ec7f5", "glow": "#38bdf8",
+        "hero": ("#0c3f5c", "#00070d"),
+    },
+}
+
+import html as _html
+
+WORD = "PyAuto"  # the half of every wordmark that stays white
+
+
+def _esc(value):
+    return _html.escape(str(value), quote=True)
+
+
+def organ(key):
+    """The palette entry for a board, or the umbrella's when `key` is
+    unknown — an adopting fork gets a styled page rather than a crash."""
+    return ORGANS.get(key, ORGANS["organism"])
+
+
+# -------------------------------------------------------------------- css ---
+# One stylesheet, two colour schemes, one substituted accent. Kept in the
+# same dense hand-wrapped style as the renderers that inline it: this ships
+# inside every page, and these pages are opened on phones over mobile data.
+_CSS = """\
+:root{color-scheme:light dark;--bg:#fff;--fg:#1f2328;--muted:#59636e;
+ --line:#d8dee4;--btn:#f6f8fa;--ok:#1a7f37;--warn:#9a6700;--bad:#d1242f;
+ --accent:%(ink_light)s;--tint:%(ink_light)s14;--edge:%(ink_light)s3d;
+ --hero-lift:%(hero_lift)s;--hero-base:%(hero_base)s;--glow:%(glow)s}
+@media(prefers-color-scheme:dark){:root{--bg:#0d1117;--fg:#f0f6fc;
+ --muted:#9198a1;--line:#2c333c;--btn:#151b23;--ok:#3fb950;--warn:#d29922;
+ --bad:#f85149;--accent:%(ink_dark)s;--tint:%(ink_dark)s1f;
+ --edge:%(ink_dark)s47}}
+*{box-sizing:border-box}
+body{margin:0 auto;max-width:44rem;padding:0 1rem 4rem;background:var(--bg);
+ color:var(--fg);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",
+ Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%%}
+a{color:var(--accent);text-decoration:none}
+a:hover{text-decoration:underline}
+.muted{color:var(--muted)}
+.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}
+code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;
+ background:var(--btn);border:1px solid var(--line);padding:.05em .35em;
+ border-radius:5px}
+/* --- hero: the logo, rendered as type ---------------------------------- */
+.hero{margin:0 -1rem 1.4rem;padding:2.1rem 1.4rem 1.7rem;position:relative;
+ overflow:hidden;text-align:center;color:#fff;background:var(--hero-base);
+ background-image:radial-gradient(105%% 130%% at 50%% -25%%,
+  var(--hero-lift) 0%%,var(--hero-base) 68%%)}
+@media(min-width:46rem){.hero{margin:1rem 0 1.6rem;border-radius:16px}}
+.hero::after{content:"";position:absolute;left:12%%;right:12%%;bottom:0;
+ height:2px;background:linear-gradient(90deg,transparent,var(--glow),
+ transparent);opacity:.75}
+.orb{display:inline-flex;align-items:center;justify-content:center;
+ width:3.1rem;height:3.1rem;margin-bottom:.85rem;border-radius:50%%;
+ font-size:1.45rem;line-height:1;border:1.5px solid var(--glow);
+ background:radial-gradient(circle,#ffffff14 0%%,transparent 70%%);
+ box-shadow:0 0 22px -4px var(--glow)}
+.hero h1{margin:0;font-size:1.85rem;line-height:1.1;font-weight:700;
+ letter-spacing:-.022em;color:#fff}
+.hero h1 b{color:var(--glow);font-weight:700}
+.hero .kind{display:block;margin-top:.5rem;font-size:.66rem;font-weight:600;
+ letter-spacing:.26em;text-transform:uppercase;color:#ffffffa6}
+.hero .tag{margin:.85rem 0 0;font-size:.63rem;font-weight:600;
+ letter-spacing:.3em;text-transform:uppercase;color:var(--glow);opacity:.9}
+.lede{margin:0 0 .9rem}
+/* --- sections ---------------------------------------------------------- */
+h2{font-size:1.1rem;margin:2.1rem 0 .3rem;padding:0 0 .35rem;font-weight:650;
+ border-bottom:2px solid var(--edge)}
+h3{font-size:.98rem;margin:1.3rem 0 .2rem;font-weight:650;color:var(--accent)}
+/* --- rows -------------------------------------------------------------- */
+.task{display:flex;gap:.6rem;align-items:flex-start;padding:.45rem .35rem;
+ margin:0 -.35rem;border-bottom:1px solid var(--line);border-radius:7px}
+.task:hover{background:var(--tint)}
+.task p{margin:.25rem 0 0;flex:1;overflow-wrap:anywhere}
+button.copy{flex:0 0 auto;width:2.6rem;height:2.6rem;font-size:1.1rem;
+ border:1px solid var(--line);border-radius:9px;background:var(--btn);
+ cursor:pointer;color:var(--fg);transition:border-color .12s,color .12s}
+button.copy:hover{border-color:var(--accent);color:var(--accent)}
+button.copy.ok{color:var(--ok);border-color:var(--ok);background:transparent}
+button.copy.term{font-size:.95rem}
+button.more{display:block;width:100%%;margin:.7rem 0;padding:.55rem;
+ border:1px dashed var(--edge);border-radius:9px;background:transparent;
+ color:var(--muted);cursor:pointer;font:inherit;font-size:.9em}
+button.more:hover{color:var(--accent);border-style:solid}
+details{margin:.5rem 0}
+summary{cursor:pointer;font-weight:600;padding:.4rem 0}
+summary::marker{color:var(--accent)}
+/* --- facet pills: the backlog, scannable by colour --------------------- */
+.facets{color:var(--muted);font-size:.85em}
+.tags{display:block;margin-top:.32rem;line-height:1.9}
+.pill{display:inline-block;padding:.06em .5em;border-radius:999px;
+ font-size:.74em;font-weight:650;letter-spacing:.015em;white-space:nowrap;
+ vertical-align:.09em;border:1px solid var(--edge);background:var(--tint);
+ color:var(--accent)}
+.pill+.pill{margin-left:.28rem}
+.pill.n{border-color:var(--line);background:var(--btn);color:var(--muted)}
+.pill.w{border-color:transparent;background:var(--btn);color:var(--muted);
+ font-size:.7em;letter-spacing:.09em;text-transform:uppercase}
+.pill.w.y{color:var(--warn);border-color:var(--warn);background:transparent}
+.pill.g{border-color:var(--ok);background:transparent;color:var(--ok)}
+.pill.y{border-color:var(--warn);background:transparent;color:var(--warn)}
+.pill.r{border-color:var(--bad);background:transparent;color:var(--bad)}
+/* --- stat strip -------------------------------------------------------- */
+.stats{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;padding:0;
+ list-style:none}
+.stats li{flex:1 1 auto;min-width:5.2rem;padding:.5rem .6rem;text-align:center;
+ border:1px solid var(--line);border-radius:10px;background:var(--btn)}
+.stats b{display:block;font-size:1.15rem;line-height:1.2;color:var(--accent);
+ font-variant-numeric:tabular-nums}
+.stats span{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
+ color:var(--muted)}
+/* --- verdict banner ---------------------------------------------------- */
+.verdict{margin:0 0 1rem;padding:.7rem .85rem;border-radius:10px;
+ border:1px solid var(--line);border-left:4px solid var(--muted);
+ background:var(--btn)}
+.verdict.ok{border-left-color:var(--ok)}
+.verdict.warn{border-left-color:var(--warn)}
+.verdict.bad{border-left-color:var(--bad)}
+.verdict b{display:block;font-size:1.02rem}
+/* --- tables ------------------------------------------------------------ */
+table.recent{width:100%%;border-collapse:collapse;font-size:.95em}
+table.recent td{border-bottom:1px solid var(--line);
+ padding:.45rem .4rem .45rem 0;vertical-align:top;overflow-wrap:anywhere}
+table.recent tr:hover td{background:var(--tint)}
+table.recent td.when{white-space:nowrap;color:var(--muted);
+ font-variant-numeric:tabular-nums}
+table.recent td.what{white-space:nowrap;color:var(--muted);font-size:.85em;
+ padding-top:.58rem}
+table.recent td.pick{width:2.6rem;padding-right:0}
+table.recent button.copy{width:2.2rem;height:2.2rem;font-size:.95rem}
+/* --- the family footer: one chip per sibling board, in its own colour --- */
+.boards{display:flex;flex-wrap:wrap;gap:.4rem;margin:2.4rem 0 0;padding:0;
+ list-style:none;border-top:1px solid var(--line);padding-top:1rem}
+.boards a{display:inline-block;padding:.3rem .7rem;border-radius:999px;
+ font-size:.82em;font-weight:600;border:1px solid currentColor;opacity:.85}
+.boards a:hover{opacity:1;text-decoration:none}
+.mdsrc{font-size:.85em}
+"""
+
+# One organ chip colour per scheme, appended to the sheet so the family
+# footer shows each sibling in its own hue rather than six identical links.
+_CHIP = ("%(sel)s{color:%(light)s}"
+         "@media(prefers-color-scheme:dark){%(sel)s{color:%(dark)s}}")
+
+
+def css(key):
+    """The complete stylesheet for one organ's board."""
+    o = organ(key)
+    lift, base = o["hero"]
+    sheet = _CSS % {"ink_light": o["ink_light"], "ink_dark": o["ink_dark"],
+                    "glow": o["glow"], "hero_lift": lift, "hero_base": base}
+    chips = "".join(_CHIP % {"sel": f'.boards a[data-organ="{k}"]',
+                             "light": v["ink_light"], "dark": v["ink_dark"]}
+                    for k, v in ORGANS.items())
+    return sheet + chips + "\n"
+
+
+# ------------------------------------------------------------- components ---
+def hero(key, kind, lede_html=""):
+    """The masthead: the organ's logo re-drawn as type.
+
+    `kind` is what this page *is* under the wordmark ("Dashboard", "Board"),
+    so the mark stays the organ's and the page keeps its own name.
+    """
+    o = organ(key)
+    lede = f'<p class="lede">{lede_html}</p>' if lede_html else ""
+    return (f'<header class="hero"><span class="orb">{o["glyph"]}</span>'
+            f'<h1>{WORD}<b>{o["organ"]}</b>'
+            f'<span class="kind">{kind}</span></h1>'
+            f'<p class="tag">{o["tagline"]}</p></header>{lede}')
+
+
+# Facet vocabulary → pill tone. Anything unlisted falls back to the neutral
+# tone, so a new `Difficulty:` value renders as a plain pill instead of
+# silently taking someone else's colour.
+# Colour marks the *exception*, never the default. `supervised` is 9 of every
+# 10 prompts in the Mind — tinting it amber would paint the whole backlog and
+# say nothing. So the majority value stays neutral and the tones are spent on
+# what changes a decision: green go, amber caution, red handle-with-care.
+_TONES = {
+    "safe": "g",
+    "large": "y",
+    "high": "r", "too-large": "r", "human-required": "r",
+}
+
+
+# The PyAutoMind work-type taxonomy, one glyph each. The work type is what
+# `draft/` is organised around and the one facet the boards never showed; a
+# glyph carries it without spending colour, which is reserved for judgement.
+WORK_TYPE_GLYPHS = {
+    "feature": "✨", "bug": "\U0001f41b", "refactor": "♻️",
+    "docs": "\U0001f4d6", "test": "\U0001f9ea", "release": "\U0001f680",
+    "maintenance": "\U0001f9f9", "research": "\U0001f52c",
+    "experiment": "⚗️", "triage": "❓",
+}
+
+
+def pills(*values, work_type=None):
+    """Facet values as a pill row.
+
+    `work_type` leads when given — it is the category the whole taxonomy is
+    built on, so it reads first, as a glyph plus a quiet uppercase tag rather
+    than another coloured chip. `triage` is the exception: it means *nobody
+    has classified this yet*, which is a real call to action.
+
+    Of the positional values the first is the target repo/domain — it gets
+    the organ accent, because it is identity, not judgement; the rest take
+    their tone from `_TONES`, defaulting to neutral.
+    """
+    out = []
+    if work_type and work_type != "-":
+        glyph = WORK_TYPE_GLYPHS.get(work_type, "")
+        tone = " y" if work_type == "triage" else ""
+        out.append(f'<span class="pill w{tone}">{glyph} {_esc(work_type)}'
+                   f'</span>')
+    first = True
+    for v in values:
+        if not v or v == "-":
+            continue
+        cls = "pill" if first else f'pill {_TONES.get(v, "n")}'
+        out.append(f'<span class="{cls}">{_esc(v)}</span>')
+        first = False
+    return f'<span class="tags">{"".join(out)}</span>' if out else ""
+
+
+def stats(*pairs):
+    """The count strip: `(number, label)` pairs as accent-numbered tiles."""
+    items = "".join(f"<li><b>{n}</b><span>{label}</span></li>"
+                    for n, label in pairs)
+    return f'<ul class="stats">{items}</ul>' if items else ""
+
+
+def boards_footer(links, current):
+    """The family footer — one chip per sibling board, each in its own
+    organ's colour, so the six pages read as one system. `links` is the
+    `name -> url` mapping from `config/policy.yaml` `board: boards:`."""
+    chips = "".join(
+        f'<li><a data-organ="{_esc(k)}" href="{_esc(url)}">'
+        f'{organ(k)["organ"]}</a></li>'
+        for k, url in links.items() if k != current)
+    return (f'<ul class="boards"><li class="muted" style="padding:.3rem 0">'
+            f'Boards:</li>{chips}</ul>') if chips else ""
+
+
+# Shared by every board: one tap on a payload button copies it and flashes ✓.
+# The textarea path covers browsers without the async clipboard API.
+JS = """\
+async function copyCmd(b){
+  const cmd=b.dataset.cmd;
+  try{await navigator.clipboard.writeText(cmd);}
+  catch(e){const t=document.createElement("textarea");t.value=cmd;
+    document.body.appendChild(t);t.select();document.execCommand("copy");
+    t.remove();}
+  const old=b.textContent;
+  b.textContent="\\u2713";b.classList.add("ok");
+  setTimeout(()=>{b.textContent=old;b.classList.remove("ok");},1200);}
+document.addEventListener("click",e=>{
+  const b=e.target.closest("button.copy");if(b)copyCmd(b);});
+"""
diff --git a/tests/test_board.py b/tests/test_board.py
index 7e277c7..ec22783 100644
--- a/tests/test_board.py
+++ b/tests/test_board.py
@@ -368,9 +368,11 @@ def test_boards_footer_lists_the_family_without_self(tmp_path):
     stub = _fabricate(tmp_path, _default_fixtures())
     page = _run(["--html"], tmp_path, stub).stdout
     footer = page[page.rindex("Boards:"):]
+    # Each sibling is a chip tagged with its organ key (which is also what
+    # tints it — board/_theme.py); the label is the organ's display name.
     for name in ("mind", "heart", "hands", "memory", "organism"):
-        assert f">{name}</a>" in footer, name
-    assert ">brain</a>" not in footer  # a board never links itself
+        assert f'data-organ="{name}"' in footer, name
+    assert 'data-organ="brain"' not in footer  # a board never links itself
 
 
 def test_heart_blockers_render_with_their_own_prompts(tmp_path):
diff --git a/tests/test_board_theme.py b/tests/test_board_theme.py
new file mode 100644
index 0000000..760b250
--- /dev/null
+++ b/tests/test_board_theme.py
@@ -0,0 +1,138 @@
+"""Contract tests for `board/_theme.py` — the shared look of the one-tap
+board family.
+
+The theme is presentation-only, so these do not assert pixels: they pin the
+things a renderer relies on and a careless edit silently breaks. Chiefly that
+the family stays a *family* (every organ styled, every board wearing its own
+accent) and that colour keeps meaning something (the exception is tinted, the
+default is not).
+"""
+
+import re
+import sys
+from pathlib import Path
+
+BRAIN_HOME = Path(__file__).resolve().parents[1]
+sys.path.insert(0, str(BRAIN_HOME / "board"))
+
+import _theme  # noqa: E402
+
+# The board family declared in config/policy.yaml — the theme must dress all
+# of it, not just the two boards that adopted it first.
+POLICY_BOARDS = re.findall(
+    r"^    (\w+): \S+$",
+    re.search(r"^  boards:\n((?:    \w+: \S+\n)+)",
+              (BRAIN_HOME / "config" / "policy.yaml").read_text(),
+              re.M).group(1), re.M)
+
+
+def test_every_declared_board_has_a_complete_palette_entry():
+    for key in POLICY_BOARDS:
+        assert key in _theme.ORGANS, key
+        o = _theme.ORGANS[key]
+        for field in ("organ", "glyph", "tagline",
+                      "ink_light", "ink_dark", "glow", "hero"):
+            assert o.get(field), f"{key}.{field}"
+        assert len(o["hero"]) == 2
+
+
+def _luminance(hex_colour):
+    parts = [int(hex_colour[i:i + 2], 16) / 255 for i in (1, 3, 5)]
+    lin = [c / 12.92 if c <= 0.04045 else ((c + 0.055) / 1.055) ** 2.4
+           for c in parts]
+    return 0.2126 * lin[0] + 0.7152 * lin[1] + 0.0722 * lin[2]
+
+
+def _contrast(a, b):
+    hi, lo = sorted((_luminance(a), _luminance(b)), reverse=True)
+    return (hi + 0.05) / (lo + 0.05)
+
+
+def test_every_accent_is_readable_on_its_own_background():
+    # These pages are read outdoors on phones. An accent that fails here is
+    # a link nobody can see, not a matter of taste.
+    for key, o in _theme.ORGANS.items():
+        assert _contrast(o["ink_light"], "#ffffff") >= 4.5, f"{key} light"
+        assert _contrast(o["ink_dark"], "#0d1117") >= 4.5, f"{key} dark"
+
+
+def test_css_substitutes_every_placeholder():
+    sheet = _theme.css("mind")
+    # A stray %(...)s means a renderer would ship a broken stylesheet.
+    assert not re.search(r"%\([a-z_]+\)s", sheet)
+    assert _theme.ORGANS["mind"]["ink_light"] in sheet
+    assert _theme.ORGANS["mind"]["ink_dark"] in sheet
+    assert "prefers-color-scheme:dark" in sheet
+
+
+def test_each_board_wears_its_own_accent():
+    mind, brain = _theme.css("mind"), _theme.css("brain")
+    assert _theme.ORGANS["brain"]["glow"] not in mind
+    assert _theme.ORGANS["mind"]["glow"] not in brain
+
+
+def test_an_unknown_organ_still_renders():
+    # An adopting fork with a board we have no palette for gets the umbrella's
+    # look, never a KeyError mid-render.
+    assert _theme.css("no-such-organ")
+    assert "<header" in _theme.hero("no-such-organ", "Board")
+
+
+def test_the_hero_reproduces_the_logo_wordmark():
+    page = _theme.hero("mind", "Dashboard", "lede text")
+    assert f'{_theme.WORD}<b>{_theme.ORGANS["mind"]["organ"]}</b>' in page
+    assert _theme.ORGANS["mind"]["tagline"] in page
+    assert "Dashboard" in page and "lede text" in page
+
+
+def test_pills_tone_the_exception_and_leave_the_default_neutral():
+    row = _theme.pills("autoarray", "small", "supervised", "normal")
+    # `supervised` and `normal` are what almost every prompt says — tinting
+    # them would colour the whole backlog and tell a reader nothing.
+    assert row.count('class="pill n"') == 3
+    assert '<span class="pill">autoarray</span>' in row  # target = identity
+    flagged = _theme.pills("autoarray", "too-large", "human-required", "high")
+    assert flagged.count('class="pill r"') == 3
+    assert 'class="pill g"' in _theme.pills("-", "small", "safe", "low")
+
+
+def test_the_work_type_leads_and_carries_a_glyph_not_a_colour():
+    row = _theme.pills("autoarray", "small", work_type="bug")
+    assert row.index('class="pill w"') < row.index("autoarray")
+    assert _theme.WORK_TYPE_GLYPHS["bug"] in row
+    # Colour stays reserved for judgement — the category is not one.
+    assert '"pill w y"' not in row
+
+
+def test_triage_is_the_one_work_type_that_asks_for_attention():
+    # `triage` means nobody has classified this yet, which is a real call to
+    # action rather than a category.
+    assert 'class="pill w y"' in _theme.pills("autoarray", work_type="triage")
+
+
+def test_every_work_type_in_the_taxonomy_has_a_glyph():
+    sizing = BRAIN_HOME / "agents" / "faculties" / "sizing"
+    sys.path.insert(0, str(sizing))
+    import _sizing  # noqa: E402
+    assert set(_sizing.WORK_TYPES) == set(_theme.WORK_TYPE_GLYPHS)
+
+
+def test_pills_escape_their_values_and_vanish_when_empty():
+    assert _theme.pills("-", "-", "-", "-") == ""
+    assert "&lt;b&gt;" in _theme.pills("<b>")
+
+
+def test_boards_footer_skips_self_and_tags_each_sibling():
+    links = {k: f"https://example.invalid/{k}/" for k in _theme.ORGANS}
+    footer = _theme.boards_footer(links, "mind")
+    assert 'data-organ="mind"' not in footer
+    for key in _theme.ORGANS:
+        if key != "mind":
+            assert f'data-organ="{key}"' in footer
+            # …and the chip is tinted by that organ's own accent.
+            assert f'.boards a[data-organ="{key}"]' in _theme.css("mind")
+
+
+def test_stats_render_pairs_and_vanish_when_empty():
+    assert _theme.stats() == ""
+    assert "<b>3</b><span>In flight</span>" in _theme.stats((3, "In flight"))
diff --git a/tests/test_intake_dashboard.py b/tests/test_intake_dashboard.py
index f75a48e..fee6520 100644
--- a/tests/test_intake_dashboard.py
+++ b/tests/test_intake_dashboard.py
@@ -305,6 +305,41 @@ def test_a_prompt_titled_with_an_html_comment_cannot_swallow_the_page(tmp_path):
     assert "Visible after the comment" in page
 
 
+def test_a_long_title_is_cut_where_a_reader_can_stop(tmp_path):
+    """A silent cut is indistinguishable from a title that just ends badly —
+    the page read "kernel-CDF numba fast path (the" for months. Long titles
+    now end on a real word and say that there was more."""
+    # The plain cut would land on "... convolution kernels for".
+    assert _intake._title(
+        "Numba CPU likelihood phase 2 kernel-CDF numba fast path convolution "
+        "kernels for the batched dataset"
+    ) == "Numba CPU likelihood phase 2 kernel-CDF numba fast path convolution "\
+         "kernels…"
+    # An orphaned bracket goes with the fragment it opened.
+    assert _intake._title(
+        "Rectangular mesh split Bilinear fast CPU default versus RTU "
+        "(advanced GPU backend variant)"
+    ) == "Rectangular mesh split Bilinear fast CPU default versus RTU…"
+    # An unpaired backtick would let the code span bleed into the page.
+    assert _intake._title(
+        "Give every fitted search a proper `seed today because no search can "
+        "set it now"
+    ) == "Give every fitted search a proper…"
+
+
+def test_a_short_title_is_left_exactly_alone(tmp_path):
+    assert _intake._title("Fix the mask edge case") == "Fix the mask edge case"
+    assert not _intake._title("Fix the mask edge case").endswith("…")
+
+
+def test_the_dashboard_row_shows_the_work_type(tmp_path):
+    """The facet `draft/` is organised around, and the one the page never
+    showed — carried as a glyph so colour stays reserved for judgement."""
+    mind = _mind(tmp_path, drafts={"bug/widgets/b.md": _prompt("Bug one")})
+    html = _intake.render_dashboard_html(_intake.census(mind))
+    assert '<span class="pill w">🐛 bug</span>' in html
+
+
 def test_title_markup_survives_the_html_summary(tmp_path):
     """Summaries are HTML: brackets pass through untouched, raw angle brackets
     are escaped, and a title's `code` span renders as <code> (GitHub does not