How this works. These pages are for review only — they carry noindex, they are not linked from the public navigation, and the whole “Design options” menu is deleted once the designs are signed off. Nothing here is part of the finished site.
Colour Palettes
Terracotta, emerald, midnight, teal or charcoal — with a live switcher and a recoloured logo for each.
Homepage Slider
Six working treatments — how a slide changes, where the copy sits, and what the visitor can control. Including the option of no slider at all.
Heading Typefaces
The site is set in one family throughout. Four heading faces — Poppins as it stands, plus three serifs — shown on real content, with what is wrong with each.
Prayer Time Display
Tiles, dark board, compact bar, split, classic table or progress ring. All live on the same data.
Homepage Treatments
A Light, B Rich, C 3D & Board — three band rhythms for the same content.
Hero Styles
Full-bleed photo, split collage, dark gradient, copy beside the prayer board, terracotta panel, or quiet and bordered.
Service & Course Cards
Photograph cards, icon rows, numerals, top accent, dark and gold, letter badge, corner ribbon, split colour.
CTA & Donation Bands
Centred, split, photographic, outlined, gold rule, bronze, dual choice, or a slim contact strip.
Announcement Bars
Bronze, terracotta, cream, dark, dashed outline or gradient.
Course & Service Listings
Card grid, horizontal rows, bento mosaic, scroll-snap carousel, marquee, accordion, hover-reveal tiles or overlapping badges.
Testimonial Styles
Card grid, one large quote on dark, minimal gold rule, avatar rows, top-bar cards, or a centred pull quote.
Footer Styles
Four columns, centred compact, a prayer-times strip above the footer, or a single light row.
Not included
What we left out
The foundation kit ships 80 component variants. These were built for an online course business and do not belong on a masjid site:
- Countdown timers — manufacture urgency. Wrong for charitable giving.
- Coupon codes — there are no discounts on a masjid site.
- Newsletter capture — duplicates the membership form.
- “Us vs others” comparison — a masjid does not compete with other masjids.
- Glassmorphism cards — fail contrast over photography.
- Sticky bottom bar — covers content on phones.
- Pricing tables — courses are enquiry-only, so there is nothing to price.
If you want any of these after all, say so and we will build it.