PROJECT BRIEF: THE DEFINITIVE ENCYCLOPEDIA OF ISLAM 1. Miss...

Prompt

PROJECT BRIEF: THE DEFINITIVE ENCYCLOPEDIA OF ISLAM 1. Mission Create a large-scale, expandable digital encyclopedia of Islam covering the Qur'an, Hadith, Aqidah, worship, Fiqh, Islamic history, scholarship, ethics, spirituality, civilization, personalities, institutions, and intellectual traditions. The platform must support 100,000+ words, thousands of articles, nested categories, cross-references, search, filtering, references, footnotes, bibliographies, timelines, glossaries, Arabic terminology, translations, and future multimedia without requiring architectural redesign. Content should clearly distinguish Qur'anic evidence, authentic and classified Hadith, statements of Companions, classical scholarship, later interpretations, historical reports, academic analysis, consensus, and legitimate scholarly disagreement. 2. Design & Visual Identity Create a premium, immersive, mobile-first Islamic digital library that is responsive, fast, accessible, scholarly, peaceful, artistic, and memorable. Use sophisticated Islamic-inspired visual language including geometric patterns, arabesque and botanical motifs, manuscript textures, architectural framing, subtle particles, illumination, soft shadows, atmospheric depth, and elegant ornamentation. Visual elements must remain subordinate to readability. 3. Living Color System Develop a smooth, atmospheric color system using coordinated deep palettes such as emerald, forest green, teal, midnight blue, sapphire, indigo, violet, burgundy, bronze, antique gold, sand, and charcoal. Colors may gradually evolve across backgrounds, borders, accents, particles, buttons, ornaments, and illumination. Transitions must be slow, harmonious, non-distracting, and never resemble a gaming interface. Support interactive states such as hover, focus, active, selected, expanded, and disabled with smooth transitions. Include prefers-reduced-motion, reduced-animation controls, strong contrast, visible focus states, and an option to disable animated backgrounds, particles, color transitions, and auto-scrolling. **Universal Color Illumination:** Any element using color, including text, gradients, borders, tabs, buttons, icons, ornaments, particles, shadows, highlights, and even tiny decorative details, should participate in the same smooth atmospheric color-transition system. Colors and gradients should subtly shift, illuminate, and evolve harmoniously across the interface. No colored element should remain visually static or disconnected from the living palette. All transitions must remain slow, elegant, non-distracting, accessible, and compatible with reduced-motion settings. 4. Content Architecture Organize the encyclopedia into expandable areas including: - Qur'an: Surahs, Ayahs, Tafsir, themes, revelation, compilation, Qur'anic sciences, Arabic, recitation, manuscripts. - Hadith: Collections, authentication, classifications, narrators, chains, methodology, commentary, scholars. - Aqidah: Tawhid, prophethood, revelation, angels, divine decree, afterlife, theological schools. - Worship & Fiqh: Salah, fasting, zakah, Hajj, purification, Usul al-Fiqh, legal schools, transactions, family law, contemporary issues. - History: Prophets, Companions, caliphates, dynasties, scholars, empires, regional and modern history. - Scholarship: Tafsir, Hadith, Fiqh, theology, history, philosophy, linguistics, science, education. - Ethics & Spirituality: Character, patience, gratitude, repentance, sincerity, humility, justice, mercy. - Civilization: Architecture, science, medicine, mathematics, astronomy, education, libraries, trade, art, literature, governance. - Personalities, Institutions & Intellectual Traditions: Prophets, Companions, scholars, leaders, scientists, mosques, madrasas, universities, libraries, Kalam, philosophy, Usul, linguistics, logic, and historiography. 5. Navigation & Reading Provide powerful search across articles, Qur'an, Hadith, scholars, figures, places, events, terminology, topics, and references, with suggestions, filters, breadcrumbs, related topics, and recently viewed content. Include a thumb-friendly floating navigation panel with TOP, BOTTOM, UP, DOWN, AUTO-SCROLL, SLOW, MEDIUM, FAST, 1/2, and 1/4 controls. Ensure keyboard accessibility, ARIA support, large touch targets, and zero obstruction of content. Use comfortable reading widths, generous spacing, citation markers, expandable notes, collapsible sections, progress indicators, contextual navigation, and atmospheric dark backgrounds. 6. Technical & Performance Standards Use semantic HTML, modern CSS, efficient JavaScript, CSS custom properties, modular architecture, lazy loading, responsive images, caching, code splitting, progressive enhancement, and lightweight GPU-friendly animation. The system must remain fast and maintainable as content expands indefinitely. 7. Scholarly Integrity Present differing scholarly positions respectfully. Explain evidence, historical context, major scholars and schools, and distinctions between established facts and disputed interpretations. Avoid polemics and unsupported claims. The final product should feel like a timeless digital Islamic institution and living scholarly library, combining depth, accuracy, accessibility, visual excellence, peaceful motion, and long-term scalability.

A system prompt was added to support web rendering