Skip to content

Four more visual styles: Deco, Nouveau, Riso, Spectrum#9

Merged
dani-polani merged 2 commits into
mainfrom
feat/more-styles
Jul 2, 2026
Merged

Four more visual styles: Deco, Nouveau, Riso, Spectrum#9
dani-polani merged 2 commits into
mainfrom
feat/more-styles

Conversation

@dani-polani

Copy link
Copy Markdown
Member

Summary

Adds four more presets to the visual-styles system, each faithful in the live preview and the PNG/SVG/PDF export (single catalog drives both).

  • Deco — dark emerald, thin gold connectors + endpoint dots, Poiret One uppercase with letter-spacing, gold double frame with corner diamonds.
  • Nouveau — cream, tapered "whiplash" ribbon connectors, Spectral, muted botanical palette, soft oval inset frame.
  • Riso — off-white with halftone dot grain, thick spot-ink strokes, and an offset misregistration text shadow in a hue-shifted companion ink. Approximates risograph overprint without multiply/feTurbulence, so the export matches the preview (per the parity decision).
  • Spectrum — deep violet, thick solid color ribbons; bundles a vivid rainbow palette so a set of links spans the spectrum. Linked words always share one color, so there's no per-link gradient (confirmed with the designer).

New capabilities

  • textOffsetShadow (Riso misregistration), tokenTransform (uppercase + letter-spacing, Deco), shiftHue helper, halftone grain background, Deco/Nouveau decorative frames.
  • New font Poiret One; new palettes deco / nouveau / riso / spectrum (also selectable on their own in the colors tab).

Notes

  • Nouveau's mockup uses italic Spectral; left upright for now because our Google Fonts URL doesn't request the italic face (would break export parity). Easy follow-up if wanted.
  • The style picker swatches render each new style faithfully.

Testing

npm run check clean, lint clean, 95 tests pass. Verified all four in preview and PNG export (Deco frame + uppercase, Riso grain + misregistration, Spectrum ribbons, Nouveau ribbons) via Playwright.

🤖 Generated with Claude Code

dani-polani and others added 2 commits July 2, 2026 04:43
Four more presets, faithful in preview and PNG/SVG/PDF export:
- Deco: dark emerald, thin gold connectors + dots, Poiret One uppercase
  with letter-spacing, gold double frame with corner diamonds.
- Nouveau: cream, tapered "whiplash" ribbon connectors, Spectral, muted
  botanical palette, soft oval inset frame.
- Riso: off-white with halftone dot grain, thick spot-ink strokes, and an
  offset misregistration text shadow in a hue-shifted companion ink.
  Approximates risograph overprint without multiply/turbulence so export
  matches the preview.
- Spectrum: deep violet, thick solid color ribbons; bundles a vivid
  rainbow palette so a set of links spans the spectrum (linked words share
  one color, so no per-link gradient).

New capabilities: connector widthScale reuse, textOffsetShadow,
tokenTransform (uppercase + letter-spacing), shiftHue, grain background,
deco/nouveau frames. Adds Poiret One font and deco/nouveau/riso/spectrum
palettes (also selectable on their own).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
- Export now crops to the token bounding box (plus a small margin) instead
  of the full preview height, so the shared image isn't padded with editor
  chrome and the credit sits right below the diagram. Removes the empty
  stretch that invited cropping. Background, frame, credit and QR all follow
  the cropped viewBox.
- Spectrum ribbons and Riso strokes are thinner by default.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@dani-polani dani-polani merged commit 3d6a97a into main Jul 2, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant