---
name: story-portfolio-canvas
description: Create a spatial grayscale portfolio with layered SVG studies, project filters, selectable stories, accessible case-study dialogs and three gallery layouts.
---

# A little work. A lot of stories.

Create a spatial grayscale portfolio with layered SVG studies, project filters, selectable stories, accessible case-study dialogs and three gallery layouts.

```sh
python3 scripts/generate.py -o index.html
python3 scripts/generate.py -o index.html --title "我的灵感工作室" --accent "#537965"
```

Python 3.10+ standard library only. Run the generator from any working directory. Use `--params config.json` or direct options for `title`, `subtitle`, `accent` and `bg`. Text remains literal text; colors accept only 3- or 6-digit hex values. Explicit titles and subtitles remain unchanged when language changes. The self-contained HTML defaults to Chinese; append `?lang=en` for English.

Make the image field the primary experience: keep the studio heading compact, give the portrait studies substantial space, and use real overlap, perspective and depth for Scatter and Orbit. The studies are original SVG illustrations with modeled light and shadows. Preserve an accessible Grid alternative and all project stories.

Read [references/design.md](references/design.md) when adapting the interface. Keep meaningful state changes, keyboard focus, offline operation and dialog behavior intact. The page supports an iframe sandbox with `allow-scripts allow-downloads` and does not require same-origin privileges.