Designing Quranic Calligram Typography

Given a verse request, immediately produce these five deliverables before touching any design tool:

1. Clean translation (1 line, full ayah)
2. Line-by-line meaning (split to match visual line count needed)
3. Word-by-word gloss (table: Arabic word | English gloss | notes)
4. Semantic summary (1-2 sentences, for layout planning only)
5. Fit-mode recommendation (dense micro-lines / alternating short lines / word blocks + line-chunking plan)

Only after these exist should tool-specific production steps (Illustrator/Photoshop/AI) be discussed.

Progress:

• Step 1: Collect inputs (surah+ayah, exact English translation text, target mode, software)
• Step 2: Generate the 5 English versions (A–E above) — never invent wording, only reformat what's provided
• Step 3: Choose container strategy (single panel vs. multi-panel split)
• Step 4: Produce tool-specific numbered steps
• Step 5: Run legibility check
• Step 6: Export guidance

Step 1: Collect Inputs

Ask only what's missing:

• Surah + ayah number
• Exact English translation to use (literal / readable-poetic / academic — do not substitute a different translation without asking)
• Word-by-word or line-by-line target
• Approximate line count desired
• Tool: Illustrator, Photoshop, Canva, or AI-generation only

If the user wants Gemini/AI-only (no design software), skip straight to Steps 2 and produce the copy-paste prompt template instead of UI steps.

Step 2: Generate English Versions

Use this exact structure every time:

A) Clean translation (full ayah): [single line]
B) Line-by-line meaning: [N short lines, break after natural clause boundaries, never split a phrase like "Most Gracious" across lines]
C) Word-by-word gloss: [table, Arabic order preserved]
D) Semantic summary: [1-2 sentences]
E) Fit guidance: [mode + line-chunk plan]

Rule: wording comes only from what the user supplied. If no translation was given, ask which one to use rather than picking one.

Step 3: Container Strategy

• Arabic letters with wide interior counters (ع, م, ه, و) hold more microtype — favor calligraphy styles with open interiors.
• If English overflows: split verse into multiple panels (one clause per panel) rather than shrinking text below readable size.
• Decide: English inside strokes only, or inside + a clean translation label below (hybrid is often most legible).

Step 4: Tool-Specific Steps

Illustrator (best control):

1. Compose Arabic in calligraphy font → Type → Create Outlines
2. Ensure closed paths; merge with Object → Compound Path → Make if needed
3. Type Tool → Area Type, click inside outline → flow English text in
4. Tune leading (tight), tracking (slightly negative for density), font size (largest that still fits)
5. If overflow: reshape container or split into multiple areas
6. Contrast: dark Arabic strokes / bright-gold-white English, or inverse — test at print size
7. Export: PDF (Press Quality) for print; vector over raster whenever possible

Photoshop + AI (faster concept, needs manual polish):

1. Build baseline: bold calligraphy verse, crisp black silhouette on white
2. Feed as image-to-image reference to an AI generator with a prompt restricting scope ("preserve silhouette, dense legible English microtype, keep background clean")
3. Manually clean up garbled/unwanted AI text in Photoshop
4. Rebuild illegible sections with real typography rather than relying on upscalers to fix wrong letters

Gemini/AI-only (no design software): Use Gemini purely for content generation (versions A–E) plus a layout plan (line chunks, mode choice). It cannot reliably render legible embedded microtext inside a shape — set that expectation up front.

Step 5: Legibility Check

• Zoom to 100%, then simulate intended viewing distance
• If borderline: increase font size or leading slightly — never let strokes merge
• Verify no English overflows the Arabic silhouette boundary

Step 6: Export

• Print: vector PDF/SVG
• Digital-only: high-DPI PNG, but vector preferred for crispness

Example 1: Input: Surah Al-Fātiḥah 1:1, translation "In the name of Allah, the Most Gracious, the Most Merciful.", dense mode, Illustrator Output:

A) In the name of Allah, the Most Gracious, the Most Merciful.
B) In the name of Allah, / the Most Gracious, / the Most Merciful.
C) بِسْمِ → in the name of | اللَّهِ → Allah/God (proper name) | الرَّحْمَٰنِ → the Most Gracious | الرَّحِيمِ → the Most Merciful
D) The phrase begins all acts of worship by invoking Allah while highlighting His mercy.
E) Dense micro-lines: target 6-10 lines inside silhouette; break after commas; keep "Most Gracious"/"Most Merciful" unsplit.

Followed by Illustrator steps 1-7 above, applied to this specific verse.

Example 2: Input: "I just want Gemini, no software, give me the versions for 1:2" Output: Versions A-E only (no tool steps), plus the copy-paste Gemini prompt template, with a note that Gemini alone can't produce legible embedded microtypography art — only content/layout planning.