Spinbox is the product's name

README.md

@@ -1,7 +1,7 @@
 # spin-stack / brand
 
-The colors, type, layout and mark of Spin, written once, checked, and made into the files each
-place that draws Spin reads: the website (Starlight), the dashboard (Tailwind, shadcn's
+The colors, type, layout and mark of Spinbox, written once, checked, and made into the files each
+place that draws Spinbox reads: the website (Starlight), the dashboard (Tailwind, shadcn's
 variables) and anything else (`dist/tokens.json`).
 
 **[See it](https://spin-stack.github.io/brand/)**: `index.html` is the laboratory.

Taskfile.yml

@@ -1,8 +1,8 @@
 version: '3'
 
-# Spin's colors, type, layout and mark: palette.toml and assets/avatar.png are the sources, and
+# Spinbox's colors, type, layout and mark: palette.toml and assets/avatar.png are the sources, and
 # dist/ and logos/ are what they make, committed, for the website, the dashboard and anything else
-# that draws Spin to copy. `task check` holds them to the sources.
+# that draws Spinbox to copy. `task check` holds them to the sources.
 
 tasks:
   default:

cmd/palette/main.go

@@ -1,6 +1,6 @@
 // Command palette checks palette.toml - every pair of colors that carries meaning, for contrast
 // and for perceptual distance as drawn, on real panels and through each deficiency of colour
-// vision - and writes it out in dist/ for each place that draws Spin. With -check it writes
+// vision - and writes it out in dist/ for each place that draws Spinbox. With -check it writes
 // nothing and fails when dist/ is not what palette.toml makes, or when a pair is below its floor.
 package main
 

cmd/palette/outputs.go

@@ -8,7 +8,7 @@ import (
 	"strings"
 )
 
-// outputs are dist/'s files: one per place that draws Spin, each in the shape that place reads.
+// outputs are dist/'s files: one per place that draws Spinbox, each in the shape that place reads.
 func outputs(p palette, results []result) (map[string][]byte, error) {
 	dark, err := colors(p.Dark)
 	if err != nil {

index.html

@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Spin brand</title>
+<title>Spinbox brand</title>
 <link rel="icon" href="logos/favicon-64.png">
 <link rel="stylesheet" href="dist/tokens.css">
 <style>
@@ -180,8 +180,8 @@
 <header class="masthead only-full">
 	<div class="wrap">
 		<div class="lockup"><img class="on-dark" src="logos/mark-256.png" alt=""><img class="on-light" src="logos/mark-clear-256.png" alt=""><span>spin</span></div>
-		<h1>Spin brand system</h1>
-		<p class="muted">One palette, one mark and one type for the site, the dashboard and everything else that draws Spin - each color checked here, and copied from here by each of them. This page is the laboratory; the product is at <a href="https://spin-stack.github.io/website/">the website</a>.</p>
+		<h1>Spinbox brand system</h1>
+		<p class="muted">One palette, one mark and one type for the site, the dashboard and everything else that draws Spinbox - each color checked here, and copied from here by each of them. This page is the laboratory; the product is at <a href="https://spin-stack.github.io/website/">the website</a>.</p>
 		<div class="controls" role="group" aria-label="View">
 			<label>Mode <select id="mode"><option>dark</option><option>light</option></select></label>
 			<label>See as <select id="see"><option value="">as drawn</option><option value="protan">protanopia</option><option value="deutan">deuteranopia</option><option value="tritan">tritanopia</option></select></label>
@@ -202,8 +202,8 @@ <h1>Spin brand system</h1>
 <section id="site">
 	<span class="label">The site</span>
 	<div class="site">
-		<header><img class="on-dark" src="logos/mark-256.png" alt=""><img class="on-light" src="logos/mark-clear-256.png" alt=""><b>Spin</b><span class="search">Search</span></header>
-		<div class="banner"><strong>Spin is experimental: APIs change and data may be lost.</strong> <a href="#">Status</a> lists what is built and what proves it.</div>
+		<header><img class="on-dark" src="logos/mark-256.png" alt=""><img class="on-light" src="logos/mark-clear-256.png" alt=""><b>Spinbox</b><span class="search">Search</span></header>
+		<div class="banner"><strong>Spinbox is experimental: APIs change and data may be lost.</strong> <a href="#">Status</a> lists what is built and what proves it.</div>
 		<div class="hero">
 			<div>
 				<span class="label">spin-stack · self-hosted sandboxes</span>
@@ -214,7 +214,7 @@ <h1>A virtual machine per workspace. A snapshot before, a diff after.</h1>
 			<img class="on-dark" src="logos/mark-512.png" alt=""><img class="on-light" src="logos/mark-clear-512.png" alt="">
 		</div>
 		<div class="doc">
-			<nav><a href="#">What is Spin</a><a href="#">Status</a><a class="current" href="#">Snapshots and rollback</a><a href="#">Network and egress</a><a href="#">Ports and sharing</a></nav>
+			<nav><a href="#">What is Spinbox</a><a href="#">Status</a><a class="current" href="#">Snapshots and rollback</a><a href="#">Network and egress</a><a href="#">Ports and sharing</a></nav>
 			<article>
 				<details class="otp"><summary>On this page: Snapshots and rollback</summary><a href="#">Taking one</a><a href="#">Going back</a><a href="#">Seeing what changed</a></details>
 				<h2>Snapshots and rollback</h2>
@@ -225,7 +225,7 @@ <h2>Snapshots and rollback</h2>
 M  /etc/hosts
 D  /etc/issue</pre>
 				<div class="aside"><strong>Caution.</strong> A memory snapshot resumes only on a runner that carries the same machine.</div>
-				<table><tr><th>You want to</th><th>Spin gives you</th></tr><tr><td>See what changed</td><td>A file-by-file diff between two snapshots</td></tr><tr><td>Undo</td><td>Restore the disk, or resume with the processes</td></tr></table>
+				<table><tr><th>You want to</th><th>Spinbox gives you</th></tr><tr><td>See what changed</td><td>A file-by-file diff between two snapshots</td></tr><tr><td>Undo</td><td>Restore the disk, or resume with the processes</td></tr></table>
 			</article>
 			<aside><div class="label">On this page</div><p>Taking one<br>Going back<br>Seeing what changed</p></aside>
 		</div>

palette.toml

@@ -1,7 +1,7 @@
-# The colors, type and layout of Spin: the one place they are written. `task palette` checks
+# The colors, type and layout of Spinbox: the one place they are written. `task palette` checks
 # every pair that carries meaning (contrast, perceptual distance as drawn and under colour-vision
 # deficiencies, on a lit IPS panel and a dimmed one) and writes them out in dist/ for each place
-# that draws Spin: the website (Starlight), the dashboard (Tailwind, shadcn's variables), the
+# that draws Spinbox: the website (Starlight), the dashboard (Tailwind, shadcn's variables), the
 # terminal page, and anything else that reads dist/tokens.json. THEMING.md says where each goes.
 #
 # The colors come from the spin-stack mark: a stack of disks - the layers a workspace's disk is
@@ -64,7 +64,7 @@ hover = 0.10
 selected = 0.22
 
 # Type. IBM Plex, served by the site that uses it: a sans for reading and a mono for what a
-# machine says - commands, output, ids - and for headings, which set Spin in its console's face.
+# machine says - commands, output, ids - and for headings, which set Spinbox in its console's face.
 [type]
 sans = "IBM Plex Sans"
 mono = "IBM Plex Mono"

preview.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <meta charset="utf-8">
-<title>Spin brand system</title>
+<title>Spinbox brand system</title>
 <!-- The laboratory moved to the site's root; this keeps the address it was first published at. -->
 <meta http-equiv="refresh" content="0; url=./">
 <link rel="canonical" href="./">
-<p><a href="./">Spin brand system</a></p>
+<p><a href="./">Spinbox brand system</a></p>