Guide

Islam.wiki — Brand Guide

Colors

Name	Hex	Use
Light	#C9F27A	Highlights, accents on dark bg
Mid	#79C24C	Primary brand, interactive elements
Dark	#1E5E2F	Backgrounds, icon variants
Deep	#0D2F17	Page background, PWA background

Typography

• Heading: Geist — Bold
• Body: Geist — Regular
• Arabic: Amiri Quran — Regular (RTL)
• Code/mono: Geist Mono

Icon

The icon is an open book with a magnifying glass — representing Islamic knowledge discovery. Green-themed to match the Ummeco palette.

Usage

• Use the transparent-background icon directly on any surface
• Use rounded-dark/ variant for Android/iOS home screen icons
• Use circle-pad/ for platforms that apply their own circular crop
• Minimum display size: 32×32px

Asset Types

Type	Exists	Notes
Icon	Yes	Square mark, edge-to-edge, 1024px source
Logo (horizontal)	No	Icon-only brand for now
Logo (stacked)	No	Not applicable
Wordmark (text only)	No	Not applicable
Coin/medallion	No	Not applicable

PWA / App Icons

File	Use
icon-192.png	Android home screen
icon-512.png	Splash screen, app stores
icon-maskable.png	Android adaptive icon (74% canvas, rounded-dark bg)
apple-touch-icon.png	iOS Safari bookmark (180px)
favicon.ico	Browser tab (64/48/32/16 multi-layer)

What Not to Do

• No drop shadows on the icon
• No stretching or skewing (maintain aspect ratio)
• No recoloring the icon
• No placement on low-contrast backgrounds