AI Skill Report Card
Designing Quranic Calligram Typography
Quick Start14 / 15
To produce a usable calligram project in one pass, gather these four inputs, then generate all deliverables:
- Surah + Ayah number (or pasted Arabic text)
- English translation to use (exact wording — don't paraphrase a scripture translation without the user specifying a source)
- Design tool available: Illustrator / Photoshop / Canva / none (text-planning only)
- Layout goal: English inside Arabic strokes only, inside + label below, word-by-word, or line-by-line
Then produce, in one response:
- A) Clean full translation
- B) Line-by-line split meaning
- C) Word-by-word gloss table (Arabic word → English gloss)
- D) 1–2 sentence semantic summary
- E) Layout/fit recommendation (dense micro-lines / alternating short lines / word blocks) with concrete line-chunking plan
- F) Tool-specific step-by-step instructions (if a design tool was named)
Recommendation▾
Add a second, longer-verse example to show how the line-chunking plan scales beyond a short ayah.
Workflow14 / 15
Progress:
- Step 1: Collect the four inputs (ayah, translation, tool, layout goal)
- Step 2: Produce English text versions (A–D above) using ONLY the translation text provided — never invent or alter scriptural wording
- Step 3: Recommend a fit mode (E) based on English text length vs. Arabic letter density
- Step 4: If a design tool is specified, give exact numbered UI steps for that tool
- Step 5: Provide a legibility/overflow checklist
- Step 6: If no tool (Gemini/text-only), output a reusable master prompt the user can paste into future sessions
Step detail: Tool-specific instructions
Illustrator (best for crisp, legible microtype):
- Compose Arabic verse in a calligraphy font; convert to outlines (Type → Create Outlines)
- Ensure closed paths; merge with Object → Compound Path → Make if needed
- Use Type Tool → Area Type, click inside the Arabic outline
- Tune leading (tight but readable) and tracking (slightly negative increases density)
- If English overflows: reshape container, split into multiple panels, or shorten text
- Set contrast (dark strokes + bright/gold microtext, or inverse)
- Zoom-check legibility at expected viewing distance
- Export as PDF (Press Quality) or vector SVG/PDF; PNG only if raster is required
Photoshop/AI image tool (faster concept, needs manual polish):
- Create a high-contrast black-on-white Arabic silhouette baseline
- Use image-to-image/reference mode with a prompt constraining scope: "fill stroke interiors with dense, legible English microtype; preserve exact silhouette; keep background clean"
- Manually clean up garbled or misplaced text in Photoshop
- Upscale for crispness, but expect to manually rebuild small text — upscalers don't fix wrong letters
No tool / Gemini-only (text planning):
- Generate English versions A–D
- Choose fit mode (E) based on line count math: target 6–10 micro-lines for dense mode, ≤4 lines for alternating mode
- Output a line-chunking plan mapped to the Arabic verse structure
- Give the master prompt template (below) for reuse
Recommendation▾
Include a concrete 'bad output' example (e.g., garbled AI-generated text or a phrase split mid-unit) to contrast with good outcomes, per examples-quality best practice.
Reusable Master Prompt (text-only / Gemini sessions)
You are a Quran language assistant and calligram formatting instructor.
Arabic verse:
(PASTE ARABIC HERE)
English translation to use (must not change wording):
(PASTE EXACT ENGLISH HERE)
Create:
A) Clean translation (full ayah) — 1 line.
B) Line-by-line meaning — split into 3–5 short lines.
C) Word-by-word gloss — table: Arabic word → English gloss.
D) Semantic summary — 1–2 sentences.
E) Calligram fit guidance: choose one of (dense micro-lines / alternating
short lines / word blocks). Give exact line-count and a recommended
line-chunking plan (no design software instructions).
Rules: Do not add new meaning; only format and split the given English.
Examples15 / 20
Example 1: Input: Surah Al-Fātiḥah 1:1, translation "In the name of Allah, the Most Gracious, the Most Merciful.", no tool, dense inside-strokes layout. Output:
- A) "In the name of Allah, the Most Gracious, the Most Merciful."
- B) Line 1: "In the name of Allah," / Line 2: "the Most Gracious," / Line 3: "the Most Merciful."
- C) Table: بِسْمِ → "in the name of" | اللَّهِ → "Allah" | الرَّحْمَٰنِ → "the Most Gracious" | الرَّحِيمِ → "the Most Merciful"
- D) "The phrase opens worship by invoking Allah while emphasizing His mercy."
- E) Dense micro-lines mode, target 6–10 lines; shorten to nouns/adjectives only if too dense; break after commas, never mid-phrase (e.g., keep "Most Gracious" intact).
Example 2: Input: Same ayah, but user specifies Illustrator as the tool. Output: Same A–E content, plus the 8-step Illustrator workflow above (outline conversion → Area Type → leading/tracking tuning → overflow fixes → contrast → legibility check → export).
Recommendation▾
The word-by-word gloss table in Example 1 could show actual tabular formatting (markdown table) rather than inline pipe-separated text for clarity.
Best Practices
- Never alter or invent Quranic Arabic text or translation wording — only reformat what the user supplies.
- Always ask which translation source/style (literal vs. readable vs. academic) if not specified, rather than assuming.
- Favor Arabic calligraphy styles with wide interior counters (open space inside letterforms) — this is what makes embedded microtype legible.
- Start with one short ayah before scaling to longer passages.
- Always include a legibility check step: zoom to 100%, evaluate at real viewing distance, verify no letter-merging.
- When overflow happens, prefer structural fixes (reshape container, split into panels, shorten text) over simply shrinking font size to the point of illegibility.
Common Pitfalls
- Do not promise AI image generators (Midjourney/DALL-E/Stable Diffusion) will render perfectly accurate, legible Arabic or English text — they frequently garble script; always flag the need for manual typographic cleanup.
- Do not skip the clarifying questions (ayah, translation, tool, layout goal) — generic answers waste the user's iteration cycles.
- Do not mix translation sources mid-project without flagging it; inconsistent wording breaks the word-by-word gloss table.
- Do not let line breaks split meaningful phrase units (e.g., "Most Gracious") across two lines — it harms readability and reverence.
- Do not treat upscaling as a fix for AI-garbled text — rebuild manually with real typography instead.