Designing Quran Calligrams

Given an ayah, produce the full English-text package first (before any design work):

Arabic verse: [paste]
English translation to use: [paste exact wording]
Target mode: dense micro-lines | alternating short lines | word blocks

Then generate, in order: (A) clean translation, (B) line-by-line split, (C) word-by-word gloss table, (D) one-sentence semantic summary, (E) fit/layout guidance. Only after this text package exists should design-tool steps (Illustrator/Photoshop) be given.

Progress:

• Step 1: Clarify scope (ayah, translation source, tool availability, word-by-word vs line-by-line)
• Step 2: Generate the English text package (A–E below)
• Step 3: Choose production path (vector/Illustrator, raster/Photoshop+AI, or text-only/Gemini-only)
• Step 4: Produce layout-specific instructions for the chosen path
• Step 5: Legibility check and iteration

Step 1: Clarify scope

Ask only what's missing:

• Which surah + ayah(s)?
• Which translation style: literal / readable-poetic / academic word-root?
• Word-by-word gloss or line-by-line meaning (or both)?
• Approximate number of English lines desired?
• Tool: Illustrator, Photoshop, Canva, or text-only (no design software)?

Never invent Arabic text or translation wording — always use exactly what's provided, or ask which published translation to use.

Step 2: Generate the English text package

Always produce all five components, even for text-only requests:

• A) Clean translation — full ayah, one block.
• B) Line-by-line meaning — split into N short lines matching rhythm/readability (3–7 lines typical).
• C) Word-by-word gloss — table: Arabic word | English gloss | notes, preserving original token order.
• D) Semantic summary — 1–2 sentences capturing the core meaning.
• E) Calligram fit guidance — recommend one mode (dense micro-lines / alternating short lines / word blocks), with a target line count and a chunking plan (which words go on which line). This is strategy only, not design-software steps, unless a tool was specified.

Step 3: Choose production path

Path 1 — Vector/Illustrator (best for crisp, legible microtype):

1. Compose Arabic verse in a calligraphy font; Type → Create Outlines.
2. Ensure closed paths; use Object → Compound Path → Make / Pathfinder to merge.
3. Use Area Type Tool — click inside the Arabic outline to flow English text into the contour.
4. Tune leading, tracking, and font size until dense but readable.
5. If overflow: reshape container, split into multiple panels, or trim English length.
6. Contrast: dark Arabic silhouette + bright/gold English, or inverse.
7. Export vector PDF (press quality) for print; PNG high-DPI only if raster required.

Path 2 — Photoshop/AI-assisted (faster concept, needs manual cleanup):

1. Create a high-contrast black Arabic silhouette on white.
2. Use image-to-image/ControlNet-style reference with a prompt instructing the AI to fill stroke interiors with legible English microtype, preserving the exact silhouette.
3. Manually clean up garbled text, fix spacing, re-render with real type where needed.
4. Upscale for crispness — note that upscaling won't fix wrong letters; rebuild manually if needed.

Path 3 — Text-only / no design tool (e.g., Gemini-only): Deliver only the Step 2 package (A–E) plus a reusable master prompt the user can paste into any AI chat tool to regenerate consistently. Do not promise pixel-accurate artwork — be explicit that AI text rendering inside shapes is unreliable without a design tool or ControlNet-style workflow.

Step 4: Produce layout-specific instructions

Match the depth of instruction to the declared tool. Don't give Illustrator steps to a text-only user; don't give only a text package to an Illustrator user.

Step 5: Legibility check

• Zoom to 100% / view at expected real-world distance.
• Checklist: font size large enough, leading prevents merging, sufficient contrast, no overflow outside the silhouette, Arabic diacritics unobscured.
• If any fail: resize, re-chunk lines, or split into additional panels — iterate rather than shrinking indefinitely.