The Prompt BakeryTemplates and prompts
العربيةSign in

Events and creative

Marketing agency

A bold dark website for a small marketing agency with monthly packages, a clear process and a form that starts a free audit.

  • LevelIntermediate
  • LookBold dark
  • LanguagesEnglish and Arabic
  • Sections9

Learn to build this

Want to understand it, not only copy it? The free course shows how this kind of website is made, one small step at a time.

  • What a web page is made of
  • How the pieces connect
  • How to change it safely

Start the free course

Read next

Download it

Two ways to get exactly this website. Choose one.

A. Download the zip

This template has no zip file. Use option B and your AI tool builds the files, or start from one of the download kits.

See the download kits

B. Let your AI tool build it, exactly the same

This prompt describes every section, every word, every colour and every behaviour of this template. Paste it into an AI coding tool and it builds the same website.

You have used your free copies for today

Free visitors can copy three different prompts every 24 hours. Create a free account to keep going.

  • Copy as many prompts as you need
  • Save your favourites and find them again
  • It is free, and takes under a minute
Create a free accountI already have an account
What is inside the prompt

The headings and the first line of each part. Copy the prompt to get every word.

  1. 01Goal and audienceBuild a complete, ready to publish website for "Loud Lantern", marketing agency business in Kuwait.
  2. 02Stack and setupUse plain HTML, CSS and a little JavaScript, or Next.js with Tailwind if your tool prefers it. Mobile first.
  3. 03Design systemStyle: Bold dark. Follow these exact values.
  4. 04Page structureOne page, sections in this exact order.
  5. 05HeroThe first screen. Use this copy exactly.
  6. 06Section: ServicesShow these services as a clear, scannable list or grid. Use the exact wording.
  7. 07Section: How it worksShow the steps in order with big step numbers.
  8. 08Section: PackagesShow the price options side by side on large screens and stacked on phones. Mark the middle one as the best choice.
  9. 09Section: GalleryMake a gallery grid of image frames. Use tinted placeholder blocks with a caption until real photos are added.
  10. 10Section: NumbersShow these numbers large, in one row.
  11. 11Section: ReviewsShow three customer reviews as quotes. These are invented samples: label them as examples until real ones replace them.
  12. 12Section: QuestionsMake an accordion using the native details and summary elements.
  13. 13Section: BookingAdd a short booking form that ends in a WhatsApp message.
  14. 14Section: ContactShow the contact details with large tap targets.
  15. 15FooterA simple footer with the brand, a short line and quick links.
  16. 16Components and interactionsBuild these behaviours, and keep the code small and readable.
  17. 17Arabic and right-to-leftThe site must work fully in Arabic, not just in English.
  18. 18AccessibilityMake it usable by everyone.
  19. 19Search and sharing basicsAdd the basics so the site can be found and shared.
  20. 20PerformanceIt should feel instant on a slow phone connection.
  21. 21Advice for this kind of businessReal owners care about these points. Reflect them in the copy and layout.
  22. 22Do notAvoid these mistakes.
  23. 23How the owner customises itFinish by adding a short guide for the owner in a README or an HTML comment.
  24. 24Done whenCheck each line before you say the website is finished.

Where to paste it

  • ClaudePaste it in a new chat. For files, use Claude Code and run it in an empty folder.
  • ChatGPTPaste it in a new chat and ask for every file in separate code blocks.
  • GeminiPaste it in a new chat and ask for every file in separate code blocks.
  • CursorOpen an empty folder, paste it in the agent chat and let it create the files.

What to do after the AI answers

  1. Ask the AI to give you all the files, then save them in one folder with the same names.
  2. Open index.html in your browser and compare it with the preview here.
  3. If something is different, tell the AI exactly what, in one short sentence.

Read next

Make it yours

Put your own name, area, phone and colours in. The preview and the prompt in step 2 change as you type.

Make it yours

Type your details. The preview and the prompt you copy change as you type.

Main colour

Saved on this device only. No links are kept in these boxes.

Make it a real websiteEdit every word, then get a free live link for 7 days.

Replace the photos

  • Use your own photos. They look far better than the drawings.
  • About 1600 pixels wide and 150 KB each. Compress them first.
  • Keep the main subject near the middle: the frame crops the edges.
  • Write a short description for each photo (the alt text), in English and Arabic.

Read next

Launch it

Three jobs, in this order. Each one has a short guide.

Read next

Good to know

What it includes

  • A complete brief for a marketing agency website with 9 sections, from hero to contact
  • Exact colours, fonts and spacing for the bold dark 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

What it does not do

  • It is a website design, not a shop with payments. Add those later with a database and a payment service.
  • All names, brands, phone numbers and prices are invented examples. Replace them with yours.
  • The Arabic text should be checked by a native reader before you show a client.
What is in this marketing agency prompt?

A full brief for a bold dark site with services, three monthly packages, a process, a work gallery and an audit request form.

Where do I get portfolio images?

Use your own real work, with client permission. Until then the prompt uses captioned placeholders that you replace.

Can the form run real ads?

No. The form sends a WhatsApp message to start the audit. Ads are run in your ad accounts.

Will it look different from other agency sites?

The prompt specifies a warm charcoal and orange palette, tight condensed headings and big numbers, not the usual gradients.

More like this