From a17eac6ed7f217914ea38e024888ff97d9eb6e95 Mon Sep 17 00:00:00 2001 From: Wmj Ismail Date: Sat, 10 Oct 2026 13:41:20 +0800 Subject: [PATCH] feat(design): deliver 3 mature editorial UI directions with high-fidelity prototypes and design review --- design-proposals/DESIGN_REVIEW_PROPOSALS.md | 192 ++++ .../direction-1-falah-gazette.html | 1014 +++++++++++++++++ .../direction-2-al-qalam-review.html | 622 ++++++++++ .../direction-3-sovereign-rail.html | 822 +++++++++++++ 4 files changed, 2650 insertions(+) create mode 100644 design-proposals/DESIGN_REVIEW_PROPOSALS.md create mode 100644 design-proposals/direction-1-falah-gazette.html create mode 100644 design-proposals/direction-2-al-qalam-review.html create mode 100644 design-proposals/direction-3-sovereign-rail.html diff --git a/design-proposals/DESIGN_REVIEW_PROPOSALS.md b/design-proposals/DESIGN_REVIEW_PROPOSALS.md new file mode 100644 index 0000000..6cddd92 --- /dev/null +++ b/design-proposals/DESIGN_REVIEW_PROPOSALS.md @@ -0,0 +1,192 @@ +# Iqra (iqra.falahos.my) — Editorial UI/UX Design Review & Direction Proposals + +**Document ID:** `IQRA-UX-AUDIT-2026-10` +**Author:** Principal Editorial UI/UX Design Director +**Publication:** Iqra Times (`https://iqra.falahos.my`) +**Publisher:** Darul Falah / WMJ +**Target Date:** October 2026 + +--- + +## 1. Executive Summary & Problem Definition + +The user feedback regarding Iqra's current homepage was direct and unambiguous: +> *"you need one UI designer, current main page UI looks really ugly and immamture. discuss with your team and come back with a a few UI designs"* + +A thorough architectural and visual audit of `https://iqra.falahos.my` confirmed this diagnosis. Despite high-calibre intellectual contributions spanning Islamic Family Office, Halal Wealth, Integrative Tibb, and Civilizational Philosophy, the website was burdened by: +1. **Severe content loop duplication** (the exact same article appearing 4 times consecutively down the page). +2. **Clashing chromatic identities** (uncoordinated teals, bright greens, cold grey borders, and harsh white blocks). +3. **Immature component styles** (generic SaaS drop-shadows, clashing font combinations, uncurated author blocks). +4. **Flattened visual hierarchy** (monographs, 5-minute morning tips, and financial calculations all sharing the same visual weight). + +To resolve this, we have created **three distinct, mature, world-class UI design directions**, accompanied by **fully interactive, high-fidelity browser prototypes** committed directly to this repository. + +--- + +## 2. Deep Audit of Current Homepage Flaws + +| Problem Area | Current Observation on Server | Root Cause in Codebase | Consequence to Reader | +|---|---|---|---| +| **Content Duplication** | The article *"Islamic Morning & Evening Adhkar Digital Planner ($17.99)"* renders consecutively 4 times. | `default.hbs` and `index.hbs` execute un-filtered `{{#foreach posts}}` loops in `ft-hero.hbs`, `ft-fastft-stream.hbs`, `ft-topic-hubs.hbs`, and the default Ghost post feed. | Severe cognitive fatigue; website looks amateurish and abandoned. | +| **Color Clash** | Header ticker uses `#007A4D` (emerald), `#0d7680` (teal), `#990f3d` (crimson), with `#e0e0e0` borders on stark `#ffffff`. | Incoherent CSS tokens in `screen.css` mixing raw hex colors without a defined paper-to-ink architectural system. | Feels like a fragmented Bootstrap mockup rather than an elite broadsheet. | +| **Typography Dissonance** | Titles jump between `Playfair Display`, `Source Serif 4`, and system sans-serif with loose leading. | Lack of typographic rhythm in CSS tokens; headings rendered with uncalibrated letter-spacing. | Reading experience is jarring and visually noisy. | +| **Author Board Styling** | Authors sit in an inline ` + + + + +
+
+
+ Live Suq + 28 Rabi' al-Awwal 1448 · Saturday, 10 October 2026 +
+
+
+ GOLD NISAB: + RM 32,450.00 / 85g +
+
+ SILVER NISAB: + RM 2,890.00 / 595g +
+
+ TOKENISED SUKUK 5Y: + 4.82% (+0.04) +
+
+ USD/MYR: + 4.215 +
+
+
+
+ + +
+
+
+ Issue No. 1,448 · Vol. IV + The Journal of Islamic Wealth, Shifa & Civilizational Statecraft + Kuala Lumpur · London · Abu Dhabi +
+

+ IQRA TIMES + « إقرأ » +

+

First with the Intelligence. Deepest in the Classical Heritage.

+ + +
+
+ + +
+
+ + +
+ Sovereign Debt · Special Report +

+ Malaysia Just Priced Its First Tokenised Sukuk. Here's What Actually Changed. +

+
+ Sukuk Terminal and Sovereign Ledger +
+
+ Kuala Lumpur financial district. Settlement rails moving onto institutional EVM subnets backed by Khazanah and CIMB. +
+

+ RM100 million, priced this week, backed by Khazanah, CIMB, Maybank, and sovereign pension funds. The underlying Wakalah contract remains classical, but the secondary settlement layer eliminates three days of counterparty friction. Here is the legal, financial, and Shariah architecture of what actually moved. +

+
+ By Dr. Tariq Al-Amiri + · + + · + Juridical Estate & Capital Desk +
+
+ + +
+ + + + + +
+ + + +
+ + +
+
+

Voices of Iqra · Senior Fellows

+ The Full Editorial Board → +
+ +
+ +
+
+ Jauhari Che Wan +
+

Jauhari Che Wan

+ Publisher & EIC +
+
+ The Jauhari Column +

Sovereign Technology and the Custodianship of Wealth in Nusantara

+ Read Column → +
+ + +
+
+ Dr. Tariq Al-Amiri +
+

Dr. Tariq Al-Amiri

+ Senior Jurist +
+
+ Wealth & Succession +

Structuring the Islamic Family Office: Faraid Shields & Hibah Governance

+ Read Column → +
+ + +
+
+ Dr. Hakim Zainur Rahman +
+

Dr. Hakim Zainur

+ Integrative Clinician +
+
+ The Shifa Desk +

Fiqh an-Nafs: Addressing Modern Anxiety via Classical Tazkiyah

+ Read Column → +
+ + +
+
+ Maryam Al-Andalusi +
+

Maryam Al-Andalusi

+ Manuscript Fellow +
+
+ The Classical Polymath +

Ibn Rushd vs Al-Ghazali: The Enduring Crisis of Reason and Revelation

+ Read Column → +
+ + +
+
+ Darul Falah Research Desk +
+

Darul Falah Desk

+ Quantitative Research +
+
+ Nisab & Engines +

The 2026 Gold-to-Silver Ratio: Recalibrating Historical Nisab Metrics

+ View Feeds → +
+
+
+ + +
+
+
+
+ Proprietary Engine 01 +

Interactive Faraid Estate Solver

+

Institutional-grade inheritance partition algorithm compliant with Shafii, Hanafi, and Maliki jurisprudential matrices.

+ Launch Calculator +
+
+ Proprietary Engine 02 +

Corporate & Asset Zakat Engine

+

Automated Nisab pegging against real-time gold fixings with balance-sheet deduction rules for working capital.

+ Calculate Zakat +
+
+ Proprietary Engine 03 +

Sadaqah & Waqf Ahli Registry

+

Perpetual endowment distribution modeling for family trusts, educational endowments, and healthcare waqf.

+ Explore Registry +
+
+
+
+ + +
+
+

Wealth & Succession

+ + + +
+ +
+

Tibb & Integrative Shifa

+ + + +
+ +
+

Philosophy & Civilizational Mind

+ + + +
+
+
+ + + + + + diff --git a/design-proposals/direction-2-al-qalam-review.html b/design-proposals/direction-2-al-qalam-review.html new file mode 100644 index 0000000..8bbbd17 --- /dev/null +++ b/design-proposals/direction-2-al-qalam-review.html @@ -0,0 +1,622 @@ + + + + + + Direction 2: Al-Qalam Review — Iqra Editorial Design System + + + + + + + + + +
+
+ Volume IV · Autumn 2026 Issue + An Independent Review of Islamic Thought & Statecraft + Published at Kuala Lumpur & London +
+
+ + +
+
+ — ✦ — +

AL-QALAM REVIEW

+

The Journal of Classical Wisdom, Sovereign Fiqh & Contemplative Science

+ + +
+
+ + +
+
+
+ + +
+ Lead Monograph · Autumn 2026 +

+ The Architecture of Tazkiyah: Diagnosing and Curing the Diseases of the Heart in the Age of Synthetic Noise +

+
+ “The heart is the sovereign king; the faculties and limbs are but its mobilized garrison. If the sovereign is corrupted by heedlessness, the entire state slips into ruin.” +
+

+ Imam al-Ghazali opens the third quadrant of the Ihya Ulum al-Din with an anatomy of internal crisis that reads with striking diagnostic accuracy today. In this monograph, we examine how the classical science of Fiqh an-Nafs offers a systematic epistemological defense against ambient sensory exhaustion, modern anxiety pathologies, and the erosion of contemplative will. +

+
+ Dr. Hakim Zainur +
+
Dr. Hakim Zainur Rahman
+
Chair of Integrative Tibb & Fiqh an-Nafs Studies
+
+
+
+ + + +
+
+ + +
+

The Four Intellectual Pillars

+

Rigorous inquiry across jurisprudence, contemplative health, statecraft, and historiography

+ +
+ +
+
I. Fiqh & Succession
+ + +
+ + +
+
II. Shifa & Tibb Nabawi
+ + +
+ + +
+
III. Statecraft & Corridors
+ + +
+ + +
+
IV. Classical Polymath
+ + +
+
+
+ + +
+

The Fellowship of Iqra

+

Scholars, jurists, and clinicians leading our research desks

+ +
+
+
+ Jauhari Che Wan +
+

Jauhari Che Wan

+ Editor-in-Chief & Publisher +
+
+

Writes The Jauhari Column on sovereign technology, civilizational custodianship (istikhlaf), and Nusantara reflections.

+
The Jauhari Column Archive →
+
+ +
+
+ Dr. Tariq Al-Amiri +
+

Dr. Tariq Al-Amiri

+ Senior Estate Jurist +
+
+

Senior Counsel on cross-border inheritance, Waqf Ahli trusts, and family governance across common law and Shariah courts.

+
Treatises on Succession →
+
+ +
+
+ Maryam Al-Andalusi +
+

Maryam Al-Andalusi

+ Manuscript Fellow +
+
+

Intellectual historian specializing in Andalusian governance treatises, the Muqaddimah of Ibn Khaldun, and classical Malay manuscripts.

+
Manuscript Monographs →
+
+
+
+
+ + + + + + diff --git a/design-proposals/direction-3-sovereign-rail.html b/design-proposals/direction-3-sovereign-rail.html new file mode 100644 index 0000000..6215d04 --- /dev/null +++ b/design-proposals/direction-3-sovereign-rail.html @@ -0,0 +1,822 @@ + + + + + + Direction 3: Sukuk & Sovereign Rail — Iqra Financial Terminal + + + + + + + + + +
+
+
+ LIVE TERMINAL +
+ GOLD NISAB: + RM 32,450.00 / 85g +
+
+ SILVER NISAB: + RM 2,890.00 / 595g +
+
+ SUKUK 5Y BENCH: + 4.82% (+0.04) +
+
+ ZAKAT APIS: + OPERATIONAL +
+
+
+ Rabi' al-Awwal 1448 · UTC+8 +
+
+
+ + +
+
+
+ +
+ +
+
+ Search Intelligence... + &K +
+ Client Access +
+
+
+ + +
+
+ + +
+ + +
+
+ SOVEREIGN CAPITAL · LEAD INVESTIGATION + 10 Oct 2026 · 08:30 MYT +
+
+

+ Malaysia Prices First Tokenised Sukuk: The EVM Settlement Layer Dissected +

+ + +
+
+ THE SIGNAL + RM100 million priced with institutional syndicate backing (Khazanah, CIMB, Maybank). Wakalah underlying remains compliant with SAC-BNM guidelines. +
+
+ THE EXPOSURE + Cuts settlement cycle from T+2 to instantaneous atomic delivery-versus-payment (DvP) on private permissioned EVM ledger. +
+
+ JURISTIC VIEW + Dr. Tariq Al-Amiri confirms smart contract minting preserves legal title without invoking prohibited debt-sale (Bay al-Dayn) caveats. +
+
+
+
+
+ Dr. Tariq Al-Amiri + Analysis by Dr. Tariq Al-Amiri · Senior Jurist +
+ Read Full Analysis → +
+
+ + +
+ + + +
+
+ + +
+ + +
+
+ Live Intelligence Wire + POLLING +
+
+
+
14m ago · FINTECH
+

Musaffa's US Halal Brokerage Integrates DriveWealth Clearing API

+
+
+
1h ago · FAMILY OFFICE
+

Cross-Border Waqf Ahli Framework Adopted in Labuan IBFC

+
+
+
3h ago · TIBB HEALTH
+

Clinical Trials on Intermittent Fasting Validate Monday-Thursday Sunnah Rhythm

+
+
+
5h ago · PHILOSOPHY
+

Ibn Khaldun's Asabiyyah and Modern Sovereign Wealth Funds

+
+
+
+ + +
+
+ Rapid Zakat Estimator + NISAB 2026 +
+
+ + +
+
+ + +
+
+ Obligatory Zakat (2.5%): + RM 27,500.00 +
+ +
+
+
+ + +
+
+

Iqra Intelligence Desks & Senior Fellows

+ 6 ACTIVE DESKS +
+ +
+
+
+ PUBLISHER'S DESK +
+
+ Jauhari Che Wan +
+

Jauhari Che Wan

+ Editor-in-Chief +
+
+

Writes The Jauhari Column on sovereign technology and civilizational istikhlaf in Nusantara.

+ 18 Monographs → +
+ +
+
+ ESTATE & JURISPRUDENCE +
+
+ Dr. Tariq Al-Amiri +
+

Dr. Tariq Al-Amiri

+ Senior Counsel +
+
+

Advises on cross-border Faraid, family office trusts, and Sukuk issuance structures.

+ 8 Briefings → +
+ +
+
+ INTEGRATIVE TIBB +
+
+ Dr. Hakim Zainur Rahman +
+

Dr. Hakim Zainur

+ Clinical Researcher +
+
+

Bridging prophetic medicine, clinical chronobiology, and Islamic cognitive reframing.

+ 8 Clinical Papers → +
+ +
+
+ GEOPOLITICAL RISK +
+
+ Farhan Idris +
+

Farhan Idris

+ Corridors Strategist +
+
+

Specialist in maritime straits, sovereign capital flows, and alternative settlement rails.

+ 5 Corridors Briefs → +
+
+
+
+ + + + + +