Virtual Scrapbook

Drag, drop, rotate, repeat — chaos but make it archival.

Canvas uses parchment texture, asset drawer lives on the left, and toolbar anchors on the right just like the PRD calls out.

Canvas Snapshot

Arched viewport, dotted guidelines, and ghosted drop zones for mobile view-only mode.

Pair arches with playlist covers for a music-inspo manifest.
Drop recipe cards beside grocery inventory before Sunday markets.
Pin cat Polaroids under Spanish tiles, then export for prints.

Toolbar Actions

  • Rotate

    Use the brass dial to spin items ±45° for impromptu dynamism.

  • Scale

    Pinch or drag edges – scaling keeps texture clarity intact.

  • Flip

    Mirror roses or tapes to keep compositions balanced.

  • Duplicate

    Stamp repeating borders before recoloring swatches.

  • Layer

    Send lanterns behind Polaroids or lock frames up front.

  • Autosave

    Local JSON snapshot stored on each move, so experiments are safe.

Asset Sidebar

Left-docked drawer with tabs for uploads, stickers, textures, swatches, and notes.

Uploads

Drop personal photos, scans, or inspo pulled from the courtyard walk.

  • Studio Polaroids
  • Client Moodboards
  • Travel Film

Stickers

Roses, spiderwebs, brass filigree, and wax seals to layer over tiles.

  • Brass Lantern
  • Desert Rose
  • Handwritten Ribbon

Textures

Paper scraps, gauze, and stucco flecks for tactile chaos.

  • Parchment Wash
  • Aged Stucco
  • Torn Journal Edge

Color Swatches

Saved palette chips from terracotta, adobe, and sage references.

  • Terracotta #C46A4A
  • Olive #7D8E6A
  • Parchment #FDF8F1

Notes

Serif or Caveat text blocks for quotes, recipes, or client names.

  • Caveat Quick Note
  • Crimson Story Box
  • Typewriter Label

Export & Print

Autosave each change via localStorage, then trigger PNG/JPG export thanks to canvas serialization. Print layout toggles adds safe margins for 8.5x11.

Future: multi-notebook + share links.

Mobile View

View-only with ability to rearrange via simplified toolbar, while editing prompts the user to open desktop.

  • Tap to reveal asset details
  • Quick duplicate + delete actions pinned bottom-right
  • Subtle vibration feedback when locking layers