wmj/agent-playbooks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
d34fbeecd1ff3a4284cd93eadf0bb922faa2464d
agent-playbooks/iqra-editorial-visual-standards.md
T

11 KiB
Raw Blame History

Iqra Times & Falah Research Institute

Editorial Visual Data & Credibility Standard (SOP)

Document Reference: FRI-SOP-2026-VISUAL-01
Classification: Institutional Best Practice — All Desks & Fellows
Effective Date: October 13, 2026

1. Executive Mandate & Purpose

Civilizational intelligence, Shariah political economy, and strategic statecraft require more than compelling prose. To establish uncompromising credibility, executive authority, and empirical weight, every article published on Iqra Times (iqra.falahos.my) must incorporate structured visual intelligence whenever relevant to the topic.

A dispatch without data visualization risks being dismissed as subjective commentary. A dispatch anchored by a rigorous vector chart, an analytical matrix, or a mechanical process flowchart commands the authority of a Tier-1 broadsheet (e.g., The Financial Times, The Economist, Foreign Affairs).

2. The 4-Tier Visual Architecture Specification

Every publication workflow must deploy at least one (and ideally two to three) of the following visual tiers:

+------------------------------------------------------------------------+
|                        ARTICLE PROSE PIPELINE                          |
+------------------------------------------------------------------------+
| 1. [FT-STAT-GRID]         Macro Metric / KPI Callout Strip             |
|                           (3-4 high-impact data points at the lead)    |
+------------------------------------------------------------------------+
| 2. [FT-VECTOR-CHART]      Editorial SVG Data Chart                     |
|                           (Empirical trajectories, curves, spreads)    |
+------------------------------------------------------------------------+
| 3. [FT-PROCESS-FLOW]      Mechanism / Workflow Diagram                 |
|                           (Numbered procedural & decision stages)      |
+------------------------------------------------------------------------+
| 4. [FT-COMPARISON-MATRIX] Analytical Broadsheet Table                  |
|                           (Contrasting models, lipids, legal paradigms)|
+------------------------------------------------------------------------+

Tier 1: Macro Metric / KPI Strip (FT-STAT-GRID)

  • Placement: Immediately after the lead executive takeaway drawer.
  • Structure: 3 to 4 columns featuring:
    • Metric Number: Playfair Display, Georgia, serif (36px, bold, #111111).
    • Metric Label: Uppercase, letter-spacing 1px (12px, bold, #0E4D36).
    • Context Description: Source Serif 4, Georgia, serif (13–14px, #4A443E).
  • Trigger: Mandatory whenever epidemiological, macro-financial, demographic, or survey statistics are referenced.

Tier 2: Handcrafted Vector SVG Data Chart (FT-VECTOR-CHART)

  • Format: Responsive inline vector graphics (<svg viewBox="0 0 700 260" style="width: 100%; height: auto;">).
  • Palette Strictness:
    • Canvas Background: Financial Times Salmon Paper (#FFF1E5).
    • Card Container: Broadsheet Card Shading (#F8EBE0), border #E2D3C4, top accent #0E4D36.
    • Primary Trajectory / Benchmark: Forest Green (#0E4D36, width 3px).
    • Risk / Counter-Trajectory: Broadsheet Burgundy (#9E2A2B, width 3px).
    • Baseline & Axes: Deep Ink (#111111) and Muted Gridlines (#E2D3C4 dashed).
  • Requirements: Must include distinct axis labels, baseline markings, and clear inline coordinate markers.

Tier 3: Process Workflow & Mechanism Diagram (FT-PROCESS-FLOW)

  • Format: Sequential step cards linked with directional indicators (->).
  • Usage:
    • Clinical protocols (e.g., Vagal nerve de-escalation, 4-stage dietary transitions).
    • Legal procedures (e.g., Wasiyyah execution vs Mareva injunction for estate recovery).
    • Architectural pipelines (e.g., The 5 Layers of Sovereign Istikhlaf Tech).

Tier 4: Comparative Analytical Matrix (FT-COMPARISON-MATRIX)

  • Format: Clean broadsheet tables wrapped in .ft-card styling:
    • Table Header: #E7F3EE green-tinted background with #0E4D36 bold uppercase text.
    • Cell Borders: Subdued hairline dividers (#E2D3C4).
    • Cell Typography: Source Serif 4, Georgia, serif (14px, line-height 1.45).
  • Usage: Side-by-side paradigm comparisons (e.g., Extractive Venture Debt vs Khadijah Mudarabah, Western Outsourced Nursing Homes vs Multigenerational Shield).

3. Scholarly Captioning Standard

No visual element may be inserted without an explicit, standalone caption. Captions must follow this syntax:

Figure X.X: [Descriptive Title of the Metric/System]
[Detailed caption explaining the exact parameters, units, date ranges or sample size, and the primary analytical deduction. Must name the institutional, empirical, or historical source].

Negative Rule: Purely decorative stock imagery or generic AI illustrations with zero data content are strictly prohibited within the analytical body prose.

4. Technical Implementation in Ghost Lexical AST

Visual assets are injected into Ghost 5.x via native Lexical html cards:

{
  "type": "html",
  "version": 1,
  "html": "<div style=\"background: #F8EBE0; border: 1px solid #E2D3C4; border-top: 3px solid #0E4D36; padding: 24px; margin: 34px 0; border-radius: 4px;\">...</div>"
}

Typography Isolation Guidelines:

  • Outer card container must enforce clean system or serif font-family to avoid font inheritance collisions.
  • All figure headers must use uppercase tracking: letter-spacing: 1.5px; font-weight: 700; color: #0E4D36;.
  • Table and card body text must harmonize with the broader publication font (Source Serif 4 / Playfair Display).

5. Pre-Publication Quality Checklist

Before any dispatch is set to status: "published", the editor/agent must verify:

  • Relevance: Does the visual asset directly illuminate the core thesis of the article?
  • Empirical Rigor: Are all data points verified against authentic datasets or classical texts?
  • Aesthetic Coherence: Does the visual strictly utilize the FT Broadsheet color palette?
  • Caption Completeness: Is there an explicit Figure number and informative caption?
  • Mobile Responsiveness: Does the <svg> or <table> scale cleanly on mobile viewports (overflow-x: auto)?
  • No Raw Artifacts: Are there zero unparsed markdown asterisks or escaped entities in the card?

Maintained by the Visual Intelligence & Graphics Desk, Falah Research Institute.

Appendix A: Production Case Study — Wednesday, October 14, 2026 Lineup

The following 5-dispatch flagship series demonstrates the full operational implementation of this visual SOP across our 5 core editorial desks:

  1. Hamza Khalid (Corridors of Power):
    • Title: mBridge in Production: The Geoeconomics of Wholesale Multi-CBDC Settlement Bypassing SWIFT
    • Visual Suite: Figure 1.1 (Cross-border settlement latency & fee spread SVG chart) + 3-KPI Stat Grid (B Gulf-Asia clearing, 14s latency, 0% USD intermediary) + Atomic PvP Settlement Mechanism Flowchart.
  2. Dr. Tariq Al-Amiri (Wealth, Waqf & Succession):
    • Title: The Synthetic Dollar Trap: Delta-Neutral Basis Trades, Ethena USDe, and the Shariah Anatomy of Riba
    • Visual Suite: Figure 2.1 (Perpetual funding rate volatility & liquidation inversion curve SVG) + 3-KPI Stat Grid (.4B market cap, 14.2% basis yield, -4.8% inversion threshold) + Cash-and-Carry Basis Trades vs Murabahah Matrix.
  3. Dr. Hakim Zainur Rahman (The Shifa Desk):
    • Title: The Somatics of Itminan al-Qalb: Vagal Nerve Stimulation, Heart-Rate Variability (HRV), and the Neurobiology of Dhikr
    • Visual Suite: Figure 3.1 (Power Spectral Density of HRV comparing chronic anxiety vs 0.1 Hz resonant Dhikr) + 3-KPI Stat Grid (0.1 Hz Mayer wave resonance, +42% HF-HRV, <8 min parasympathetic shift) + Afferent Vagal Signaling Loop Diagram.
  4. Maryam Al-Andalusi (The Classical Polymath):
    • Title: Beyond Instrumental Reason: How Al-Ghazali Anticipated Algorithmic Determinism and Modern Existential Risk
    • Visual Suite: Figure 4.1 (Synthetic data recursion & model entropy decay curve SVG) + 3-KPI Stat Grid (100% probabilistic optimization, 900 years since Tahafut, 3 epistemic faculties) + Instrumental Reason vs Ghazalian Wisdom Matrix.
  5. Jauhari Che Wan (The Jauhari Column):
    • Title: The Calm Software Manifesto: Designing Digital Tools for the Contemplative Mind in an Age of Attention Extraction
    • Visual Suite: Figure 5.1 (Attention half-life & cognitive recovery horizon SVG chart) + 3-KPI Stat Grid (144 daily unlocks, 0 red badges, 2.5x sustained focus) + The 5 Pillars of Calm Sovereign Software Flowchart.

6. The Heavy Topic Multi-Part Continuity Protocol (Mandatory)

Directive: Elimination of Isolated Epistemic Fragments

A major structural defect in serious intellectual journalism is leaving dense, complex subjects as isolated one-off articles, which leaves readers floating without intellectual resolution or practical synthesis.

Effective Immediately: Any heavy or complex domain—including Metaphysics (Kalam & Falsafa), Complex Macro-Monetary Architecture (CBDCs, Sovereign Debt, De-Dollarization), Advanced Fiqh Jurisprudence, and Somatic Neurobiology—MUST NOT be published as a standalone, isolated essay.

Required Multi-Part Dialectical Structure:

Every heavy topic must be planned and executed as a multi-part series adhering to the classical scholastic trajectory:

  1. Part I: The Proposition & Diagnosis (Al-Da'wa): The historical foundation, the emergence of the modern problem, and the provocative thesis.
  2. Part II: The Disputation & Dialectic (Al-Munazarah): The formal scholastic debate, counter-arguments, and opposing intellectual camps (e.g., Ghazalian Occasionalism vs Averroistic Secondary Causality).
  3. Part III: The Textual Commentary & Nuance (Al-Sharh wa'l-Hashiyah): Linguistic precision, metaphysical definitions (Wujud, Mahiyyah, Sabab), and addressing edge-case objections.
  4. Part IV / V: The Synthesis & Sovereign Resolution (Al-Tahqiq): The practical, contemporary verdict for policymakers, entrepreneurs, and believers in the 21st century.

Mandatory Series Navigation UI:

Every installment in a heavy topic series must include an interactive broadsheet series navigation ribbon at the top and bottom of the article:

<div style="background: #E7F3EE; border: 1px solid #0E4D36; border-left: 4px solid #0E4D36; padding: 12px 18px; margin-bottom: 24px; border-radius: 4px;">
    <span style="font-size: 11px; font-weight: 700; color: #0E4D36; text-transform: uppercase; letter-spacing: 1px;">Part X of Y in the [Series Title] Series</span>
    <div style="font-size: 14px; color: #111; font-weight: 600; margin-top: 4px;">[Previous Article Link] | [Current Article] | [Next Article Link]</div>
</div>
Reference in New Issue View Git Blame Copy Permalink