Skip to content
Zafar Foundation
Donate
Zafar Foundation

Design patterns · Section 11 of 14

Calls to action

Ten banners that ask visitors to support the current appeal, give Zakat or donate monthly. Click View code under any design to see its HTML, or Copy HTML to paste it into a page.

Calls to action · Design 01

Split photo and teal panel

The site's appeal banner: an edge-to-edge photo on the left, a teal panel with donate and Zakat buttons and three reassurances on the right.

Children with school bags walking along a tree-lined path in early morning light

Support the current appeal

Your donation goes to practical help for people facing hardship in Pakistan and the UK.

Donate now Give Zakat
  • Give once or set up a monthly gift
  • Zakat and Sadaqah are kept separate
  • Gift Aid adds 25p to every £1 for UK taxpayers

Calls to action · Design 02

Centred ink band

A centred band on ink with a marigold icon badge, for visitors who have not picked a cause: give a general donation or compare causes.

Not sure which cause to choose?

A general donation is used wherever the need is greatest. Zakat and Sadaqah can also be given directly and are kept separate from other funds.

Give a general donation Compare our causes

Calls to action · Design 03

Marigold fundraising band

A marigold band with ink text inviting supporters to fundraise, with the three steps beside the headline.

Fundraise for us

Turn something you enjoy into support for a cause

Tell us your plan Other ways to help
  1. 1

    Pick an activity: a run, a bake sale, a climb, an iftar, a birthday without presents.

  2. 2

    Tell us what you are planning so we can suggest a cause and share your page.

  3. 3

    Ask friends, family and colleagues to sponsor you, and send us the total when you finish.

Calls to action · Design 04

Card over photo

A white card floating over a full-bleed photo (stacked under the photo on phones) asking for gifts to one cause.

Farmers loading harvested wheat onto horse-drawn carts in a sunlit field

Food distribution

Food parcels for families facing hunger

Each food parcel holds the staples a household cooks with every day: flour, rice, sugar, cooking oil, dates and pulses.

Give to food distribution How this cause works

Calls to action · Design 05

Slim Gift Aid strip

A single slim line on water tint: an icon, the Gift Aid promise and one small button, for use between other sections.

Gift Aid adds 25p to every £1 you give, at no cost to you, if you pay UK tax.

How Gift Aid works

Calls to action · Design 06

Dual donate and Zakat

Two edge-to-edge halves, teal for the current appeal and ink for Zakat, each with its own action.

Ways to give

Donate to the current appeal

Food parcels, hand pumps for clean water, and support with medical and other essential needs for families in Pakistan.

Donate now See all our causes

Give your Zakat

Zakat is 2.5% of qualifying wealth above nisab. It is distributed to eligible recipients and kept separate from Sadaqah.

Give Zakat Calculate your Zakat

Calls to action · Design 07

Full-bleed photo with scrim

A centred appeal for one cause over a full-width photo under an even dark scrim.

People wading through floodwater carrying belongings past submerged trees

Emergency relief

When a crisis hits, the first need is practical

Food, clean water, shelter and medicine, delivered quickly when a flood, extreme weather or a sudden loss of income puts families at risk.

Give to emergency relief How we respond

Calls to action · Design 08

Inset card on smoke

A rounded teal card inset on smoke, with copy and a checklist on one side and a photo filling the other.

Volunteer

Time and skills are as valuable as money

Help in Sheffield, or share professional skills remotely.

  • Events and collections in Sheffield
  • Packing and logistics
  • Professional skills (design, accounts, translation, IT)
Register your interest Other ways to get involved
A statue in Weston Park in front of a red-brick university building

Sheffield, England

Calls to action · Design 09

One-off or monthly cards

A centred heading over two cards, a white one for one-off gifts and an ink one for monthly gifts, each with preset amount links.

Give once, or every month

Choose an amount to open the donation page with it selected. UK taxpayers can add Gift Aid at no extra cost.

One-off gift

A single donation to the current appeal, a cause, or as Zakat or Sadaqah.

Give once
Cancel at any time

Monthly gift

Regular gifts let us plan ahead and respond quickly when a family needs help.

Give monthly

Calls to action · Design 10

Minimal text and links

No buttons or images: a large question between two rules, answered by three plain arrow links to email, phone and the contact page.

Questions about a donation, a cause or our work?

There is a person to talk to. Questions are answered by email or phone.