Media Toolkit
Darul Ihsaan Brand Media Kit
Official brand resources, guidelines, and media assets
Colors Typography Logos Media Assets GuidelinesBrand Colors
Our color palette reflects our values of trust, warmth, and compassion. Click any color value to copy it to your clipboard.
Primary Teal HEX Copy RGB 53, 134, 139 Copy Accent Gold HEX Copy RGB 197, 153, 39 Copy Dark Navy HEX Copy RGB 6, 20, 35 Copy Pure White HEX Copy RGB 255, 255, 255 CopyTypography
Our typography system ensures consistency and readability across all communications.
Roboto Primary font for headings and body text The quick brown fox jumps ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
0123456789 Roboto Slab Secondary font for emphasis and special headings The quick brown fox jumps ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 Aref Ruqaa Arabic text and culturally significant content دار الإحسان Traditional Arabic calligraphic style for authentic cultural representation
Logo Variations
Download our official logos in various formats. Always maintain proper spacing and never alter the logo proportions.
Main Logo
PNG • Full Color • Transparent Background
Download PNG
White Logo
PNG • White • For Dark Backgrounds
Download PNG
Alternative Logo
PNG • Alternative Version
Download PNG
Icon Logo
PNG • Icon Only • Social Media
Download PNG
Media Assets
Video and document resources for your media productions and publications.
▶ Intro Video MP4 • 4.43 MB • HD Quality Download Video ▶ Outro Video MP4 • 880 KB • HD Quality Download Video 📄 Brand Document PDF • Official Documentation Download PDFBrand Guidelines
Please follow these guidelines to maintain brand consistency and integrity.
Logo UsageOur logo is the cornerstone of our brand identity. Please respect these guidelines:
✓ Do- Maintain clear space around the logo
- Use approved color variations
- Ensure minimum size requirements
- Keep proportions intact
- Stretch or distort the logo
- Change logo colors
- Add effects or shadows
- Rotate or tilt the logo
Consistent color usage strengthens brand recognition:
- Primary Teal (#35868b) - Use for main headlines, primary buttons, and key branding elements
- Accent Gold (#c59927) - Use sparingly for emphasis, call-to-action elements, and highlights
- Dark Navy (#061423) - Use for body text, backgrounds, and creating contrast
- White (#ffffff) - Use for backgrounds, text on dark surfaces, and creating breathing room
Typography hierarchy and usage recommendations:
- Headings: Use Roboto Bold (700) for main headings, sizes 32-48px
- Subheadings: Use Roboto Slab SemiBold (600) for section headings, sizes 24-32px
- Body Text: Use Roboto Regular (400) for body copy, size 16-18px, line height 1.6-1.8
- Arabic Content: Use Aref Ruqaa for authentic cultural representation
Best practices for using imagery and media:
- Use high-quality, authentic photographs that represent our community
- Maintain aspect ratios when resizing images
- Ensure proper attribution for stock photography
- Videos should include our intro/outro when appropriate
- Always obtain proper consent when featuring individuals
