Imam Mohammed Elfarooqui: design directions

Each direction is a full single-page draft with Home, About, Teaching, Q&A, Speaking and Contact. Photos are placeholders, and forms show their confirmation messages but don't send anything yet.

Up next

D: Up next

The weekly-schedule idea without the sticky photo. Name and welcome sit beside a rounded portrait, with this week's classes underneath. White and maroon.

“Learn it and teach it.”

E: Ḥadīth

A full-screen photo with one ḥadīth about teaching, then elegant serif headings throughout. Quiet olive tones.

Gallery

F: Gallery

A row of three photos with a centred name below, then series as large course rows with class times. White and navy.

This week

A: This week, sticky photo

The original "This week" layout, with the portrait held still on the left while the page scrolls.

Seasons

B: Series as seasons

A very large name, and each lecture series shown like podcast cover art in its own colour.

Mihrab

C: The arch

Indigo and brass, with the mihrab arch framing the portrait. Set in Cormorant Garamond and Source Sans 3.