Let’s talk

Free

Madad

Bilingual charity website template: 3 home directions, 23 pages each, 324 Desktop and Mobile screens in Arabic and English, with a clickable prototype.

Get it free

Free · CC BY 4.0 · Lifetime updates

Need it customised? View on Behance
VERSION
v1.0
PAGES
23
BREAKPOINTS
1440 / 390
PLATFORMS
Figma
LICENSE
CC BY 4.0
Madad — Charity & donations website

Click any image to open the full-size gallery

Madad — screen 1

Giving you can see arrive.

Madad is a charity, waqf and zakat website built three times over: a classic institutional site, a night-time story where every campaign is a window you light, and a logistics story where every gift ships with a tracking number.

Every direction has 23 pages in Arabic and English, Desktop and Mobile, on one design system with 53 component sets and 191 variables, a 12-flow prototype, and a Motion spec ready for Framer.

What’s included

  • 3 complete website directions on one design system: General, Light a home, Track your gift
  • 23 pages per direction, in Arabic (RTL) and English (LTR), Desktop 1440 + Mobile 390
  • 4-step donation flow with a thank-you page and a shareable gift card
  • Donor portal with receipts, sponsorships and gift tracking
  • Sponsorship, waqf and zakat pages, each with its own detail page or calculator
  • Careers, job detail with apply form, 404, thank-you, privacy & terms, licenses and style guide
  • 48 state frames: scrolled header, open menus, form errors, sending, success, payment failed, no results, empty portal
  • Prototype with 12 flows, full navigation and an Arabic/English switch on every page
  • Motion spec, CMS field tables, SEO per page, favicon and OG images, ready for Framer

Included pages

  • Home
  • Campaigns
  • Campaign detail
  • Donation flow
  • Sponsorship
  • Sponsorship detail
  • Waqf
  • Waqf detail
  • Zakat
  • About
  • Transparency
  • News
  • Article
  • Volunteer
  • Careers
  • Job detail
  • Contact
  • Donor portal
  • Thank you
  • Privacy & terms
  • Licenses
  • Style guide
  • 404

Perfect for

  • Charities and humanitarian NGOs
  • Waqf and endowment foundations
  • Zakat and sadaqah funds
  • Orphan and student sponsorship programs
  • Agencies building Arabic-first nonprofit sites

Everything you need,
nothing you’ll delete.

Screens
324
Desktop 1440 + Mobile 390, in Arabic and English.
Home directions
3
General, Light a home and Track your gift — each a complete site.
Component sets
53
RTL and LTR variants, with hover states.

From file to live site in three steps.

  1. 01

    Open it in Figma

    Click Get it free and duplicate the file to your drafts.

  2. 02

    Make it yours

    Change the brand color and fonts in the variables — every page follows.

  3. 03

    Launch

    Build it in Framer (remix when available) or hand it to your developer.

Built like a product, not a mockup.

  • Real design system

    Variables with code syntax, text styles and components with every state.

  • Desktop + Mobile

    Every page at 1440 and 390, built section by section.

  • Animated prototype

    Intros, hovers, menus and flows ready to present.

  • Real content

    Written copy and real layouts — nothing to replace.

  • Docs inside

    A getting-started page that explains the file in minutes.

  • Updates

    Fixes and new pages land on the same Community file.

Kept up to date.

  1. v1.0

    Latest

    First release on Figma Community.

Questions about
Madad

Ask a question
Can I use Madad for client work?

Yes. It is licensed under CC BY 4.0 — commercial use is fine as long as you keep the credit included in the file.

Is there a Framer version?

Not yet. Join the newsletter to hear when it’s ready.

Which fonts does it use?

Madad uses Alexandria + IBM Plex Sans Arabic.

Are the templates free or paid?

Some are free and some are paid — every template shows its price. Free templates stay free.

Is this a subscription? Will I be charged again?

No. Paid templates are a one-time payment — no subscription, no recurring charges.

Do I get updates?

Yes. Every template includes all future updates, for life, at no extra cost.

Do I need a paid Figma or Framer plan?

Figma: a free account is enough to duplicate and edit the file. Framer: you can remix and edit on the free plan; publishing on your own domain needs a paid Framer site plan.

Are the templates beginner-friendly?

Yes. Every file is organized around a design system with a getting-started page — no code needed.

Are there Arabic templates?

Yes — Wajha and Marsa are fully Arabic and right-to-left. More are on the way.

What’s your refund policy?

Because templates are digital files, we don’t refund change-of-mind purchases. If a template is broken or not as described and we can’t fix it, contact us within 14 days of purchase for a full refund.