mark: a vector, traced from the avatar, so it is sharp at any size and on a 2x screen

README.md

@@ -16,7 +16,7 @@ through protanopia, deuteranopia or tritanopia, with every pair the palette is h
 | `palette.toml` | `dist/`: `tokens.css` (every role as `--spin-*`), `starlight.css` (the website's `--sl-color-*`), `dashboard.css` (shadcn's HSL variables, light on `:root`, dark on `.dark`), `tokens.json`, and `perception.js` and `simulate.svg` for the preview |
 | spin's `dashboard/e2e/site.spec.ts` | `shots/`: the app as it is, screenshots spin's dashboard suite takes of its e2e stack, with the release and commit of the spin tree that took them (`task screenshots SHOTS=<dir>`); the website copies them from here |
 | spin's `dashboard/e2e/catalog.spec.ts` | `screens/`: every route, tab, dialog and menu of the app in both themes at 1440 and 390 px, and what each draws that this palette does not have - a colour, a face, a size, a radius, contrast, overflow, a target too small (`task screens SCREENS=<dir>`). The catalog and the audit are committed; the images, hundreds a release, are an archive on a release of this repository that `screens.json` names and Pages unpacks. [See them](https://spin-stack.github.io/brand/screens.html) |
-| `assets/avatar.png` | `logos/`: the stack of disks cut from the organization's avatar, without the wordmark: the tile on its own navy (512, 256; the favicon at 64 and 32) for a dark ground, and clear - the ground taken out - (512, 256) for a light one |
+| `assets/mark.svg` | `logos/`: the stack of disks, traced from the organization's avatar (`assets/avatar.png`) as a vector: `mark.svg`, the tile on its own navy, for a dark ground, and `mark-clear.svg` for a light one; PNGs of each drawn at 1024, 512 and 256, the favicon at 64 and 32 and the touch icon at 180; `trace.png`, the avatar beside the trace. `task check` fails when the trace moves away from the avatar |
 
 ```
 task            # palette and mark: check, and write dist/ and logos/

Taskfile.yml

@@ -1,6 +1,6 @@
 version: '3'
 
-# Spinbox'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/mark.svg are the sources, and
 # dist/ and logos/ are what they make, committed, for the website, the dashboard and anything else
 # that draws Spinbox to copy. `task check` holds them to the sources.
 
@@ -21,7 +21,7 @@ tasks:
       - go run ./cmd/palette -report
 
   mark:
-    desc: Cut the stack of disks out of the organization's avatar, without its wordmark, into logos/ at each size.
+    desc: Draw the mark from assets/mark.svg, the avatar's stack traced as a vector, into logos/ - the SVG, tile and clear, and a PNG at each size.
     cmds:
       - go run ./cmd/mark