Professional services
Charity foundation
A warm, trustworthy website for a charity foundation with causes, donation levels, transparency reports and a volunteer form.
Make it yours
Type your details. The preview and the recipe you copy change as you type.
Saved on this device only. No links are kept in these boxes.
Copy the recipe
The headings and the first line of each part. Copy the recipe to get every word.
What is inside the recipe
- 01Goal and audienceBuild a complete, ready to publish website for "Open Hands Foundation", charity foundation business in Kuwait.
- 02Stack and setupUse plain HTML, CSS and a little JavaScript, or Next.js with Tailwind if your tool prefers it. Mobile first.
- 03Design systemStyle: Clean light. Follow these exact values.
- 04Page structureOne page, sections in this exact order.
- 05HeroThe first screen. Use this copy exactly.
- 06Section: ServicesShow these services as a clear, scannable list or grid. Use the exact wording.
- 07Section: PackagesShow the price options side by side on large screens and stacked on phones. Mark the middle one as the best choice.
- 08Section: How it worksShow the steps in order with big step numbers.
- 09Section: NumbersShow these numbers large, in one row.
- 10Section: ReviewsShow three customer reviews as quotes. These are invented samples: label them as examples until real ones replace them.
- 11Section: QuestionsMake an accordion using the native details and summary elements.
- 12Section: BookingAdd a short booking form that ends in a WhatsApp message.
- 13Section: ContactShow the contact details with large tap targets.
- 14FooterA simple footer with the brand, a short line and quick links.
- 15Components and interactionsBuild these behaviours, and keep the code small and readable.
- 16Arabic and right-to-leftThe site must work fully in Arabic, not just in English.
- 17AccessibilityMake it usable by everyone.
- 18Search and sharing basicsAdd the basics so the site can be found and shared.
- 19PerformanceIt should feel instant on a slow phone connection.
- 20Advice for this kind of businessReal owners care about these points. Reflect them in the copy and layout.
- 21Do notAvoid these mistakes.
- 22How the owner customises itFinish by adding a short guide for the owner in a README or an HTML comment.
- 23Done whenCheck each line before you say the website is finished.
What you get
- A complete brief for a charity foundation website with 8 sections, from hero to contact
- Exact colours, fonts and spacing for the clean light look
- Every line of copy written for you, in English and Arabic
- Right-to-left rules for the Arabic version
- A WhatsApp booking flow and a checklist to know it is finished
Questions about this recipe
What does the charity prompt build?
A warm trustworthy site with causes, donation levels, impact figures and a volunteer form.
Which photos should I use?
Respectful photos taken with consent. Never show faces of beneficiaries without permission.
Can I change the prices and the brand name?
Yes. Every price, name and phone number sits in the copy of the prompt, so you can swap them before you paste it. The Charity foundation brand shown is invented.
Is an Arabic version included?
Yes. The prompt asks for an English site with a full right-to-left Arabic version and a language switch, written naturally for the Gulf.
More recipes you may like
Build it step by step in the course
Not sure how to use a recipe? The free course walks you through it, one small step at a time.