Iqra is a masonry-layout Islamic school landing page template built for full-day K-12 schools that unite Quranic formation with academic excellence. Set in a warm Desert Rose palette, it guides families from a sacred calligraphy hero through a founder's narrative, daily-life tile grid, and expandable curriculum cards, closing with a curriculum guide download form.
by Rocket studio
Loading preview…
Quick summary
The Iqra template gives Islamic schools a single, scrollable landing page that moves families from first impression to enrollment inquiry. Its masonry design flows through a calligraphy manifesto, a founder's story, a daily-life tile grid, illuminated curriculum cards, and a lead-capture form, all held together by a Desert Rose color system that feels like a desert garden at maghrib.
Who this template is for
This template is built for full-day Islamic schools that take both deen and academic achievement seriously. Teachers, administrators, and school founders who want a landing page that earns trust before asking for commitment will find it especially useful.
First-generation immigrant families weighing deen alongside rigorous academics for their children
Converts seeking structured Islamic education they never had access to themselves
Dual-income professionals who need a full-day program and will not compromise on tarbiyah or quality teaching
What problem this template solves
Most Islamic school websites feel like one of two things: a sterile academic brochure or an informal masjid notice board. Neither speaks to families who want their students to learn Quran and also thrive in STEM, arabic language studies, and the arts.
Schools lose prospective families because their pages never show daily life or explain the curriculum clearly
Weekend masjid classes and Monday classrooms feel like separate worlds, this template makes the case that they are one path
Busy parents browsing on a phone during school pickup need a fast, friendly experience that answers the right questions in the right order
What you get with this template
You get a fully designed, single-page layout with every section planned and styled. The design is grounded in sacred manuscript aesthetics and modern editorial clarity, ready for a school to adapt and launch.
A calligraphy hero section, founder narrative block, masonry daily-life grid, expandable curriculum cards, and a lead-capture enrollment form
A Desert Rose color system with sandstone, henna rose, parchment cream, calligraphy ink, and soft gold, set and ready to use
Theme
Educational Guide
Creative direction
Origin Story
Color system
Desert Rose
Style
Masonry/Pinterest
Direction
Content/Resource
Page Sections
Thuluth Calligraphy Hero and Manifesto
Founder Narrative with Pull Quote
Masonry Daily-life Tile Grid
Illuminated Expandable Curriculum Cards
Lead-capture Form with Dual Conversion Paths
Scroll-reveal Animations and Mobile-first Layout
Related questions
Can I adapt this template for different school ages and grade levels?
How does the lead-capture form work?
Does the template include space for parent and student testimonials?
Can teachers and staff update the template content without a developer?
Is this template suitable for Ramadan enrollment campaigns?
Mobile-first layout built for parents reading on phones, with scroll-reveal animations and a persistent floating call-to-action button
Feature list
This section walks through the core design and functional features included in the Iqra template.
Calligraphy Hero and Manifesto Section
The header opens with the word "Iqra" rendered in sweeping thuluth calligraphy in henna rose against parchment cream. Beneath it, the full ayah appears in English: "Read, in the name of your Lord who created." A three-line serif manifesto declares the school's founding promise, that knowledge of Allah and knowledge of the world are a single path, not parallel tracks. No photos compete with the words; the design lets sacred text carry the full weight of the first impression.
Founder's WHY Narrative Block
An asymmetric split layout presents the founder's story with a pull quote set in display type. This section addresses the gap between weekend masjid classes and Monday morning classrooms directly. Teachers and school leaders can speak plainly about why this school exists, helping families understand the mission before they see a single program detail.
Masonry Daily-Life Tile Grid
Eight varied-size tiles cascade in a Pinterest-style masonry grid, each one a window into school life. Tiles show students learning, teachers guiding, and community moments, a girl in hijab at a microscope, a boy's hand moving across a Quran stand, a science fair board beside a tajweed chart. Parent testimonials and enrollment stats are embedded between tiles, offering social proof at the moment families are most engaged.
Illuminated Curriculum Cards
Four expandable cards styled after illuminated manuscript pages present the school's curriculum pillars: Hifz Program, STEM Integration, Arabic Language Immersion, and Character Formation. Each card expands to reveal program details, giving families the information they need to feel confident. The card design uses the full Desert Rose palette and Fraunces serif display type for a look that feels both scholarly and warm.
Lead-Capture Enrollment Form
After the curriculum section, when trust is highest, a focused form invites families to download the school's curriculum guide. It requires only a first name and email address, keeping the barrier low. A secondary path offers families the opportunity to book a virtual open house session with a date picker. A persistent floating button in soft gold labeled "Begin Your Child's Journey" anchors to the form throughout the scroll, so families never lose their way back.
Page sections overview
Section
Purpose
Calligraphy Hero
Opens with sacred thuluth calligraphy and school manifesto
Founder's WHY
Asymmetric narrative explaining the school's founding mission
Daily Life Grid
Masonry tiles showing students, teachers, and school community
Curriculum Pillars
Expandable illuminated cards for each program area
Enrollment Form
Curriculum guide download and virtual open house booking
Footer
Linear single-row footer with key links
Design & branding system
The design language blends sacred manuscript tradition with modern editorial layout. Every color and typographic choice is intentional, evoking the warmth of a desert courtyard at dusk.
Desert Rose palette: sun-warmed sandstone (#D4A574), deep henna rose (#8B3A4A), parchment cream (#FAF3E8), calligraphy ink (#2C1810), and soft gold (#C9A96E) for icons and interactive highlights
Typography uses Fraunces serif for display headings and DM Sans for body text, paired with custom Arabic SVG elements to honor the arabic language visually
Scroll-reveal animations, masonry stagger transitions, and expandable card interactions add life without distracting from the content
Mobile & speed optimization
This template is built mobile-first because most families will arrive on a phone, browsing between school pickup and isha prayer, with only a few minutes to decide whether to read more. The layout adapts naturally from small screens up.
The masonry grid reflows gracefully for smaller viewports, keeping tiles readable and visually engaging at every screen size
Server Components handle static sections for speed; interactive elements like the enrollment form and expandable curriculum cards use Client Components
The floating "Begin Your Child's Journey" button stays visible throughout the scroll on all devices, so the primary call to action is never out of reach
How this template helps you convert
The page earns trust before it asks for anything. By the time a family reaches the enrollment form, they have walked through the school's founding vision, daily life, and curriculum in sequence.
The calligraphy manifesto and founder's WHY establish credibility and emotional resonance early, so families feel the school's conviction before they read a single program description.
The masonry grid with embedded testimonials and enrollment stats provides the social proof that turns interest into confidence, helping families picture their students here.
The curriculum guide download removes friction from the first conversion step. One name and one email address is all it takes to save the guide and continue the conversation at a time that suits the family.
Other information about this template
The Iqra template is well suited to schools preparing for Ramadan open days, annual seminar events, or year-round enrollment cycles. It can support a blog link in the footer, giving schools the opportunity to share reading lists, journal prompts, and gratitude reflections with their community throughout the year. Schools can store collected leads directly from the form and follow up by email. The design set works for any school year launch and can be adapted as the program grows.
The Iqra Sacred Learning Islamic School Landing Page Template is listed in the Community and Nonprofit category, Mosque and Islamic Center subcategory
Advice for schools new to digital enrollment: the curriculum guide download is a low-commitment entry point that consistently outperforms direct "apply now" calls to action on first visits
The template supports schools that hold guided parent information sessions, virtual open house sessions per week, or annual award and competition events that motivate students across ages and year groups
Islamic educational products such as books, journals, and course materials pair naturally with this landing page, schools can point families toward supplementary reading resources using the footer or a linked blog
The sunnah of seeking knowledge is woven into the template's founding message, connecting salvation through learning with the everyday work of teaching
