diff --git a/site/app/globals.css b/site/app/globals.css
index 8b7d0e54..90e2f38e 100644
--- a/site/app/globals.css
+++ b/site/app/globals.css
@@ -503,3 +503,34 @@ img[src*="/streak"] {
   height: 1.05em;
   flex: none;
 }
+
+/* The profile builder link glows softly: a brighter copy of its words fades in and out over them (opacity only). */
+.nav nav a.nav-builder {
+  position: relative;
+  color: var(--gold);
+}
+
+.nav-builder::after {
+  content: attr(data-label);
+  position: absolute;
+  inset: 0;
+  display: grid;
+  place-items: center;
+  color: #fff6dc;
+  text-shadow: 0 0 10px rgba(245, 222, 160, 0.55);
+  opacity: 0;
+  pointer-events: none;
+  animation: builder-glow 3.6s ease-in-out infinite;
+}
+
+@keyframes builder-glow {
+  50% {
+    opacity: 1;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .nav-builder::after {
+    animation: none;
+  }
+}
diff --git a/site/app/wiki/page.tsx b/site/app/wiki/page.tsx
index d2812fea..414eba7a 100644
--- a/site/app/wiki/page.tsx
+++ b/site/app/wiki/page.tsx
@@ -3,6 +3,7 @@ import type { ReactNode } from "react";
 import Nav from "@/components/Nav";
 import Footer from "@/components/Footer";
 import Rune from "@/components/Rune";
+import { PreviewHint, PreviewLinks } from "@/components/Preview";
 import { RUNES, THEMES, REPO, HOST, card, cardName, DECORATIONS, sceneName, snap, type Widget } from "@/components/data";
 import { m, rich, type Tags } from "@/i18n";
 import w from "./wiki.module.css";
@@ -35,7 +36,7 @@ const WIDGETS: Widget[] = ["stats", "languages", "streak"];
 function Shot({ src, alt, scale = 2, h = 128, dark }: { src: string; alt: string; scale?: number; h?: number; dark?: string }) {
   const img = <img className="pix" src={snap(`${src}&scale=${scale}`)} width={320 * scale} height={h * scale} alt={alt} loading="lazy" />;
   return (
-    <a className={w.shot} href={src}>
+    <a className={w.shot} href={src} data-preview="" data-name={alt} data-h={h}>
       {dark ? (
         <picture>
           <source media="(prefers-color-scheme: dark)" srcSet={snap(`${dark}&scale=${scale}`)} />
@@ -44,6 +45,7 @@ function Shot({ src, alt, scale = 2, h = 128, dark }: { src: string; alt: string
       ) : (
         img
       )}
+      <PreviewHint />
     </a>
   );
 }
@@ -440,6 +442,7 @@ docker run -d -p 8080:8080 --env-file .env -v questlog-data:/data questlog`}</Co
           </div>
         </div>
       </main>
+      <PreviewLinks place={m.allCards.wikiPlace} />
       <Footer />
     </>
   );
diff --git a/site/app/wiki/wiki.module.css b/site/app/wiki/wiki.module.css
index 4b0ffb92..778da372 100644
--- a/site/app/wiki/wiki.module.css
+++ b/site/app/wiki/wiki.module.css
@@ -132,6 +132,7 @@
 
 /* Live card that links to its full size */
 .shot {
+  position: relative;
   display: block;
   overflow: hidden;
   border-radius: 12px;
diff --git a/site/components/AllCards.module.css b/site/components/AllCards.module.css
index 1cfbc3d6..3dcc4f3c 100644
--- a/site/components/AllCards.module.css
+++ b/site/components/AllCards.module.css
@@ -146,6 +146,7 @@
 }
 
 .shot {
+  position: relative;
   display: block;
   width: 100%;
   padding: 0;
@@ -263,136 +264,3 @@
   color: var(--muted);
 }
 
-/* the preview: the live card big, its address and what to do with it */
-.preview {
-  width: min(100% - 2rem, 60rem);
-  max-height: calc(100% - 2rem);
-  padding: 0;
-  border: 1px solid var(--line);
-  border-radius: 24px;
-  background: var(--night-2);
-  color: var(--parchment);
-  box-shadow: 0 40px 100px -30px #000;
-}
-
-.preview::backdrop {
-  background: rgba(6, 5, 10, 0.72);
-}
-
-.previewBox {
-  display: grid;
-  gap: 1rem;
-  padding: 1.25rem clamp(1rem, 3vw, 1.75rem) 1.5rem;
-}
-
-.previewHead {
-  display: flex;
-  align-items: start;
-  justify-content: space-between;
-  gap: 1rem;
-}
-
-.previewTitle {
-  font-family: var(--display);
-  font-weight: 400;
-  font-size: clamp(1.6rem, 3vw, 2.2rem);
-  letter-spacing: 0;
-  color: var(--gold);
-}
-
-.previewSub {
-  color: var(--muted);
-  font-size: 0.95rem;
-}
-
-.previewClose,
-.previewArrow {
-  display: grid;
-  flex: none;
-  place-items: center;
-  width: 2.75rem;
-  height: 2.75rem;
-  border: 1px solid rgba(242, 230, 201, 0.2);
-  border-radius: 999px;
-  background: none;
-  color: var(--parchment);
-  cursor: pointer;
-}
-
-.previewClose:hover,
-.previewArrow:hover:not(:disabled) {
-  border-color: rgba(242, 230, 201, 0.5);
-}
-
-.previewArrow:disabled {
-  opacity: 0.3;
-  cursor: default;
-}
-
-.previewClose svg,
-.previewArrow svg {
-  width: 1.2rem;
-  height: 1.2rem;
-}
-
-.previewStage {
-  display: grid;
-  grid-template-columns: auto minmax(0, 1fr) auto;
-  align-items: center;
-  gap: 0.75rem;
-}
-
-.previewStage img {
-  display: block;
-  width: 100%;
-  height: auto;
-  border-radius: 12px;
-  background: rgba(8, 7, 12, 0.6);
-}
-
-.previewUrl {
-  display: block;
-  padding: 0.6rem 0.8rem;
-  overflow-x: auto;
-  border: 1px solid var(--line);
-  border-radius: 10px;
-  background: rgba(8, 7, 12, 0.7);
-  font-size: 0.85rem;
-  white-space: nowrap;
-}
-
-.previewActions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.6rem;
-}
-
-.previewActions .btn {
-  min-height: 2.75rem;
-  padding: 0 1.1rem;
-  font-size: 0.95rem;
-}
-
-.previewHelp {
-  color: var(--muted);
-  font-size: 0.9rem;
-}
-
-.previewHelp a {
-  color: var(--gold);
-}
-
-@media (max-width: 640px) {
-  .previewStage {
-    grid-template-columns: 1fr 1fr;
-  }
-
-  .previewStage img {
-    grid-column: 1 / -1;
-    grid-row: 1;
-  }
-
-  .previewArrow {
-    justify-self: center;
-  }
-}
diff --git a/site/components/AllCards.tsx b/site/components/AllCards.tsx
index 0729c1a4..39b0f988 100644
--- a/site/components/AllCards.tsx
+++ b/site/components/AllCards.tsx
@@ -1,8 +1,9 @@
 "use client";
 
 import { useEffect, useRef, useState } from "react";
-import { m, rich } from "@/i18n";
-import { Check, ChevronLeft, ChevronRight, Copy, ExternalLink, X } from "lucide-react";
+import { m } from "@/i18n";
+import { Check, Copy } from "lucide-react";
+import Preview, { PreviewHint, itemOf } from "./Preview";
 import { DECORATIONS, HOST, THEMES, card, sceneName, snap } from "./data";
 import { DECORATION_GROUPS, LOOKS, address, groups, stillOf, type Group, type Look } from "./combos";
 import s from "./AllCards.module.css";
@@ -92,24 +93,10 @@ function Header() {
   );
 }
 
-/** One card on the page, as the preview needs it. */
-type Item = { address: string; name: string; look: Look; h: number; night: string; day: string };
-
 /** A scene (or the decorations): a jump list, then one block per kind of card, one row per variant, one column per look. */
 function Combos({ title, list }: { title: string; list: Group[] }) {
   const count = list.reduce((n, g) => n + g.rows.length, 0) * LOOKS.length;
-  const items: Item[] = list.flatMap((g) =>
-    g.rows.flatMap((r) =>
-      LOOKS.map((l) => ({
-        address: address(r, l),
-        name: r.name,
-        look: l,
-        h: r.h,
-        day: address(r, { ...l, time: "day" } as Look),
-        night: address(r, { ...l, time: "night" } as Look),
-      })),
-    ),
-  );
+  const items = list.flatMap((g) => g.rows.flatMap((r) => LOOKS.map((l) => itemOf(address(r, l), r.name, title, r.h))));
   const [open, setOpen] = useState<number | null>(null);
   const id = (g: Group) => `group-${g.title.toLowerCase().replace(/[^a-z]+/g, "-")}`;
   return (
@@ -156,135 +143,12 @@ function Combos({ title, list }: { title: string; list: Group[] }) {
         </div>
       ))}
       {open !== null && items[open] && (
-        <Preview item={items[open]} place={title} index={open} count={items.length} onMove={setOpen} onClose={() => setOpen(null)} />
+        <Preview items={items} index={open} onMove={setOpen} onClose={() => setOpen(null)} demo />
       )}
     </section>
   );
 }
 
-/** Copies text and says so only once the browser confirms it. */
-function useCopy(): [string, (key: string, text: string) => void] {
-  const [done, setDone] = useState("");
-  const timer = useRef(0);
-  const copy = async (key: string, text: string) => {
-    try {
-      await navigator.clipboard.writeText(text);
-      setDone(key);
-    } catch {
-      setDone(`fail:${key}`);
-    }
-    window.clearTimeout(timer.current);
-    timer.current = window.setTimeout(() => setDone(""), 2200);
-  };
-  return [done, copy];
-}
-
-/** The card big and live (animated), with what you can do with it, and Previous and Next through the page's cards. */
-function Preview({ item, place, index, count, onMove, onClose }: {
-  item: Item;
-  place: string;
-  index: number;
-  count: number;
-  onMove: (i: number) => void;
-  onClose: () => void;
-}) {
-  const dialog = useRef<HTMLDialogElement>(null);
-  const [done, copy] = useCopy();
-  useEffect(() => {
-    const d = dialog.current;
-    if (d && !d.open) d.showModal();
-    return () => d?.close();
-  }, []);
-  useEffect(() => {
-    const key = (e: KeyboardEvent) => {
-      if (e.key === "ArrowRight" && index < count - 1) onMove(index + 1);
-      if (e.key === "ArrowLeft" && index > 0) onMove(index - 1);
-    };
-    window.addEventListener("keydown", key);
-    return () => window.removeEventListener("keydown", key);
-  }, [index, count, onMove]);
-
-  const url = HOST + item.address;
-  const md = `![${item.name}](${url})`;
-  const picture = [
-    "<picture>",
-    `  <source media="(prefers-color-scheme: dark)" srcset="${HOST + item.night}">`,
-    `  <img alt="${item.name.replace(/"/g, "&quot;")}" src="${HOST + item.day}">`,
-    "</picture>",
-  ].join("\n");
-  const label = (key: string, text: string) => (done === key ? A.copied : done === `fail:${key}` ? A.copyFailed : text);
-  const icon = (key: string) => (done === key ? <Check aria-hidden="true" /> : <Copy aria-hidden="true" />);
-
-  return (
-    <dialog
-      ref={dialog}
-      className={s.preview}
-      aria-labelledby="preview-title"
-      onClose={onClose}
-      onClick={(e) => e.target === dialog.current && onClose()}
-    >
-      <div className={s.previewBox}>
-        <div className={s.previewHead}>
-          <div>
-            <h2 id="preview-title" className={s.previewTitle}>
-              {item.name}
-            </h2>
-            <p className={s.previewSub}>
-              {A.previewSub(place, item.look.label, index + 1, count)}
-            </p>
-          </div>
-          <button type="button" className={s.previewClose} onClick={onClose} aria-label={A.close}>
-            <X aria-hidden="true" />
-          </button>
-        </div>
-        <div className={s.previewStage}>
-          <button
-            type="button"
-            className={s.previewArrow}
-            onClick={() => onMove(index - 1)}
-            disabled={index === 0}
-            aria-label={A.previous}
-          >
-            <ChevronLeft aria-hidden="true" />
-          </button>
-          <img key={item.address} className="pix" src={`${item.address}&scale=4`} width={1280} height={item.h * 4} alt={A.liveAlt(item.name, item.look.label)} />
-          <button
-            type="button"
-            className={s.previewArrow}
-            onClick={() => onMove(index + 1)}
-            disabled={index === count - 1}
-            aria-label={A.next}
-          >
-            <ChevronRight aria-hidden="true" />
-          </button>
-        </div>
-        <code className={s.previewUrl}>{url}</code>
-        <div className={s.previewActions}>
-          <button type="button" className="btn btn-primary" onClick={() => copy("url", url)}>
-            {icon("url")}
-            {label("url", A.copyAddress)}
-          </button>
-          <button type="button" className="btn btn-ghost" onClick={() => copy("md", md)}>
-            {icon("md")}
-            {label("md", A.copyMarkdown)}
-          </button>
-          <button type="button" className="btn btn-ghost" onClick={() => copy("pic", picture)}>
-            {icon("pic")}
-            {label("pic", A.copyDark)}
-          </button>
-          <a className="btn btn-ghost" href={item.address} target="_blank" rel="noopener">
-            <ExternalLink aria-hidden="true" />
-            {A.openLive}
-          </a>
-        </div>
-        <p className={s.previewHelp}>
-          {rich(A.help, { code: (c) => <code>{c}</code>, a: (c) => <a href="/builder">{c}</a> })}
-        </p>
-      </div>
-    </dialog>
-  );
-}
-
 /** One card: its still, a link to the live card, and a button that copies its address. */
 function Tile({ address, look, alt, h, onOpen }: { address: string; look: Look; alt: string; h: number; onOpen: () => void }) {
   const [copied, setCopied] = useState<"" | "yes" | "no">("");
@@ -301,6 +165,7 @@ function Tile({ address, look, alt, h, onOpen }: { address: string; look: Look;
     <figure className={s.tile}>
       <button type="button" className={s.shot} onClick={onOpen} aria-label={A.previewLabel(alt)}>
         <img className="pix" src={snap(stillOf(address))} width={640} height={h * 2} alt="" loading="lazy" />
+        <PreviewHint />
       </button>
       <figcaption className={s.cap}>
         <span className={s.look}>{look.label}</span>
diff --git a/site/components/Nav.tsx b/site/components/Nav.tsx
index 1576f08f..aafb31eb 100644
--- a/site/components/Nav.tsx
+++ b/site/components/Nav.tsx
@@ -10,7 +10,9 @@ export default function Nav({ still = false }: { still?: boolean }) {
         questlog
       </a>
       <nav aria-label={m.site.nav.label}>
-        <a href="/builder">{m.site.nav.makeCards}</a>
+        <a href="/builder" className="nav-builder" data-label={m.site.nav.makeCards}>
+          {m.site.nav.makeCards}
+        </a>
         <a className="nav-more" href="/#scenes">
           {m.site.nav.scenes}
         </a>
diff --git a/site/components/Preview.module.css b/site/components/Preview.module.css
new file mode 100644
index 00000000..c3784313
--- /dev/null
+++ b/site/components/Preview.module.css
@@ -0,0 +1,166 @@
+/* the preview: the live card big, its address and what to do with it */
+.preview {
+  width: min(100% - 2rem, 60rem);
+  max-height: calc(100% - 2rem);
+  padding: 0;
+  border: 1px solid var(--line);
+  border-radius: 24px;
+  background: var(--night-2);
+  color: var(--parchment);
+  box-shadow: 0 40px 100px -30px #000;
+}
+
+.preview::backdrop {
+  background: rgba(6, 5, 10, 0.72);
+}
+
+.previewBox {
+  display: grid;
+  gap: 1rem;
+  padding: 1.25rem clamp(1rem, 3vw, 1.75rem) 1.5rem;
+}
+
+.previewHead {
+  display: flex;
+  align-items: start;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.previewTitle {
+  font-family: var(--display);
+  font-weight: 400;
+  font-size: clamp(1.6rem, 3vw, 2.2rem);
+  letter-spacing: 0;
+  color: var(--gold);
+}
+
+.previewSub {
+  color: var(--muted);
+  font-size: 0.95rem;
+}
+
+.previewClose,
+.previewArrow {
+  display: grid;
+  flex: none;
+  place-items: center;
+  width: 2.75rem;
+  height: 2.75rem;
+  border: 1px solid rgba(242, 230, 201, 0.2);
+  border-radius: 999px;
+  background: none;
+  color: var(--parchment);
+  cursor: pointer;
+}
+
+.previewClose:hover,
+.previewArrow:hover:not(:disabled) {
+  border-color: rgba(242, 230, 201, 0.5);
+}
+
+.previewArrow:disabled {
+  opacity: 0.3;
+  cursor: default;
+}
+
+.previewClose svg,
+.previewArrow svg {
+  width: 1.2rem;
+  height: 1.2rem;
+}
+
+.previewStage {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.previewStage img {
+  display: block;
+  width: 100%;
+  height: auto;
+  border-radius: 12px;
+  background: rgba(8, 7, 12, 0.6);
+}
+
+.previewUrl {
+  display: block;
+  padding: 0.6rem 0.8rem;
+  overflow-x: auto;
+  border: 1px solid var(--line);
+  border-radius: 10px;
+  background: rgba(8, 7, 12, 0.7);
+  font-size: 0.85rem;
+  white-space: nowrap;
+}
+
+.previewActions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.6rem;
+}
+
+.previewActions .btn {
+  min-height: 2.75rem;
+  padding: 0 1.1rem;
+  font-size: 0.95rem;
+}
+
+.previewHelp {
+  color: var(--muted);
+  font-size: 0.9rem;
+}
+
+.previewHelp a {
+  color: var(--gold);
+}
+
+@media (max-width: 640px) {
+  .previewStage {
+    grid-template-columns: 1fr 1fr;
+  }
+
+  .previewStage img {
+    grid-column: 1 / -1;
+    grid-row: 1;
+  }
+
+  .previewArrow {
+    justify-self: center;
+  }
+}
+
+/* the small sign on a picture that opens the preview */
+.hint {
+  position: absolute;
+  top: 6px;
+  right: 6px;
+  display: grid;
+  place-items: center;
+  width: 22px;
+  height: 22px;
+  border-radius: 6px;
+  background: rgba(8, 7, 12, 0.62);
+  color: var(--gold);
+  opacity: 0.75;
+  pointer-events: none;
+  transition: opacity 0.2s;
+}
+
+.hint svg {
+  width: 13px;
+  height: 13px;
+}
+
+:hover > .hint,
+:focus-visible > .hint {
+  opacity: 1;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .hint {
+    transition: none;
+  }
+}
diff --git a/site/components/Preview.tsx b/site/components/Preview.tsx
new file mode 100644
index 00000000..91640f16
--- /dev/null
+++ b/site/components/Preview.tsx
@@ -0,0 +1,185 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+import { Check, ChevronLeft, ChevronRight, Copy, ExternalLink, Maximize2, X } from "lucide-react";
+import { m, rich } from "@/i18n";
+import { HOST } from "./data";
+import { LOOKS } from "./combos";
+import s from "./Preview.module.css";
+
+const A = m.allCards;
+
+/** One card the preview can show: its address, what it is, where it comes from, and its painting's height. */
+export type PreviewItem = { address: string; name: string; place: string; look: string; h: number; day: string; night: string };
+
+/** The same address at another time of day. */
+const at = (address: string, time: "day" | "night") => {
+  const [path, query = ""] = address.split("?");
+  const q = new URLSearchParams(query);
+  q.set("time", time);
+  return `${path}?${q.toString().replace(/%3A/gi, ":").replace(/%2C/gi, ",").replace(/%7C/gi, "|")}`;
+};
+
+/** A preview item for a card address, with its look (day or night, fine or chunky) read from the address. */
+export function itemOf(address: string, name: string, place: string, h = 128): PreviewItem {
+  const q = new URLSearchParams(address.split("?")[1] ?? "");
+  const night = q.get("time") === "night";
+  const chunky = q.get("pixels") === "chunky";
+  const look = LOOKS.find((l) => (l.time === "night") === night && l.chunky === chunky)?.label ?? LOOKS[0].label;
+  return { address, name, place, look, h, day: at(address, "day"), night: at(address, "night") };
+}
+
+/** The small sign in a picture's corner that says it opens bigger. Its parent needs position: relative. */
+export function PreviewHint() {
+  return (
+    <span className={s.hint} aria-hidden="true">
+      <Maximize2 />
+    </span>
+  );
+}
+
+/** Copies text and says so only once the browser confirms it. */
+function useCopy(): [string, (key: string, text: string) => void] {
+  const [done, setDone] = useState("");
+  const timer = useRef(0);
+  const copy = async (key: string, text: string) => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setDone(key);
+    } catch {
+      setDone(`fail:${key}`);
+    }
+    window.clearTimeout(timer.current);
+    timer.current = window.setTimeout(() => setDone(""), 2200);
+  };
+  return [done, copy];
+}
+
+/** The card big and live (animated), with what you can do with it, and Previous and Next through the page's cards.
+ * `demo`: the cards show the built-in adventurer, so the help says how to put your own login in. */
+export default function Preview({ items, index, onMove, onClose, demo = false }: {
+  items: PreviewItem[];
+  index: number;
+  onMove: (i: number) => void;
+  onClose: () => void;
+  demo?: boolean;
+}) {
+  const item = items[index];
+  const count = items.length;
+  const dialog = useRef<HTMLDialogElement>(null);
+  const [done, copy] = useCopy();
+  useEffect(() => {
+    const d = dialog.current;
+    if (d && !d.open) d.showModal();
+    return () => d?.close();
+  }, []);
+  useEffect(() => {
+    const key = (e: KeyboardEvent) => {
+      if (e.key === "ArrowRight" && index < count - 1) onMove(index + 1);
+      if (e.key === "ArrowLeft" && index > 0) onMove(index - 1);
+    };
+    window.addEventListener("keydown", key);
+    return () => window.removeEventListener("keydown", key);
+  }, [index, count, onMove]);
+
+  const url = HOST + item.address;
+  const md = `![${item.name}](${url})`;
+  const picture = [
+    "<picture>",
+    `  <source media="(prefers-color-scheme: dark)" srcset="${HOST + item.night}">`,
+    `  <img alt="${item.name.replace(/"/g, "&quot;")}" src="${HOST + item.day}">`,
+    "</picture>",
+  ].join("\n");
+  const label = (key: string, text: string) => (done === key ? A.copied : done === `fail:${key}` ? A.copyFailed : text);
+  const icon = (key: string) => (done === key ? <Check aria-hidden="true" /> : <Copy aria-hidden="true" />);
+  const live = `${item.address}${item.address.includes("?") ? "&" : "?"}scale=4`;
+
+  return (
+    <dialog
+      ref={dialog}
+      className={s.preview}
+      aria-labelledby="preview-title"
+      onClose={onClose}
+      onClick={(e) => e.target === dialog.current && onClose()}
+    >
+      <div className={s.previewBox}>
+        <div className={s.previewHead}>
+          <div>
+            <h2 id="preview-title" className={s.previewTitle}>
+              {item.name}
+            </h2>
+            <p className={s.previewSub}>{A.previewSub(item.place, item.look, index + 1, count)}</p>
+          </div>
+          <button type="button" className={s.previewClose} onClick={onClose} aria-label={A.close}>
+            <X aria-hidden="true" />
+          </button>
+        </div>
+        <div className={s.previewStage}>
+          <button type="button" className={s.previewArrow} onClick={() => onMove(index - 1)} disabled={index === 0} aria-label={A.previous}>
+            <ChevronLeft aria-hidden="true" />
+          </button>
+          <img key={item.address} className="pix" src={live} width={1280} height={item.h * 4} alt={A.liveAlt(item.name, item.look)} />
+          <button
+            type="button"
+            className={s.previewArrow}
+            onClick={() => onMove(index + 1)}
+            disabled={index === count - 1}
+            aria-label={A.next}
+          >
+            <ChevronRight aria-hidden="true" />
+          </button>
+        </div>
+        <code className={s.previewUrl}>{url}</code>
+        <div className={s.previewActions}>
+          <button type="button" className="btn btn-primary" onClick={() => copy("url", url)}>
+            {icon("url")}
+            {label("url", A.copyAddress)}
+          </button>
+          <button type="button" className="btn btn-ghost" onClick={() => copy("md", md)}>
+            {icon("md")}
+            {label("md", A.copyMarkdown)}
+          </button>
+          <button type="button" className="btn btn-ghost" onClick={() => copy("pic", picture)}>
+            {icon("pic")}
+            {label("pic", A.copyDark)}
+          </button>
+          <a className="btn btn-ghost" href={item.address} target="_blank" rel="noopener">
+            <ExternalLink aria-hidden="true" />
+            {A.openLive}
+          </a>
+        </div>
+        <p className={s.previewHelp}>
+          {rich(demo ? A.help : A.helpOwn, { code: (c) => <code>{c}</code>, a: (c) => <a href="/builder">{c}</a> })}
+        </p>
+      </div>
+    </dialog>
+  );
+}
+
+/** For a page of plain card links (the wiki): a link marked data-preview opens the preview instead of the card,
+ * with Previous and Next through every such link on the page. Without script the links still open the card. */
+export function PreviewLinks({ place }: { place: string }) {
+  const [state, setState] = useState<{ items: PreviewItem[]; index: number } | null>(null);
+  useEffect(() => {
+    const click = (e: MouseEvent) => {
+      if (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+      const a = (e.target as HTMLElement).closest<HTMLAnchorElement>("a[data-preview]");
+      if (!a) return;
+      e.preventDefault();
+      const links = [...document.querySelectorAll<HTMLAnchorElement>("a[data-preview]")];
+      const items = links.map((l) => itemOf(l.getAttribute("href") ?? "", l.dataset.name ?? "", place, Number(l.dataset.h) || 128));
+      setState({ items, index: links.indexOf(a) });
+    };
+    document.addEventListener("click", click);
+    return () => document.removeEventListener("click", click);
+  }, [place]);
+  if (!state) return null;
+  return (
+    <Preview
+      items={state.items}
+      index={state.index}
+      onMove={(index) => setState({ ...state, index })}
+      onClose={() => setState(null)}
+    />
+  );
+}
diff --git a/site/components/builder/AddCard.tsx b/site/components/builder/AddCard.tsx
index 87b2288a..54b8fa33 100644
--- a/site/components/builder/AddCard.tsx
+++ b/site/components/builder/AddCard.tsx
@@ -17,6 +17,7 @@ export default function AddCard({
   onAdd,
   onAddDecoration,
   onClose,
+  noLogin = false,
 }: {
   scene: string;
   night: boolean;
@@ -24,6 +25,8 @@ export default function AddCard({
   onAdd: (w: Widget, scene: string) => void;
   onAddDecoration: (name: string) => void;
   onClose: () => void;
+  /** No GitHub login: only the decorations, which show no stats. */
+  noLogin?: boolean;
 }) {
   const [scene, setScene] = useState(first);
   return (
@@ -35,6 +38,10 @@ export default function AddCard({
         </div>
         <CloseButton onClick={onClose} label={m.builder.addCard.close} />
       </div>
+      {noLogin ? (
+        <p className={s.help}>{m.builder.addCard.needLogin}</p>
+      ) : (
+        <>
       <SelectField
         label={m.builder.addCard.scene}
         value={scene}
@@ -60,6 +67,8 @@ export default function AddCard({
           ))}
         </div>
       </div>
+        </>
+      )}
       <div className={s.group}>
         <p className={s.label}>{m.builder.addCard.orDecoration}</p>
         <p className={s.help}>{m.builder.addCard.decorationHelp}</p>
diff --git a/site/components/builder/LoginStep.tsx b/site/components/builder/LoginStep.tsx
index 9c61a69e..719583c6 100644
--- a/site/components/builder/LoginStep.tsx
+++ b/site/components/builder/LoginStep.tsx
@@ -19,6 +19,8 @@ export type Purpose = "profile" | "other";
 
 /** The first text for a page that is not a GitHub profile. */
 export const otherTemplate = () => tx.otherTemplate;
+/** The first text without a login, where there are no stats to talk about. */
+export const plainTemplate = () => tx.plainTemplate;
 
 /** The account's display name and avatar; ok is false when GitHub has no such account and null when it could not
  * say (offline, or its hourly limit for this reader). */
@@ -47,10 +49,10 @@ async function profileReadme(login: string): Promise<string | null> {
   return null;
 }
 
-export function TourSteps() {
+export function TourSteps({ other = false }: { other?: boolean }) {
   return (
     <ol className={s.tourList}>
-      {tx.tourSteps.map((step) => (
+      {(other ? tx.tourStepsOther : tx.tourSteps).map((step) => (
         <li key={step}>{rich(step, { b: (c) => <b>{c}</b> })}</li>
       ))}
     </ol>
@@ -179,6 +181,19 @@ export default function LoginStep({
                     {tx.cancel}
                   </button>
                 )}
+                {other && (
+                  <button
+                    type="button"
+                    className="btn btn-ghost"
+                    title={tx.noLoginHelp}
+                    onClick={() => {
+                      run.current++; // a lookup still on its way must not land after this
+                      onDone({ login: "", name: "", avatar: "" }, keepable ? null : plainTemplate(), keepable ? "keep" : "fresh");
+                    }}
+                  >
+                    {tx.noLogin}
+                  </button>
+                )}
                 <button type="button" className="btn btn-primary" onClick={next} disabled={phase === "checking"}>
                   {phase === "checking" ? (
                     <>
@@ -252,8 +267,8 @@ export default function LoginStep({
             <span className={s.label}>{tx.tourNew}</span>
             <CloseButton onClick={onTourDone} label={tx.tourClose} />
           </div>
-          <p className={s.tourTitle}>{tx.tourTitle}</p>
-          <TourSteps />
+          <p className={s.tourTitle}>{other ? tx.tourTitleOther : tx.tourTitle}</p>
+          <TourSteps other={other} />
           <button type="button" className="btn btn-ghost" onClick={onTourDone}>
             {tx.tourGotIt}
           </button>
diff --git a/site/components/builder/ProfileBuilder.tsx b/site/components/builder/ProfileBuilder.tsx
index 92c4570d..51dc458c 100644
--- a/site/components/builder/ProfileBuilder.tsx
+++ b/site/components/builder/ProfileBuilder.tsx
@@ -12,6 +12,9 @@ import {
   Pencil,
   Plus,
   RefreshCw,
+  RotateCcw,
+  LayoutTemplate,
+  FileText,
   Sun,
   TriangleAlert,
   Undo2,
@@ -19,6 +22,7 @@ import {
 import { DECORATIONS, HOST, cardName, type Widget } from "../data";
 import { HOSTS, autoAlt, findSpots, getParam, insertAt, kindName, removeSpot, renameUser, replaceSpot, setParam, writeSpot, type Card, type Spot } from "./cards";
 import Coach, { type CoachStep } from "./Coach";
+import { TEMPLATES, template, type TemplateKind } from "./templates";
 import CardOptions, { type Mode } from "./CardOptions";
 import AddCard from "./AddCard";
 import CopyHelp, { AnywhereHelp } from "./CopyHelp";
@@ -44,6 +48,8 @@ type Saved = {
   tour: boolean;
   coached: boolean;
   purpose: Purpose;
+  /** The profile README as it came from GitHub, for Back to my README. */
+  original: string | null;
   changed: boolean;
   copied: boolean;
 };
@@ -64,6 +70,7 @@ function restore(): Partial<Saved> & { oldLogin?: string } {
         tour: v.tour !== false,
         coached: v.coached === true,
         purpose: v.purpose === "other" ? "other" : "profile",
+        original: typeof v.original === "string" ? v.original : null,
         changed: v.changed === true,
         copied: v.copied === true,
       };
@@ -141,7 +148,7 @@ function pixelsOf(spots: Spot[]): Pixels {
 
 /** The guided tour, opened once right after the login (or from "How does this work?"), worded for a GitHub profile or
  * for any other page. With no card yet, it starts by adding one for the reader. */
-function coachSteps(purpose: Purpose, empty: boolean, addFirst: () => void): CoachStep[] {
+function coachSteps(purpose: Purpose, empty: boolean, addFirst: () => void, noLogin = false): CoachStep[] {
   const other = purpose === "other";
   const words = m.builder.profile.tour;
   const first: CoachStep[] = empty
@@ -149,7 +156,7 @@ function coachSteps(purpose: Purpose, empty: boolean, addFirst: () => void): Coa
         {
           target: '[data-coach="add"]',
           title: words.addFirst.title,
-          body: words.addFirst.body,
+          body: noLogin ? words.addFirst.bodyNoLogin : words.addFirst.body,
           action: { label: words.addFirst.action, run: addFirst },
         },
       ]
@@ -180,6 +187,7 @@ function coachSteps(purpose: Purpose, empty: boolean, addFirst: () => void): Coa
       title: other ? words.editor.titleOther : words.editor.titleProfile,
       body: other ? words.editor.bodyOther : words.editor.bodyProfile,
     },
+    { target: '[data-coach="templates"]', tab: "write", title: words.templates.title, body: words.templates.body },
     ...(empty
       ? []
       : [
@@ -274,12 +282,17 @@ export default function ProfileBuilder() {
   const [coach, setCoach] = useState<CoachStep[]>([]);
   const [purpose, setPurpose] = useState<Purpose>("profile");
   const other = purpose === "other";
+  // "Something else" without a login: only the decorations, which need no GitHub account
+  const noLogin = profile?.login === "";
   const [changed, setChanged] = useState(false);
   const [copied, setCopied] = useState(false);
   const [justCopied, setJustCopied] = useState(false);
   const [sel, setSel] = useState<number | null>(null);
   const [adding, setAdding] = useState(false);
   const [helpOpen, setHelpOpen] = useState(false);
+  const [resetOpen, setResetOpen] = useState(false);
+  const [templatesOpen, setTemplatesOpen] = useState(false);
+  const [original, setOriginal] = useState<string | null>(null);
   const [tab, setTab] = useState<"write" | "preview">("preview");
   const [status, setStatus] = useState<Status>("checking");
   const [retry, setRetry] = useState(0);
@@ -308,6 +321,7 @@ export default function ProfileBuilder() {
     setTour(r.tour ?? true);
     setCoached(r.coached ?? false);
     setPurpose(r.purpose ?? "profile");
+    setOriginal(r.original ?? null);
     setChanged(r.changed ?? false);
     setCopied(r.copied ?? false);
     // cards name questlog.cc; only a self-hosted copy on its own domain names itself
@@ -321,14 +335,14 @@ export default function ProfileBuilder() {
     if (!ready) return;
     const t = window.setTimeout(() => {
       try {
-        const saved: Saved = { profile, text, theme, tour, coached, purpose, changed, copied };
+        const saved: Saved = { profile, text, theme, tour, coached, purpose, original, changed, copied };
         localStorage.setItem(KEY, JSON.stringify(saved));
       } catch {
         // storage can be unavailable (private mode); the work then lasts for this visit
       }
     }, 400);
     return () => window.clearTimeout(t);
-  }, [ready, profile, text, theme, tour, coached, purpose, changed, copied]);
+  }, [ready, profile, text, theme, tour, coached, purpose, original, changed, copied]);
 
   // typing settles for a moment before the preview redraws, so cards are not asked for on every key
   useEffect(() => {
@@ -338,6 +352,10 @@ export default function ProfileBuilder() {
 
   useEffect(() => {
     if (!profile) return;
+    if (!profile.login) {
+      setStatus("card"); // no login, no stats to wait for
+      return;
+    }
     let live = true;
     setStatus("checking");
     probe(profile.login).then((k) => live && setStatus(k));
@@ -427,7 +445,7 @@ export default function ProfileBuilder() {
 
   // the tour opens by itself once, right after the login; its steps are fixed when it opens
   const openCoach = () => {
-    setCoach(coachSteps(purpose, spots.length === 0, () => add("stats", "forest")));
+    setCoach(coachSteps(purpose, spots.length === 0, () => (noLogin ? addDecoration("reading-nook") : add("stats", "forest")), noLogin));
     setCoachOpen(true);
   };
   useEffect(() => {
@@ -473,7 +491,10 @@ export default function ProfileBuilder() {
       setChanged(false);
       setCopied(false);
     }
-    if (start === "github") say(m.builder.profile.loadedReadme);
+    if (start === "github") {
+      setOriginal(t);
+      say(m.builder.profile.loadedReadme);
+    } else if (start === "fresh") setOriginal(null);
   };
 
   const change = (card: Card, mode: Mode, typing = false) => {
@@ -542,6 +563,26 @@ export default function ProfileBuilder() {
     say(m.builder.profile.addedDecoration(d?.label ?? name, narrow));
   };
 
+  const applyTemplate = (kind: TemplateKind) => {
+    if (!profile) return;
+    const next = template(kind, { origin: env.origin, login: profile.login, name: profile.name, other });
+    edit(next, { now: true });
+    cursor.current = null;
+    setSel(null);
+    setTemplatesOpen(false);
+    setChanged(true);
+    if (narrow) setTab("preview");
+    say(m.builder.templates.applied(m.builder.templates.names[kind]), { undo: true });
+  };
+  const backToReadme = () => {
+    if (original === null) return;
+    edit(original, { now: true });
+    cursor.current = null;
+    setSel(null);
+    setTemplatesOpen(false);
+    say(m.builder.templates.restored, { undo: true });
+  };
+
   const copy = async () => {
     if (!(await toClipboard(text))) {
       setTab("write");
@@ -697,8 +738,8 @@ export default function ProfileBuilder() {
 
       {narrow && (
         <span className={`${s.who} ${s.whoNarrow}`}>
-          <img src={profile.avatar || `https://github.com/${profile.login}.png?size=64`} width={28} height={28} alt="" />
-          <b>{profile.login}</b>
+          {!noLogin && <img src={profile.avatar || `https://github.com/${profile.login}.png?size=64`} width={28} height={28} alt="" />}
+          <b>{noLogin ? m.builder.profile.noLogin : profile.login}</b>
           <button ref={changeBtn} type="button" className={s.linkBtn} onClick={() => setAsking(true)}>
             {m.builder.profile.changeLogin}
           </button>
@@ -733,13 +774,22 @@ export default function ProfileBuilder() {
               <Num n={1} state={state(0)} />
               {steps[0].title}
             </span>
-            <span className={s.who}>
-              <img src={profile.avatar || `https://github.com/${profile.login}.png?size=64`} width={28} height={28} alt="" />
-              <b>{profile.login}</b>
-              <button ref={changeBtn} type="button" className={s.linkBtn} onClick={() => setAsking(true)}>
-                {m.builder.profile.change}
-              </button>
-            </span>
+            {noLogin ? (
+              <span className={s.who}>
+                <b>{m.builder.profile.noLogin}</b>
+                <button ref={changeBtn} type="button" className={s.linkBtn} onClick={() => setAsking(true)}>
+                  {m.builder.profile.addLogin}
+                </button>
+              </span>
+            ) : (
+              <span className={s.who}>
+                <img src={profile.avatar || `https://github.com/${profile.login}.png?size=64`} width={28} height={28} alt="" />
+                <b>{profile.login}</b>
+                <button ref={changeBtn} type="button" className={s.linkBtn} onClick={() => setAsking(true)}>
+                  {m.builder.profile.change}
+                </button>
+              </span>
+            )}
           </li>
           <li className={s.step} data-state={state(1)}>
             <span className={s.stepTitle}>
@@ -838,6 +888,14 @@ export default function ProfileBuilder() {
                   {other ? m.builder.profile.yourText : m.builder.profile.yourReadme}
                 </span>
                 <span className={s.paneTools}>
+                  <button type="button" className={`btn ${s.quiet}`} onClick={() => setTemplatesOpen(true)} data-coach="templates">
+                    <LayoutTemplate aria-hidden="true" />
+                    {m.builder.templates.button}
+                  </button>
+                  <button type="button" className={`btn ${s.quiet}`} onClick={() => setResetOpen(true)}>
+                    <RotateCcw aria-hidden="true" />
+                    {m.builder.profile.reset}
+                  </button>
                   <button type="button" className={`btn ${s.quiet}`} onClick={undo} disabled={!canUndo}>
                     <Undo2 aria-hidden="true" />
                     {m.builder.profile.undo}
@@ -968,8 +1026,66 @@ export default function ProfileBuilder() {
         </div>
       )}
 
+      <Sheet open={templatesOpen} onClose={() => setTemplatesOpen(false)} label={m.builder.templates.title}>
+        <div className={s.opts}>
+          <h3 className={`display ${s.optsName}`}>{m.builder.templates.title}</h3>
+          <p className={s.help}>{m.builder.templates.sub}</p>
+          <div className={s.choices}>
+            {original !== null && (
+              <button type="button" className={s.choice} onClick={backToReadme}>
+                <FileText aria-hidden="true" />
+                <span>
+                  <b>{m.builder.templates.backToReadme}</b>
+                  <small>{m.builder.templates.backToReadmeHelp}</small>
+                </span>
+              </button>
+            )}
+            {TEMPLATES.map((k) => (
+              <button key={k} type="button" className={s.choice} onClick={() => applyTemplate(k)}>
+                <LayoutTemplate aria-hidden="true" />
+                <span>
+                  <b>{m.builder.templates.names[k]}</b>
+                  <small>{(noLogin ? m.builder.templates.describeNoLogin : m.builder.templates.describe)[k]}</small>
+                </span>
+              </button>
+            ))}
+          </div>
+        </div>
+      </Sheet>
+      <Sheet open={resetOpen} onClose={() => setResetOpen(false)} label={m.builder.profile.resetTitle}>
+        <div className={s.opts}>
+          <h3 className={`display ${s.optsName}`}>{m.builder.profile.resetTitle}</h3>
+          <p className={s.help}>{m.builder.profile.resetText}</p>
+          <div className={s.stepButtons}>
+            <button type="button" className="btn btn-ghost" onClick={() => setResetOpen(false)}>
+              {m.builder.profile.resetCancel}
+            </button>
+            <button
+              type="button"
+              className="btn btn-primary"
+              onClick={() => {
+                // everything the builder keeps is this one entry; a reload starts it fresh at step 1
+                try {
+                  localStorage.removeItem(KEY);
+                } catch {}
+                location.reload();
+              }}
+            >
+              {m.builder.profile.resetConfirm}
+            </button>
+          </div>
+        </div>
+      </Sheet>
       <Sheet open={adding} onClose={() => setAdding(false)} label={m.builder.profile.addCard}>
-        <AddCard scene={lastScene} night={lastNight} where={where} onAdd={add} onAddDecoration={addDecoration} onClose={() => setAdding(false)} />
+        <AddCard
+          scene={lastScene}
+          night={lastNight}
+          where={where}
+          onAdd={add}
+          onAddDecoration={addDecoration}
+          onClose={() => setAdding(false)}
+          noLogin={noLogin}
+        />
       </Sheet>
       <Sheet open={narrow && !!options} onClose={() => setSel(null)} label={m.builder.profile.cardOptions}>
         {options}
diff --git a/site/components/builder/templates.ts b/site/components/builder/templates.ts
new file mode 100644
index 00000000..60c6b23c
--- /dev/null
+++ b/site/components/builder/templates.ts
@@ -0,0 +1,68 @@
+// Ready-made READMEs to start from: simple, with some details, and one with every card and decoration.
+import { m } from "@/i18n";
+import { writeSpot, type Card } from "./cards";
+import type { Widget } from "../data";
+
+export type TemplateKind = "simple" | "details" | "everything";
+export const TEMPLATES: TemplateKind[] = ["simple", "details", "everything"];
+
+type Ctx = { origin: string; login: string; name: string; other: boolean };
+
+const T = () => m.builder.templates;
+
+/** A card that switches with the reader's theme. */
+function card(c: Ctx, widget: Widget, scene: string, params: [string, string][] = []): string {
+  const k: Card = { origin: c.origin, user: c.login, widget, scene, night: false, params, hash: "" };
+  return writeSpot(k, T().alt(c.login, widget), "auto");
+}
+
+/** A decoration that switches with the reader's theme; `title` empty for none. */
+function deco(c: Ctx, name: string, title = ""): string {
+  const k: Card = { origin: c.origin, user: "", widget: "decorations", scene: name, night: false, params: title ? [["title", title]] : [], hash: "" };
+  return writeSpot(k, title || T().banner, "auto");
+}
+
+/** The template's text. Without a login it uses decorations only, since cards with stats need one. */
+export function template(kind: TemplateKind, c: Ctx): string {
+  const t = T();
+  const stats = !!c.login;
+  const intro = c.other ? t.introOther : t.intro(c.name || c.login);
+  const parts: string[] = [];
+  const add = (...xs: (string | false)[]) => xs.forEach((x) => x !== false && parts.push(x));
+
+  if (kind === "simple") {
+    add(deco(c, "reading-nook", t.about), intro, stats && card(c, "stats", "forest"), deco(c, "forest-footer"));
+  } else if (kind === "details") {
+    add(
+      deco(c, "reading-nook", t.about),
+      intro,
+      stats && card(c, "stats", "forest"),
+      deco(c, "workbench", t.skills),
+      stats ? card(c, "languages", "forest") : t.skillsText,
+      deco(c, "raven-moon", t.projects),
+      t.projectsText,
+      stats && card(c, "streak", "forest", [["fire", "themed"]]),
+      deco(c, "enchanted-clearing", t.contact),
+      t.contactText,
+      deco(c, "forest-footer"),
+    );
+  } else {
+    add(
+      deco(c, "reading-nook", t.about),
+      intro,
+      stats && card(c, "stats", "forest"),
+      deco(c, "forest-divider"),
+      deco(c, "workbench", t.skills),
+      stats ? card(c, "languages", "forest") : t.skillsText,
+      deco(c, "crystal-owl", t.learning),
+      t.learningText,
+      deco(c, "raven-moon", t.projects),
+      t.projectsText,
+      stats && card(c, "streak", "forest", [["fire", "themed"]]),
+      deco(c, "enchanted-clearing", t.contact),
+      t.contactText,
+      deco(c, "forest-footer"),
+    );
+  }
+  return parts.join("\n\n") + "\n";
+}
diff --git a/site/i18n/en/builder.ts b/site/i18n/en/builder.ts
index 66a41308..a3ba20e4 100644
--- a/site/i18n/en/builder.ts
+++ b/site/i18n/en/builder.ts
@@ -10,6 +10,13 @@ export const builder = {
     change: "Change",
     addCard: "Add a card",
     undo: "Undo",
+    noLogin: "No GitHub login",
+    addLogin: "Add a login",
+    reset: "Start over",
+    resetTitle: "Start over?",
+    resetText: "This clears the builder: your text, your cards and the login you gave. Nothing on GitHub changes. Copy your text first if you want to keep it.",
+    resetCancel: "Keep my work",
+    resetConfirm: "Clear and start over",
     write: "Write",
     preview: "Preview",
     show: "Show",
@@ -86,6 +93,7 @@ export const builder = {
         title: "Add your first card",
         body: "Add a card puts a card, or a painted decoration banner, where your cursor is in the text. Let's add a Character Sheet with your stats.",
         action: "Add one for me",
+        bodyNoLogin: "Add a card puts a painted decoration banner where your cursor is in the text. Let's add one with a title you can change.",
       },
       card: {
         title: "This is your card",
@@ -107,6 +115,10 @@ export const builder = {
         bodyOther: "This is the text you will paste into your page. Type anything you like; the lines with questlog in them are your cards.",
         bodyProfile: "This is the text GitHub shows on your profile. Type anything you like; the lines with questlog in them are your cards.",
       },
+      templates: {
+        title: "Try a template",
+        body: "Not sure where to start? Templates fill in a whole page, from simple to every card and decoration. Undo brings your text back, and if you started from your README, Back to my README is always there.",
+      },
       more: {
         title: "More cards and banners",
         body: "Add a card puts a new card, or a painted decoration banner, where your cursor is in the text.",
@@ -122,6 +134,41 @@ export const builder = {
   editor: {
     label: "Your README, in Markdown",
   },
+  templates: {
+    button: "Templates",
+    title: "Start from a template",
+    sub: "A template replaces your text. Undo brings it back.",
+    names: { simple: "Simple", details: "Some details", everything: "The most detailed" } as Record<string, string>,
+    describe: {
+      simple: "A banner, a line about you, your Character Sheet and a footer.",
+      details: "Banners for each section, with your Character Sheet, Spellbook and Campfire.",
+      everything: "Every card and all seven decorations, section by section.",
+    } as Record<string, string>,
+    describeNoLogin: {
+      simple: "A banner, a line about you and a footer.",
+      details: "A banner for each section, with a line or two under each.",
+      everything: "All seven decorations, section by section.",
+    } as Record<string, string>,
+    use: "Use this",
+    applied: (name: string) => `${name} template in place. Change anything you like, or Undo to go back.`,
+    backToReadme: "Back to my README",
+    backToReadmeHelp: "Your profile README as it was on GitHub when you started here.",
+    restored: "Your README from GitHub is back.",
+    about: "About Me",
+    skills: "Technical Skills",
+    learning: "Learning Focus",
+    projects: "Projects",
+    contact: "Get In Touch",
+    banner: "Banner",
+    alt: (login: string, widget: string) =>
+      `${login}'s ${widget === "stats" ? "Character Sheet" : widget === "languages" ? "Spellbook" : "Campfire"}`,
+    intro: (name: string) => `# Hi, I'm ${name}\n\nA line or two about you: what you build, what you're learning, how to reach you.`,
+    introOther: "## A heading for your page\n\nA line or two about it.",
+    skillsText: "- The languages and tools you use most",
+    learningText: "- What you are learning right now\n- What you want to learn next",
+    projectsText: "- **A project:** what it does, and a link\n- **Another project:** what it does, and a link",
+    contactText: "- Where people can reach you",
+  },
   addCard: {
     title: "Add a card",
     close: "Close",
@@ -133,6 +180,7 @@ export const builder = {
     decorationHelp: "A painted banner to head a section of your README. You can give it a title after adding it.",
     forExample: (title: string) => `For example "${title}"`,
     divider: "A divider between sections",
+    needLogin: "Cards with stats show a GitHub account's numbers, so they need a login. Add one in step 1 whenever you like.",
   },
   render: {
     changeCard: (alt: string) => `Change this card: ${alt}`,
diff --git a/site/i18n/en/builderParts.ts b/site/i18n/en/builderParts.ts
index c3ab4930..9c94b295 100644
--- a/site/i18n/en/builderParts.ts
+++ b/site/i18n/en/builderParts.ts
@@ -149,6 +149,16 @@ export const builderParts = {
     template: (name: string) =>
       `# Hi, I'm ${name}\n\nA line or two about you: what you build, what you're learning, how to reach you.\n`,
     otherTemplate: `## My coding stats\n\nA line about the cards below.\n`,
+    plainTemplate: `## A heading for your page\n\nA line or two about it.\n`,
+    tourStepsOther: [
+      "<b>Give a GitHub login, or skip it.</b> Without one you can use the painted decorations, which show no stats.",
+      "<b>Add cards or decorations.</b> Pick what goes on your page.",
+      "<b>Change them.</b> Click one in the preview to change it.",
+      "<b>Copy.</b> Paste the text into your page or Markdown file.",
+    ],
+    tourTitleOther: "Your page in four steps:",
+    noLogin: "Continue without a login",
+    noLoginHelp: "Without a login you get the painted decorations; cards with stats need one.",
     tourSteps: [
       "<b>Type your login.</b> Your cards show that account's numbers.",
       "<b>Add cards.</b> Pick a card and a scene.",
diff --git a/site/i18n/en/site.ts b/site/i18n/en/site.ts
index 61ef58dd..a8d5a3d3 100644
--- a/site/i18n/en/site.ts
+++ b/site/i18n/en/site.ts
@@ -6,7 +6,7 @@ export const site = {
   nav: {
     home: "questlog home",
     label: "Main",
-    makeCards: "Make cards",
+    makeCards: "Profile builder",
     scenes: "Scenes",
     allCards: "All cards",
     wiki: "Wiki",
@@ -14,7 +14,7 @@ export const site = {
   },
   footer: {
     label: "Footer",
-    makeCards: "Make my cards",
+    makeCards: "Profile builder",
     scenes: "Scenes",
     allCards: "All cards",
     wiki: "Wiki",
@@ -68,7 +68,7 @@ export const home = {
   hero: {
     title: "Pixel art cards for your GitHub profile",
     line: "Your stats, your top languages and your streak, drawn in one of 16 painted scenes. Add them to your README with one line: no token, no setup.",
-    make: "Make my cards",
+    make: "Build my profile",
     wiki: "Read the wiki",
     alt: (user: string) => `${user}'s Character Sheet in the castle scene`,
   },
diff --git a/site/i18n/en/status.ts b/site/i18n/en/status.ts
index d71d411b..fe9f405b 100644
--- a/site/i18n/en/status.ts
+++ b/site/i18n/en/status.ts
@@ -184,6 +184,9 @@ export const allCards = {
   previewSub: (place: string, look: string, n: number, count: number) =>
     `${place}, ${look.toLowerCase()} · ${n} of ${count}`,
   liveAlt: (name: string, look: string) => `${name}, ${look}, live`,
+  helpOwn:
+    "The Markdown line works in any README. The dark mode switch shows the night painting to readers who use a dark theme. These cards show the owner's stats: put your login in their place, or use the <a>profile builder</a>.",
+  wikiPlace: "Wiki",
   help: "The Markdown line works in any README. The dark mode switch shows the night painting to readers who use a dark theme. Demo cards show the built-in adventurer: put your login in place of <code>/demo</code>, as in <code>/you/stats</code>, or use the <a>profile builder</a>.",
 };