# The gallery

> Every kind, setting, prop, pose and mood of release v0.1.0, drawn live by it.

*Source: <https://api.storyboards.sgit.ai/docs/gallery.html>.*

---

# The specimen

> Every kind, setting and prop of this release, drawn by it.

Status: built · By: site/gallery.py, generated · 17 panels

*Generated from the release's vocabulary; nothing here is a quote except the brief's line on the evidence panel.*

## 1. The specimen

*cover*

Every kind, setting and prop of this release, drawn by it.

- **Ines** (wave, happy)
- **Oto** (point, excited)
- **Unit** (wave, happy)

Generated by site/gallery.py from the vocabulary in this release's formats.js.

## 2. setting: none

*scene*

- **Ines** (stand, calm) says: “"setting": "none"”
- **Oto** (think, thinking)

The none background.

*Source: storyboard.js, setting()*

## 3. setting: office

*scene, setting: office*

- **Ines** (stand, calm) says: “"setting": "office"”
- **Oto** (think, thinking)

The office background.

*Source: storyboard.js, setting()*

## 4. setting: interview

*scene, setting: interview*

- **Ines** (stand, calm) says: “"setting": "interview"”
- **Oto** (think, thinking)

The interview background.

*Source: storyboard.js, setting()*

## 5. setting: street

*scene, setting: street*

- **Ines** (stand, calm) says: “"setting": "street"”
- **Oto** (think, thinking)

The street background.

*Source: storyboard.js, setting()*

## 6. setting: night

*scene, setting: night*

- **Ines** (stand, calm) says: “"setting": "night"”
- **Oto** (think, thinking)

The night background.

*Source: storyboard.js, setting()*

## 7. setting: classroom

*scene, setting: classroom*

- **Ines** (stand, calm) says: “"setting": "classroom"”
- **Oto** (think, thinking)

The classroom background.

*Source: storyboard.js, setting()*

## 8. core props: laptop, desk, book, board, phone, sign

*scene*

Props: laptop, desk, book (v0.1.0), board (drawn from / data), phone, sign (a sign)

Each prop is drawn from (x, y, scale) and its own fields; see the format page.

*Source: core props*

## 9. the security pack: key, vault, qr, envelope, record, server

*scene*

Props: key (a key), vault (vault), qr, envelope (sealed), record (a record / signed), server (a server)

Each prop is drawn from (x, y, scale) and its own fields; see the format page.

*Source: the security pack*

## 10. the security pack: arrow, mark, calendar, terminal, phoneqr, padlock

*scene*

Props: arrow (an arrow), mark, calendar (20 Oct), terminal ($ sgit status / clean), phoneqr, padlock

Each prop is drawn from (x, y, scale) and its own fields; see the format page.

*Source: the security pack*

## 11. evidence: a quote

*evidence*

- **Ines** (point, determined)

> “Every version is immutable. I think that's important.”
>
> Source: the brief, 20 October 2026

evidence.quote and evidence.source.

*Source: the brief*

## 12. evidence: bars

*evidence*

- **Unit** (think, thinking)

**This release, kilobytes by file**

| | |
|---|---|
| storyboard.js | 68 KB |
| fonts | 84 KB |
| rough.js | 28 KB |
| the rest | 54 KB |

evidence.bars: label, value, shown, colour.

*Source: this release's manifest.json, rounded*

## 13. spectrum

*spectrum*

- **Oto** (shrug, confused)

patch (a fix) → minor (something new) → major (a break, from the last good release)

stops: label, note, colour, badge.

*Source: docs/versioning*

## 14. map (a Wardley map, axis wardley)

*map*

Map: a reader, a panel, the kit, Rough.js, SVG

map: axis, nodes (x evolution, y visibility), links, moves.

*Source: storyboard.js, drawMap()*

## 15. graph

*graph*

Graph: storyboard.json, storyboard.js, a panel, formats.js, index.md, graph.json

graph: nodes, edges, groups, path; style 'detective' for the cork board.

*Source: storyboard.js, drawGraph()*

## 16. graph, style detective

*graph*

Graph: a byte moved, release check, the hook, the agent, v0.1.1

The whodunit board.

*Source: storyboard.js, drawGraph()*

## 17. Same data, same seed, same panel.

*punchline*

> **Same data, same seed, same panel.**

- **Ines** (arms-up, excited)
- **Unit** (wave, happy)

punchline: the big line, underlined.

*Source: storyboard.js, drawScene()*