The mark, the palette, the type.
How Noorani is drawn, named, coloured, and typeset. If you're writing about Noorani or distributing the browser, start here.
The mark
The Noorani mark is a rub el hizb — an eight-point Islamic star formed by two overlapping squares rotated 45° to one another. It is a historical symbol used to mark quarters in Quranic manuscripts, and it remains one of the most recognisable forms in Islamic geometric design.
Our mark is drawn with a central dot, two outline squares in gold, and (in its filled form) an inner star in deep gold. It is intended to be readable at sizes as small as 16 pixels and as large as a storefront window.
Colour palette
Paper is the canonical background. Ink is the canonical text colour. Gold is used for emphasis — the one-word italic accent in headlines, interactive element states, the mark itself. The palette is deliberately warm and unsaturated; it evokes paper and ink, not screens.
Typography
Variable · OFL
Variable · OFL
Fraunces (Undercase Type) carries all display copy. Its optical-size, SOFT, and WONK axes are used deliberately — larger sizes use opsz 144, SOFT 30, and the one-word italic accent adds WONK 1 for a slightly softer serif. Inter (Rasmus Andersson) carries body text.
Wordmark
The Noorani wordmark is Fraunces at opsz 30, SOFT 30, weight 500. Tracking -0.01em. Pair with the mark using a 12px gap when both appear together.
Do's & Don'ts
Do:
- Use the provided SVGs at any size
- Maintain breathing room — at minimum, 0.5× the mark's diameter on all sides
- Use the monochrome mark on busy backgrounds
- Invert (paper on ink) for dark backgrounds
Don't:
- Recolour the mark to non-brand colours
- Stretch, skew, or rotate the mark arbitrarily (slow rotation in animation is fine)
- Add effects — drop shadows, bevels, gradients that aren't in the approved palette
- Recompose the wordmark in a different typeface
- Use the mark in a way that implies endorsement we haven't given
Downloads
Need another format or a bundled press pack? Email us with [BRAND] in the subject.