J/U-Card Designer v0.8.3

v0.8.3 · Discogs scan auto-trim + print-ready J/U-card layouts

Adapts your own images only. No artwork is generated or invented — only cropped, scaled, rotated, repositioned, sampled for color, or paired with flat colors and type.

Ctrl+Z to undo, Ctrl+Y or Ctrl+Shift+Z to redo.

0. Insert Type Format

J-card mode: 1" flap, 0.5" spine, 2.5625" front. Final art: 1219 × 1200 px at 300 DPI.

1. Album Import optional

Search artist / album

Import cover to Front panel Auto-split tracks into Side 1 / Side 2

Search imports general album metadata from iTunes. Everything stays editable after import.

Discogs cassette lookup release-specific

Use this to find actual cassette releases and user-contributed release images. Full image import requires the included Cloudflare Pages Function and a server-side Discogs token.

Auto-trim scan borders on imported Discogs images

Search cassette release

Discogs lookup is optional. iTunes import remains available above.

2. Images

Front cover image

No front image loaded

Finished flap/back image

No flap/back image loaded

Spine image optional

No spine image loaded

Upload finished front/flap images, then either use the front cover for the spine or upload a dedicated spine image.

No source images uploaded yet.

Print quality warnings will appear here after upload.

3. Assemble

Use the flap upload for a pre-composed back/flap image. For odd album layouts, make the flap externally and upload it here as one image.

4. Edit Panel

Upload artwork or choose a panel to edit.

5. Selected Panel Image

No panel image selected. Click Edit Front, Edit Spine, or Edit Flap/Back.

Layer name Destination panel

Fit / Move / Rotate

Scale X position (px) Y position (px) Rotation (deg)

Advanced crop from source image

Mostly for spine strips. For complicated flap collages, make a finished flap image externally and upload it in section 1.

Crop X Crop Y Crop width Crop height

Crop presets

Rotation presets

Drag the selected image on the canvas to reposition it. Arrow keys nudge 1px; Shift + arrow nudges 10px.

6. Text Artist name Album title Spine text Optional: draw artist / album text on front cover Optional: draw generated Side 1 / Side 2 text on flap/back panel Optional: draw SIDE 1 / SIDE 2 headings Side 1 tracklist (one track per line) Side 2 tracklist (one track per line)

Side 1: 0:00 · 0 lines

Side 2: 0:00 · 0 lines

Durations like “Track Name (3:42)” are totaled automatically. Front-cover text overlay is optional and off by default so imported covers stay clean.

7. Backgrounds Global background color

Flap override

Spine override

Front override

A panel override replaces the global background for that panel only.

8. Color Sampling Sample from Apply to

Useful when only part of a source (e.g. a tracklist crop) is placed — sample the full source's color and apply it to the whole panel so it looks continuous.

8. Guides Show fold guides on canvas

10. Project

Autosave keeps a local browser copy when storage allows. JSON export is still the safest backup.

11. Export

PDF exports place the bordered guide at exact 300 DPI size on Letter paper. Print at 100%, not fit-to-page.

Dimensions

Mode: J-card
Canvas: 1219 × 1200 px @ 300 DPI
Left flap: 300 px (1.0 in)
Spine: 150 px (0.5 in)
Front panel: 769 px (2.5625 in)

Finished J-card trim: about 4.063" × 4".