Toilville/toilville-design
Watch
5
1
Fork
You've already forked toilville-design
 0
Code Issues 9 Pull requests Projects Releases Packages Wiki Activity Actions

Create house-style icons: spel.stage.0–5 (stage visual headers) #8

New issue
Closed
opened 2026-07-01 18:42:54 +00:00 by peterswimm · 3 comments
peterswimm commented 2026-07-01 18:42:54 +00:00
Owner
Copy link

Design a systematic family of 6 visual headers for stages 0–5.

Current: Keycap stand-ins (0️⃣–5️⃣)
PUA: 0xE905–0xE90A
Priority: P3 — Design completeness
Effort: 4–5 hours total

Design Approach

Cohesive visual system (not 6 unrelated icons). Recommend:

  • Geometric progression (each stage builds)
  • Numeric identity (suggest 0–5)
  • Consistent with wish/steward/ritual progression
  • Systematic variants (filled amounts, complexity, layers)

Examples

  • Concentric circles (0 to 5 layers)
  • Ascending geometric shapes
  • Bloom/growth stages
  • Depth/perspective progression

Acceptance

  • 6-icon family designed
  • SVG + PNG delivered
  • PUA 0xE905–0xE90A assigned
  • Family coherence validated
  • Approved

Labels: design,icon,house-style,stages,systematic,p3

Design a systematic family of 6 visual headers for stages 0–5. **Current:** Keycap stand-ins (0️⃣–5️⃣) **PUA:** 0xE905–0xE90A **Priority:** P3 — Design completeness **Effort:** 4–5 hours total ## Design Approach Cohesive visual system (not 6 unrelated icons). Recommend: - Geometric progression (each stage builds) - Numeric identity (suggest 0–5) - Consistent with wish/steward/ritual progression - Systematic variants (filled amounts, complexity, layers) ## Examples - Concentric circles (0 to 5 layers) - Ascending geometric shapes - Bloom/growth stages - Depth/perspective progression ## Acceptance - [ ] 6-icon family designed - [ ] SVG + PNG delivered - [ ] PUA 0xE905–0xE90A assigned - [ ] Family coherence validated - [ ] Approved **Labels:** design,icon,house-style,stages,systematic,p3
ville commented 2026-07-29 14:04:41 +00:00
Member
Copy link

Delivered: 6 icons

  • spel.stage.0 — Brand/exports/icons/SPELWork/spel.stage.0.svg + .png — PUA U+E905 (already reserved)
  • spel.stage.1 — Brand/exports/icons/SPELWork/spel.stage.1.svg + .png — PUA U+E906 (already reserved)
  • spel.stage.2 — Brand/exports/icons/SPELWork/spel.stage.2.svg + .png — PUA U+E907 (already reserved)
  • spel.stage.3 — Brand/exports/icons/SPELWork/spel.stage.3.svg + .png — PUA U+E908 (already reserved)
  • spel.stage.4 — Brand/exports/icons/SPELWork/spel.stage.4.svg + .png — PUA U+E909 (already reserved)
  • spel.stage.5 — Brand/exports/icons/SPELWork/spel.stage.5.svg + .png — PUA U+E90A (already reserved)

SVG is a single compound path, no white fill anywhere. PNG is 512px with a transparent background. Delivered in Toilville/toilville-design#74, on branch feat/spelwork-icon-delivery, at Brand/exports/icons/SPELWork/ — pending review, not yet on main.

spel.stage.0 is a bare disc (nothing inside); 1-5 carry one to five marks, so the family reads as a count. It was generated from the same artwork as the rest, so ring weight and diameter match exactly.

Method

Icons were drawn as two-tone artwork (black shapes with white shapes and strokes standing in for holes) and then flattened to a single <path fill="#000000" fill-rule="evenodd"> with real transparency where the white used to be. The flattening respects paint order and handles fill and stroke separately, so a white shape carrying a black stroke produces a hole inset by half the stroke width -- matching what the original actually rendered -- and white strokes over black become transparent gaps. Each result was verified by compositing it back over white and pixel-diffing against the original: 24 of 25 under 0.4% differing pixels, the remaining one (phylactery) at 3.1%, all of it in corner rounding rather than structure.

Acceptance status

  • Icons designed
  • SVG + PNG delivered — Toilville/toilville-design#74
  • PUA assigned — art lands on the codepoints already reserved in registry.ts
  • Registry updated — blocked: ReservedToken.assetStatus is typed "openmoji" | "pending-pua", so there is no value that describes shipped house-style art. Needs a third value (e.g. "house") before the registry can represent these correctly.
  • Approved

Leaving this open until Toilville/toilville-design#74 merges and the PUA allocation plus the assetStatus type change are agreed.

## Delivered: 6 icons - `spel.stage.0` — `Brand/exports/icons/SPELWork/spel.stage.0.svg` + `.png` — PUA `U+E905` (already reserved) - `spel.stage.1` — `Brand/exports/icons/SPELWork/spel.stage.1.svg` + `.png` — PUA `U+E906` (already reserved) - `spel.stage.2` — `Brand/exports/icons/SPELWork/spel.stage.2.svg` + `.png` — PUA `U+E907` (already reserved) - `spel.stage.3` — `Brand/exports/icons/SPELWork/spel.stage.3.svg` + `.png` — PUA `U+E908` (already reserved) - `spel.stage.4` — `Brand/exports/icons/SPELWork/spel.stage.4.svg` + `.png` — PUA `U+E909` (already reserved) - `spel.stage.5` — `Brand/exports/icons/SPELWork/spel.stage.5.svg` + `.png` — PUA `U+E90A` (already reserved) SVG is a single compound path, no white fill anywhere. PNG is 512px with a transparent background. Delivered in Toilville/toilville-design#74, on branch `feat/spelwork-icon-delivery`, at `Brand/exports/icons/SPELWork/` — pending review, not yet on `main`. spel.stage.0 is a bare disc (nothing inside); 1-5 carry one to five marks, so the family reads as a count. It was generated from the same artwork as the rest, so ring weight and diameter match exactly. ### Method Icons were drawn as two-tone artwork (black shapes with white shapes and strokes standing in for holes) and then flattened to a single `<path fill="#000000" fill-rule="evenodd">` with real transparency where the white used to be. The flattening respects paint order and handles fill and stroke separately, so a white shape carrying a black stroke produces a hole inset by half the stroke width -- matching what the original actually rendered -- and white strokes over black become transparent gaps. Each result was verified by compositing it back over white and pixel-diffing against the original: 24 of 25 under 0.4% differing pixels, the remaining one (phylactery) at 3.1%, all of it in corner rounding rather than structure. ### Acceptance status - [x] Icons designed - [x] SVG + PNG delivered — Toilville/toilville-design#74 - [x] PUA assigned — art lands on the codepoints already reserved in `registry.ts` - [ ] Registry updated — blocked: `ReservedToken.assetStatus` is typed `"openmoji" | "pending-pua"`, so there is no value that describes shipped house-style art. Needs a third value (e.g. `"house"`) before the registry can represent these correctly. - [ ] Approved Leaving this open until Toilville/toilville-design#74 merges and the PUA allocation plus the `assetStatus` type change are agreed.
forge-ci commented 2026-07-30 19:21:48 +00:00
Member
Copy link

Delivered by #74 (merged 55bed76, feat(icons): deliver 25 flattened SPELWork house-style icons). The requested icons ship as SVG+PNG under Brand/exports/icons/SPELWork/: spel.stage.0, spel.stage.1, spel.stage.2, spel.stage.3, spel.stage.4, spel.stage.5 — verified present as clean SVG+PNG pairs on main.

Closing as delivered. (Any outstanding PUA-codepoint / registry-registration follow-up, if not already covered, is separate from this design deliverable.)

Delivered by #74 (merged `55bed76`, *feat(icons): deliver 25 flattened SPELWork house-style icons*). The requested icons ship as SVG+PNG under `Brand/exports/icons/SPELWork/`: `spel.stage.0`, `spel.stage.1`, `spel.stage.2`, `spel.stage.3`, `spel.stage.4`, `spel.stage.5` — verified present as clean SVG+PNG pairs on `main`. Closing as delivered. (Any outstanding PUA-codepoint / registry-registration follow-up, if not already covered, is separate from this design deliverable.)
forge-ci commented 2026-07-30 19:26:43 +00:00
Member
Copy link

Wish completed — all requirements satisfied.

Wish completed — all requirements satisfied.
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
No results found.
Labels
Clear labels   
priority
P1
 Urgent — no working icon yet (custom art pending) or a shipping asset

  
priority
P2
 High — has an accessible stand-in; bespoke art wanted

  
priority
P3
 Medium — stage visual headers

  
priority
P4
 Low — behavioral dimension family

  
bug
Something is not working

  
duplicate
This issue or pull request already exists

  
enhancement
New feature

  
help wanted
Need some help

  
invalid
Something is wrong

  
question
More information is needed

  
wontfix
This won't be fixed

No labels
priority
P1
priority
P2
priority
P3
priority
P4
bug
duplicate
enhancement
help wanted
invalid
question
wontfix
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
ville
3 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
Toilville/toilville-design#8
No description provided.