What's there now: ExportModal.svelte lists export formats as text radios / buttons. Hollywood and Indian formats are radios under "Screenplay"; Fountain and plain text are separate buttons. New users have to read every label to know what they're choosing.
Why it matters: Export is a high-stakes moment — the writer is committing their script to a deliverable for someone else. Visual differentiation between formats reduces the wrong-format risk and makes the modal feel less like a checkbox form.
Suggested deliverable: Four small icons (~20×20 or 24×24):
- PDF Hollywood — single-column page silhouette with centered character names
- PDF Indian — two-column page silhouette
- Fountain — markdown-flavored ".F" or a stylized stream / text-flow mark
- Plain text — generic page with horizontal lines
Plus, optionally:
- Title page — small page-with-title icon for the existing checkbox section
- Synopsis / Treatment / Narrative / Scene Cards — tiny section-type icons for the same checkbox list (turns the modal into a more legible recipe-builder)
Code touchpoint: src/lib/components/ExportModal.svelte.
What's there now:
ExportModal.sveltelists export formats as text radios / buttons. Hollywood and Indian formats are radios under "Screenplay"; Fountain and plain text are separate buttons. New users have to read every label to know what they're choosing.Why it matters: Export is a high-stakes moment — the writer is committing their script to a deliverable for someone else. Visual differentiation between formats reduces the wrong-format risk and makes the modal feel less like a checkbox form.
Suggested deliverable: Four small icons (~20×20 or 24×24):
Plus, optionally:
Code touchpoint:
src/lib/components/ExportModal.svelte.