Brand guidelines

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
#FAF7F2
Paper deep
#F2ECE0
Ink
#1A1712
Ink soft
#4A453C
Gold
#B8892B
Gold deep
#8E6918
Gold wash
#EFE3C4
Rule
#E4DDCE

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

Display
Fraunces
Variable · OFL
A browser that knows your five.
Body
Inter
Variable · OFL
Noorani is a desktop browser built around how Muslims live online. Prayer times, Qibla, the Hijri calendar, thoughtful filtering, and privacy taken seriously — woven into the browser itself, not bolted on as a widget.

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:

Don't:

Downloads

Need another format or a bundled press pack? Email us with [BRAND] in the subject.