Brand guidelines
The mark
The signature mark is the heart of the identity: a single calligraphic gesture built on the alif. Give it room, keep it one solid colour, and never re-draw or stretch it. Download whichever colourway fits the background.
The lockup
For headers and covers, stack the mark over the name in Jost, uppercase, widely letterspaced. Keep the spacing as shown. The SVG is editable; the PNG is baked and needs no fonts installed.
App & favicon
For avatars, app icons and the browser tab: the cream mark on the near-black rounded square. Do not place the bare mark on a coloured tile; use this lockup.
Colour
Warm, earthen, low-glare. Ivory grounds the page, camel and gold carry the accents, near-black anchors the dark bands. Click any swatch to copy its hex.
Grounds
Accents
Ink & dark
Text & detail
Type
Cormorant Garamond for display, EB Garamond for reading, Jost for the small uppercase labels. Nothing else.
Display — Cormorant Garamond
Aa Bb Cc — 400 / 500 / 600 & italic
You were never meant to carry Islam.
Headlines, pull quotes, the name. Set large, let it breathe.
Body — EB Garamond
Aa Bb Cc — 400 / 500 & italic
A set of principles you can actually carry, so the relationship is finally yours.
Running text, ledes, answers.
Label — Jost
Aa Bb Cc — 400 / 500 / 600
A forthcoming book
Eyebrows, buttons, the name in the lockup. Uppercase, letterspaced ~.34em.
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=Jost:wght@400;500;600&display=swap" rel="stylesheet">
All three are free on Google Fonts: Cormorant Garamond ↗ · EB Garamond ↗ · Jost ↗
Icon system
One thin-line voice drawn from the mark: single weight, rounded ends, always inheriting the brown-gold. The Lancet is the chosen arch; on the site a small icon sits above each section eyebrow. Click any icon to save it as a PNG, or grab the whole set below.