Optician

Copy the recipe

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

What is inside the recipe

1. 01Goal and audienceBuild a complete, ready to publish website for "Clearline Optics", optician 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: Minimal mono. 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: PackagesShow the price options side by side on large screens and stacked on phones. Mark the middle one as the best choice.
8. 08Section: How it worksShow the steps in order with big step numbers.
9. 09Section: TeamIntroduce the people with a portrait frame, name, role and one line.
10. 10Section: Why usShow these reasons as short blocks with a bold title.
11. 11Section: CertificationsShow credentials as a quiet row of badges with a short note. Only claim what is true.
12. 12Section: ReviewsShow three customer reviews as quotes. These are invented samples: label them as examples until real ones replace them.
13. 13Section: QuestionsMake an accordion using the native details and summary elements.
14. 14Section: BookingAdd a short booking form that ends in a WhatsApp message.
15. 15Section: Opening hoursShow the opening hours as a simple two column table.
16. 16Section: ContactShow the contact details with large tap targets.
17. 17FooterA simple footer with the brand, a short line and quick links.
18. 18Components and interactionsBuild these behaviours, and keep the code small and readable.
19. 19Arabic and right-to-leftThe site must work fully in Arabic, not just in English.
20. 20AccessibilityMake it usable by everyone.
21. 21Search and sharing basicsAdd the basics so the site can be found and shared.
22. 22PerformanceIt should feel instant on a slow phone connection.
23. 23Advice for this kind of businessReal owners care about these points. Reflect them in the copy and layout.
24. 24Do notAvoid these mistakes.
25. 25How the owner customises itFinish by adding a short guide for the owner in a README or an HTML comment.
26. 26Done whenCheck each line before you say the website is finished.

What you get

• A complete brief for a optician website with 11 sections, from hero to contact
• Exact colours, fonts and spacing for the minimal mono 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