Events and creative
Graphic designer
An editorial portfolio website for a freelance designer with services, packages, a clear process and a project brief form.
LTR · 1280 pxOpen full preview
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 "Studio Dot & Line", graphic designer 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: Editorial. 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: GalleryMake a gallery grid of image frames. Use tinted placeholder blocks with a caption until real photos are added.
- 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 graphic designer website with 8 sections, from hero to contact
- Exact colours, fonts and spacing for the editorial 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 designer prompt create?
An editorial portfolio site with services, packages, process, a gallery and a project brief form.
Do I need a big portfolio?
Six strong projects are enough. The prompt builds a gallery grid with captions.
Is the Arabic version properly set?
Yes. The prompt asks for correct right-to-left layouts and fonts that join letters properly.
Can I add a shop?
The prompt ends in enquiries. You can add a shop later.
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.