Overview

AMAADOR ISLAM

Brand guidelines for baby-steps-islam.com -- part of the AMAADOR Corporation Suite. High-contrast luxury monochrome: deep glossy black, marble white, polished chrome. Premium through restraint.

Do: use the mark on dark or white backgrounds only, keep clear space equal to the mark's height.
Don't: recolor the mark, stretch it, or place it on busy imagery.

Colors

Color System

Click any swatch to copy its value.

Backgrounds

--bg-void#040508

--bg-base#07080F

--bg-raised#0C0D18

--bg-elevated#111220

Borders

--border-subtlergba(255,255,255,.05)

--border-defaultrgba(255,255,255,.09)

--border-strongrgba(255,255,255,.16)

Text

--text-primary#F2F3FA

--text-secondary#B8BAD0

--text-tertiary#6E7090

--text-disabled#3A3C52

Chrome

--chrome-mid#9496AA

--chrome-bright#C8CAD8

--chrome-shine#E8EAF0

Accent

--accent#1A5C6B

Typography

Type Scale

Poppins for UI, Lora for display. Tajawal for Arabic content.

62px / 700 -- Display / Hero H1

42px / 700 -- Hero subtitle

30px / 600 -- Page subtitle

22px / 600 -- Section heading

17px / 400 -- Lead paragraph

15px / 400 -- Body copy

أماادور

Tajawal -- Arabic display

Components

Live Components

Badge

128

Eyebrow label

Card title

Card body copy sample.

Voice

Writing Principles

1) Precise, never breathless. 2) Confident, not salesy. 3) Respect the reader's time -- lead with the answer.

Good: "Calculate your exposure in under a minute."

Avoid: "Unlock the ultimate game-changing revolution!"

Downloads

Brand Assets

Logo (white, 2x)PNG Logo (dark)PNG Mark (512px)PNG Presentation templatePPTX PaletteCSS PaletteJSON Email signatureHTML

Imagery

Image Style

1) Dark, low-saturation photography only. 2) No stock-photo gloss or busy backgrounds. 3) Prefer editorial crops with negative space for text overlay.