Media Toolkit

Darul Ihsaan - Brand Media Kit

Darul Ihsaan Brand Media Kit

Official brand resources, guidelines, and media assets

Colors Typography Logos Media Assets Guidelines

Brand 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 Copy

Typography

Our typography system ensures consistency and readability across all communications.

Roboto Primary font for headings and body text The quick brown fox jumps ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
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 Main Logo PNG • Full Color • Transparent Background Download PNG White Logo White Logo PNG • White • For Dark Backgrounds Download PNG Alternative Logo Alternative Logo PNG • Alternative Version Download PNG Icon Logo 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 PDF

Brand Guidelines

Please follow these guidelines to maintain brand consistency and integrity.

Logo Usage

Our 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
✗ Don't
  • Stretch or distort the logo
  • Change logo colors
  • Add effects or shadows
  • Rotate or tilt the logo
Color Usage

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 Guidelines

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
Image & Media Guidelines

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
Copied to clipboard!