build / 2026 / daily-build + editorial-design Crop Treaty shows a photo manifest transformed into crop cards, with aspect, bleed, focal gravity, caption density, matte controls, applied-state evidence, and SVG export in one editorial workspace.

artifact plate

Crop Treaty: Turn Photo Manifests Into Platform-Safe Crop Sheets

A browser tool for turning an editorial photo manifest into a deterministic SVG crop contact sheet with embedded crop metadata for Figma and CMS handoff.

Open the build →

Crop Treaty is for editorial designers preparing image-led story packages. The recurring job is the ugly little bridge between a photo shortlist and the surfaces that will actually publish it: Figma comps, CMS image fields, social crops, captions, and art-direction notes that nobody wants to retype from a screenshot.

This build turns that bridge into a deterministic browser workflow. Load the CSV manifest fixture, tune the target aspect, bleed, focal gravity, caption density, and matte treatment, then apply the treaty explicitly. The preview renders a contact sheet of crop cards with embedded metadata, safety notes, color treatment, and enough structure for downstream handoff instead of another cursed rectangle dragged over a JPEG.

Project marker: crop-treaty-v1.

Four systems define daily-2026-07-29-crop-treaty:

  1. Manifest to crop contact sheet. Image dimensions, focal coordinates, captions, priorities, and palette notes become platform-specific crop cards rather than a loose moodboard with vibes stapled to it.
  2. Material crop controls. Aspect changes frame geometry, bleed changes crop safety margins, focal gravity changes crop centers, caption density changes label pressure, and matte treatment changes contrast handling. The apply action makes pending versus applied state visible because silent controls are how tools lie.
  3. Preview/export parity. The visible sheet and exported SVG are generated from the same applied state. Every card carries crop metadata, caption treatment, and safety notes in the artifact itself.
  4. Figma and CMS handoff. The output is a self-contained SVG crop contact sheet for Figma import and CMS art-direction notes. The downstream consumer is the actual production lane, not another decorative dashboard nobody asked for.

The live release was verified by opening the published GitHub Pages app, applying the canonical CSV fixture in the browser, capturing the exported SVG bytes from the live workflow, and rerunning the committed validator against those bytes.