AI Skill Report Card

Designing Quranic Calligram Typography

A-83·Nov 2, 2026·Source: Web
14 / 15

To produce a usable calligram project in one pass, gather these four inputs, then generate all deliverables:

  1. Surah + Ayah number (or pasted Arabic text)
  2. English translation to use (exact wording — don't paraphrase a scripture translation without the user specifying a source)
  3. Design tool available: Illustrator / Photoshop / Canva / none (text-planning only)
  4. 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.
14 / 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):

  1. Compose Arabic verse in a calligraphy font; convert to outlines (Type → Create Outlines)
  2. Ensure closed paths; merge with Object → Compound Path → Make if needed
  3. Use Type Tool → Area Type, click inside the Arabic outline
  4. Tune leading (tight but readable) and tracking (slightly negative increases density)
  5. If English overflows: reshape container, split into multiple panels, or shorten text
  6. Set contrast (dark strokes + bright/gold microtext, or inverse)
  7. Zoom-check legibility at expected viewing distance
  8. Export as PDF (Press Quality) or vector SVG/PDF; PNG only if raster is required

Photoshop/AI image tool (faster concept, needs manual polish):

  1. Create a high-contrast black-on-white Arabic silhouette baseline
  2. 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"
  3. Manually clean up garbled or misplaced text in Photoshop
  4. Upscale for crispness, but expect to manually rebuild small text — upscalers don't fix wrong letters

No tool / Gemini-only (text planning):

  1. Generate English versions A–D
  2. Choose fit mode (E) based on line count math: target 6–10 micro-lines for dense mode, ≤4 lines for alternating mode
  3. Output a line-chunking plan mapped to the Arabic verse structure
  4. 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.
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.
15 / 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.
  • 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.
  • 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.
0
Grade A-AI Skill Framework
Scorecard
Criteria Breakdown
Quick Start
14/15
Workflow
14/15
Examples
15/20
Completeness
17/20
Format
14/15
Conciseness
13/15