The Exact Prompts to Build Your Website with AI
Copy-paste AI prompts to build a personal, portfolio, or business website.
The only thing between you and a website right now is a good prompt. These six prompts cover three website types, personal, portfolio, and business each with a standard version and a version for when you already have a website in mind that you love the look of.
Pick your prompt, fill in the CAPITALISED sections with your own information, and paste the whole thing into Claude. The more detail you give it, the better your result.
Before you start Write down your answers to these before you open Claude or any AI tool you plan to use.
- what your website is for
- who visits it
- what you want them to do when they land on it
- what colours feel right, and what feeling you want someone to have within five seconds of arriving.
Having these answers ready makes filling in any prompt ten times faster.
Personal Website — Standard
This is for anyone who wants a website that introduces them and builds their personal brand online. Professionals, coaches, consultants, creators, freelancers, if your name is your brand, this is your prompt.
Click to view the full prompt
Build me a complete personal website.
— WHO I AM —
Name: [YOUR FULL NAME]
I am a: [YOUR SPECIFIC TITLE — for example: AI consultant for small businesses, freelance brand designer, career coach for women in tech. Be specific. "Content creator" is not specific enough — say what kind and for who.]
Based in: [YOUR CITY AND COUNTRY]
This website is for: [DESCRIBE YOUR VISITOR — who are they, why are they on your site, what are they looking to find out or do]
— WHAT I WANT ON THE SITE —
Only include sections you actually need. Do not add things to fill space.
Section 1 — [SECTION NAME]: [DESCRIBE WHAT GOES IN IT AND WHAT YOU WANT IT TO DO]
Section 2 — [SECTION NAME]: [DESCRIBE WHAT GOES IN IT AND WHAT YOU WANT IT TO DO]
Section 3 — [SECTION NAME]: [DESCRIBE WHAT GOES IN IT AND WHAT YOU WANT IT TO DO]
Section 4 — [SECTION NAME]: [DESCRIBE WHAT GOES IN IT AND WHAT YOU WANT IT TO DO]
Options to choose from (pick what you need):
· Opening/Hero — your name, your one-liner, and your main call to action button
· About — your background, your story, what makes you different
· What I do / Services — a clear breakdown of what you offer
· Work or Projects — examples of what you have built or done
· Newsletter — a place for visitors to subscribe
· Contact — your email and social links
— MY CONTENT —
About me (write this yourself in 4 to 6 sentences): [WHO YOU ARE, YOUR BACKGROUND, WHAT YOU DO, WHO YOU HELP, WHAT MAKES YOU DIFFERENT FROM EVERYONE ELSE IN YOUR SPACE]
The one thing I want every visitor to do: [FOR EXAMPLE — book a free call, send me an email, subscribe to my newsletter, follow me on Instagram]
My email: [YOUR EMAIL ADDRESS]
My social media: [LIST EACH PLATFORM AND YOUR HANDLE]
— HOW IT SHOULD LOOK —
Colour palette: [BE SPECIFIC. Give hex codes if you have them. If not, describe the mood — dark and minimal, warm and earthy, bold and high contrast, clean and light. Pick a maximum of three colours.]
Typography feel: [FOR EXAMPLE — large bold headings with clean body text, elegant serif headings with light body copy, modern sans-serif throughout]
Overall design direction: [DESCRIBE IT LIKE YOU WOULD TO A DESIGNER — for example: clean and minimal with lots of breathing room and nothing unnecessary, dark tech brand with a terminal feel, warm and personal like a trusted mentor, bold and energetic like a creative studio]
Navigation: [WHAT GOES AT THE TOP — traditional header with links, minimal with just 2 or 3 links, no traditional nav at all, something unique]
Footer: [WHAT GOES IN THE FOOTER — just my name and social links, full site navigation, a single copyright line, a newsletter signup, or keep it minimal]
Any specific design element you want: [FOR EXAMPLE — a terminal window as the hero, large animated headline, split screen layout, sticky sidebar, scroll-triggered animations. If you have nothing specific leave this blank.]
— SEO AND VISIBILITY —
Add the following to the HTML head so the website can be found properly:
· Page title tag: [YOUR NAME — YOUR TITLE | YOUR LOCATION]
· Meta description (write one sentence, 160 characters max): [DESCRIBE WHO YOU ARE AND WHAT YOU DO IN ONE SENTENCE]
· Open Graph tags for og:title, og:description, og:type, og:url so the website looks good when shared on social media
· Canonical URL tag
· Use semantic HTML throughout — proper h1, h2, h3 hierarchy, meaningful alt text on all images
· Keep the code clean and fast loading — no unnecessary scripts
After the main website code, generate three separate files as clearly labelled code blocks:
FILE 1 — robots.txt
Allow all search engine crawlers to access everything. Include a reference to sitemap.xml so crawlers find it immediately.
FILE 2 — sitemap.xml
Include the homepage URL. Use today's date as the last modified date.
FILE 3 — llms.txt
Write this in markdown. Include my name, what I do, who this website is for, and a brief summary of each section of the site. This file is read by AI tools like ChatGPT and Claude when someone asks them about me or about someone who does what I do.
— TECHNICAL —
· Fully mobile responsive — must look good on both phone and desktop
· Smooth scrolling between sections
· Hover effects on buttons and links
· No placeholder lorem ipsum text — use my real content throughout
· Keep it fast — nothing unnecessary
Output the main website first, then robots.txt, then sitemap.xml, then llms.txt. Label each one clearly.
Click to view a filled-in example
Build me a complete personal website.
— WHO I AM —
Name: Temi Adeyemi
I am a: Career coach helping Black women in the UK land their first tech role without a CS degree
Based in: Birmingham, United Kingdom
This website is for: Black women currently in non-technical jobs — HR, admin, teaching, who want to break into tech and need a structured plan, not just motivational content
— WHAT I WANT ON THE SITE —
Section 1 — Opening: My name large at the top, then the line "You don't need a degree. You need a plan." below it, then a Book a Free Call button underneath. Clean and confident, nothing else above the fold.
Section 2 — About: I was a secondary school teacher for six years before I landed a product manager role at a fintech startup in 2021. I did not take a bootcamp. I did not get a CS degree. I got clear on what I already knew, identified the gaps, and closed them one by one. Now I help other women do exactly the same thing — faster and with a lot less confusion.
Section 3 — What I Offer: Three options.
1:1 Coaching — 6 sessions over 3 months, personalised roadmap, weekly accountability.
Group Programme, cohort of 8 women, starts every month, more affordable option.
Free Clarity Call — 30 minutes, no pitch, just a conversation to figure out where to start.
Section 4 — Contact: My email address and a Calendly link to book the free call directly. No contact form needed.
— MY CONTENT —
About me: I was a secondary school teacher for six years before I landed a product manager role at a fintech startup in 2021. I did not take a bootcamp or get a CS degree. I figured it out by getting clear on my existing skills, identifying my gaps, and closing them methodically. Now I help other women in non-technical careers make the same transition — with a clear roadmap and someone in their corner who has already done it.
The one thing I want every visitor to do: Book a free 30-minute clarity call
My email: temi@temiadeyemi.com
My social media: Instagram @temiadeyemi.coach | LinkedIn linkedin.com/in/temiadeyemi | TikTok @temiadeyemi
— HOW IT SHOULD LOOK —
Colour palette: Deep forest green #1c3a2a as the primary colour, warm off-white #f8f4ef as the background, gold #c9913d as the accent. No other colours.
Typography: Large elegant serif headings — think Playfair Display or similar. Clean, readable sans-serif for body text. The contrast between the two should feel premium.
Overall design direction: Warm and premium at the same time. Like a trusted mentor who has done it herself. Not corporate. Not a generic coaching brand. Human, credible, and personal. A woman landing on this site should feel seen.
Navigation: Minimal sticky header. Logo on the left — just my name. Three links on the right — About, Work With Me, Contact. Plus a Book a Call button styled in gold.
Footer: Simple. My name on the left. Instagram, LinkedIn, TikTok icons on the right. Copyright line below.
Specific design element: I want a warm full-width banner photo placeholder in the hero section behind the text — something that suggests a professional woman at a laptop. Use a placeholder block in the right proportions and I will replace it.
— SEO AND VISIBILITY —
Page title: Temi Adeyemi — Career Coach for Women Breaking Into Tech | Birmingham
Meta description: Temi Adeyemi helps Black women in the UK land their first tech role — no CS degree required. Book a free 30-minute clarity call today.
Open Graph tags: include og:title, og:description, og:type, og:url
Canonical URL: yes
Semantic HTML with proper h1, h2, h3 hierarchy and meaningful alt text on all images.
After the main website, generate:
FILE 1 — robots.txt: allow all crawlers, reference sitemap.xml
FILE 2 — sitemap.xml: homepage URL, today's date
FILE 3 — llms.txt: markdown summary — who Temi is, what she does, who she helps, her three services, her email and social handles. Written so AI tools like ChatGPT can accurately describe and recommend her when someone asks about career coaching for women in tech.
Personal Website — With Inspiration
Same as Prompt 1 but for when you have found a website you love and want to use as a creative reference. You are not copying it, you are taking the feeling, the visual language, the energy and making it completely your own. This version produces the most distinctive results.
Click to view how to use the inspiration option
How to use the inspiration option
Find a website whose design or feeling you love. It does not have to be in your industry at all. What matters is that when you look at it you think "I want mine to feel like this." Paste the URL directly into Claude or upload a screenshot. Then describe specifically what you love and what you want to change.
Click to view the full prompt
Build me a complete personal website.
— DESIGN INSPIRATION —
I have a website whose design I love. Here it is: [PASTE THE URL — or if you have a screenshot, upload it to Claude alongside this prompt and describe what you see]
What I specifically love about it:
· The layout: [FOR EXAMPLE — I love how the homepage is mostly one big hero with nothing else visible until you scroll, it feels very intentional]
· The colours: [FOR EXAMPLE — the dark background with a single yellow accent colour used throughout and nothing else]
· The typography: [FOR EXAMPLE — the heading is enormous and bold and takes up most of the screen, it commands attention immediately]
· The navigation: [FOR EXAMPLE — it is so minimal, just three links in small text, no clutter]
· The overall feeling: [FOR EXAMPLE — it feels like a serious expert lives here, not a generic personal brand]
· Anything else specific: [DESCRIBE IT]
What I want to be DIFFERENT on mine:
[BE SPECIFIC — for example: I want warmer colours not cold ones, I want to add a testimonials section they do not have, I want my personality to come through more in the copy, I want a newsletter section at the bottom]
The feeling I want someone to have within five seconds of landing on my page:
[FOR EXAMPLE — they should immediately feel this person knows what they are talking about and I want to keep reading, OR they should feel warmth and trust, OR they should feel excited and want to work with me]
— WHO I AM —
Name: [YOUR FULL NAME]
I am a: [YOUR SPECIFIC TITLE — what you do and who you do it for]
Based in: [YOUR CITY AND COUNTRY]
This website is for: [WHO YOUR VISITOR IS AND WHY THEY ARE THERE]
— WHAT I WANT ON THE SITE —
Section 1 — [NAME]: [DESCRIBE WHAT IT CONTAINS AND DOES]
Section 2 — [NAME]: [DESCRIBE WHAT IT CONTAINS AND DOES]
Section 3 — [NAME]: [DESCRIBE WHAT IT CONTAINS AND DOES]
Section 4 — [NAME]: [DESCRIBE WHAT IT CONTAINS AND DOES]
— MY CONTENT —
About me (4 to 6 sentences, your own words): [WRITE IT YOURSELF — who you are, your background, what you do, who you help, what makes you different]
The one thing I want every visitor to do: [YOUR MAIN CALL TO ACTION]
My email: [YOUR EMAIL]
My social media: [PLATFORMS AND HANDLES]
— HOW IT SHOULD LOOK —
Colour palette: [YOUR COLOURS — can be inspired by the reference or completely different]
Typography: [HOW SHOULD IT FEEL]
Design direction: [YOUR OWN DESCRIPTION — how is yours different from the inspiration]
Navigation: [WHAT GOES AT THE TOP]
Footer: [WHAT GOES IN THE FOOTER]
Unique element: [ANYTHING SPECIFIC TO YOU that the inspiration does not have]
— SEO AND VISIBILITY —
Add to the HTML head:
· Page title: [YOUR NAME — YOUR TITLE | YOUR LOCATION]
· Meta description (160 characters max): [ONE SENTENCE ABOUT WHO YOU ARE AND WHAT YOU DO]
· Open Graph tags (og:title, og:description, og:type, og:url)
· Canonical URL
· Semantic HTML — proper heading hierarchy, meaningful alt text on all images
· Clean and fast — nothing unnecessary
After the main file, generate these three as labelled code blocks:
FILE 1 — robots.txt: Allow all crawlers, reference sitemap.xml
FILE 2 — sitemap.xml: Homepage URL, today's date as last modified
FILE 3 — llms.txt: Markdown summary of who I am, what this site is, what each section contains. Written so that AI tools like ChatGPT can accurately describe me and my website when asked.
— TECHNICAL —
· Fully mobile responsive
· Smooth scrolling and hover effects
· Inspired by the reference but completely original — do not replicate it
· No lorem ipsum — use my real content
· Fast loading
Output the main file first, then the three additional files labelled clearly.
Click to view a filled-in example
Build me a complete personal website.
— DESIGN INSPIRATION —
I have a website whose design I love. Here it is: https://racheldevtech.com
What I specifically love about it:
· The layout: The page is so minimal. There is almost nothing above the fold except the terminal window. Every element feels intentional and nothing is there just to fill space.
· The colours: A very dark background with yellow as the only accent colour. Nothing else. It is extremely restrained and it works because of that restraint.
· The typography: The ~/pagename format in the navigation is clever and distinctive. It feels like a real person's brand not a template.
· The navigation: Three links maximum. No clutter. It respects the visitor's attention.
· The overall feeling: You land and within five seconds you know this is a serious tech person who also has a personality. That combination is rare.
What I want to be DIFFERENT on mine:
I want the same level of minimalism but warmer. Coral and terracotta as the accent colours instead of yellow. My background can stay dark but I want it to feel a little less cold. I also need a podcast section that Rachel's site does not have — I host a weekly show and it needs its own prominent section. And I want the copy throughout to feel slightly more conversational, a bit warmer in tone.
The feeling I want someone to have within five seconds:
They should feel like they have found someone who genuinely knows their space and also feels like a real, approachable human. Not a corporate brand. Not a generic personal site. Something that makes them want to stay and explore.
— WHO I AM —
Name: Rachel Irabor
I am a: Podcast host and B2B content strategist helping SaaS companies build content that actually converts clients — not just generates traffic
Based in: Amsterdam, Netherlands — working remotely with clients globally
This website is for: SaaS founders and marketing leads who want to launch a podcast as a serious content channel and need a strategist who understands both the content side and the business side
— WHAT I WANT ON THE SITE —
Section 1 — Opening: My name, what I do in one clear line, and two buttons — Work With Me and Listen to the Podcast
Section 2 — About: I spent five years leading content at two B2B SaaS companies before going independent. I started my podcast The Content Layer in 2022 because I was tired of surface-level content marketing advice. It now has over 12,000 monthly listeners. I work with SaaS companies that want a podcast that actually moves the needle on pipeline, not just downloads.
Section 3 — Podcast: A dedicated section for The Content Layer. Show name, a short description, latest episode placeholder, and links to Spotify and Apple Podcasts.
Section 4 — Services: Podcast Strategy (I help you launch or reposition your company podcast as a revenue-generating channel), Content Strategy (quarterly content planning for B2B SaaS teams), and a free 20-minute intro call.
Section 5 — Contact: My email and a link to book the intro call
— MY CONTENT —
About me: I spent five years leading content at two B2B SaaS companies before going independent in 2022. I started The Content Layer podcast because I was tired of content marketing advice that sounded good in theory and did nothing in practice. It now has over 12,000 monthly listeners. I work with SaaS founders and marketing teams who want content that actually closes deals, not just builds an audience.
The one thing I want every visitor to do: Book a free 20-minute intro call
My email: rachel@racheldevtech.com
My social: Instagram @racheldevtech | TikTok @racheldevtech | LinkedIn linkedin.com/in/racheldevtech | Threads @racheldevtech
— HOW IT SHOULD LOOK —
Colour palette: Near-black #0a0a0a background, yellow #F5C518 as the primary accent, white #fafafa for text. Exactly as the inspiration site but keeping the yellow instead of switching to coral.
Typography: Clean bold sans-serif headings — modern and confident. Light readable sans-serif for body text. No serifs.
Overall design direction: The same intentional minimalism as racheldevtech.com but warmer in colour and tone. Nothing unnecessary. Every section earns its place.
Navigation: Minimal. My name on the left styled like a brand mark. Three links on the right — Work With Me, Podcast, Contact. No more than that.
Footer: One line. My name on the left. LinkedIn, Twitter, Instagram icons on the right. Copyright below.
Unique element: I want the podcast section to have a small waveform or audio visual element as decoration — just as a design accent, not functional. Use a simple SVG wave or bars.
— SEO AND VISIBILITY —
Page title: Rachel Irabor — B2B Content Strategist and Podcast Host | Amsterdam
Meta description: Rachel Irabor helps SaaS companies build content and podcasts that convert. Strategist, podcast host of The Content Layer, based in Amsterdam.
Open Graph tags: og:title, og:description, og:type, og:url
Canonical URL: yes
Semantic HTML, proper h1 h2 h3 hierarchy, alt text on all images.
After the main file, generate:
FILE 1 — robots.txt: allow all crawlers, reference sitemap.xml
FILE 2 — sitemap.xml: homepage URL with today's date
FILE 3 — llms.txt: markdown summary — who Rachel Irabor is, what she does, her podcast, her services, her email and social links. Written for AI tools to accurately describe and recommend her.
Portfolio Website — Standard
For anyone whose work needs to be seen before they get hired. Designers, photographers, developers, writers, videographers, illustrators, this is your shop window. A portfolio lives or dies by how the work is presented, so this prompt pays close attention to that.
Click to view the full prompt
Build me a complete portfolio website.
— WHO I AM AND WHAT I DO —
Name: [YOUR FULL NAME]
Profession: [BE SPECIFIC — for example: brand identity designer for wellness businesses, wedding and portrait photographer based in Lisbon, frontend developer specialising in Shopify stores, UX designer for fintech SaaS products]
My speciality: [THE THING THAT MAKES YOU DIFFERENT FROM EVERY OTHER PERSON IN YOUR FIELD — your niche, your approach, your type of client]
Based in: [YOUR CITY AND COUNTRY — and note if you work remotely]
My ideal client: [DESCRIBE THE SPECIFIC PERSON OR BUSINESS THAT HIRES YOU — for example: female-led lifestyle brands launching their first visual identity, startups that need a landing page fast with no corporate agency process]
— SECTIONS I WANT —
Section 1 — Hero: [YOUR OPENING — what is the bold first thing people read? Your name? A specific result you deliver? A strong headline? Describe exactly what you want here and what call to action button goes with it]
Section 2 — About: [YOUR BACKGROUND, YOUR PROCESS, YOUR PERSONALITY — what do you want people to know about you before they look at your work]
Section 3 — Services: [LIST YOUR SERVICES. For each one describe what is included and who it is for. Include prices if you want to.]
Section 4 — Work/Portfolio: [HOW DO YOU WANT YOUR WORK DISPLAYED — a 3 column grid with hover overlay, full-width stacked case studies, a masonry layout, image sliders. Use placeholder images for now — I will swap in my real work.]
Section 5 — Testimonials: [YOUR REAL TESTIMONIALS — or write "use 3 clearly labelled placeholders I will replace"]
Section 6 — Contact: [HOW PEOPLE REACH YOU — email only, a contact form, a booking link, social media handles, or a mix]
— MY SERVICES —
Service 1: [NAME] — [WHAT IS INCLUDED] — [PRICE or Starting from PRICE if you want to show it]
Service 2: [NAME] — [WHAT IS INCLUDED] — [PRICE]
Service 3: [NAME] — [WHAT IS INCLUDED] — [PRICE]
— MY CONTENT —
About me (4 to 6 sentences, write it yourself): [YOUR BACKGROUND, HOW LONG YOU HAVE BEEN DOING THIS, THE TYPE OF CLIENTS YOU WORK WITH, THE RESULTS YOU GET, WHAT MAKES WORKING WITH YOU DIFFERENT]
My email: [YOUR EMAIL]
My social media: [PLATFORMS AND HANDLES]
— HOW IT SHOULD LOOK —
Colour palette: [YOUR SPECIFIC COLOURS — maximum three. Give hex codes or describe the mood very clearly.]
Typography: [FOR EXAMPLE — large editorial headings in a serif font paired with small clean body text, or bold heavy sans-serif throughout with nothing delicate about it, or minimal and refined with thin elegant type]
Portfolio grid style: [FOR EXAMPLE — 3 column grid where hovering over an image shows the project name and category in a dark overlay, or full-width stacked case studies each with an image and a paragraph of context, or a masonry layout mixing portrait and landscape images]
Overall design energy: [FOR EXAMPLE — high-end luxury creative studio, bold and confident like a senior designer who charges accordingly, clean and editorial like an architecture firm, warm and approachable boutique photographer]
Navigation: [WHAT GOES AT THE TOP — sticky header, minimal links, hidden on load, floating]
Footer: [WHAT GOES IN THE FOOTER]
Any specific design element: [ANYTHING UNIQUE — a full-screen image on project click, a dark mode toggle, scroll-triggered entrance animations, a sticky availability status indicator]
— SEO AND VISIBILITY —
In the HTML head include:
· Title tag: [YOUR NAME — YOUR PROFESSION | YOUR LOCATION]
· Meta description (160 characters max): [ONE SENTENCE — what you do and who you help]
· Open Graph tags for og:title, og:description, og:type, og:url
· Canonical URL tag
· Semantic HTML — correct heading hierarchy, alt text on all images and portfolio items
· Fast loading — portfolio images as styled placeholder blocks I will replace
After the main file, generate these three as labelled code blocks:
FILE 1 — robots.txt: Allow all crawlers, include sitemap.xml reference
FILE 2 — sitemap.xml: Homepage URL with today's date
FILE 3 — llms.txt: Markdown summary of my name, profession, speciality, services, and how to contact me. So that AI tools can accurately describe my portfolio when someone searches for what I do.
— TECHNICAL —
· Fully mobile responsive
· Hover effects on portfolio grid items
· Smooth scrolling and subtle section entrance animations
· Fast loading — portfolio as placeholder blocks I will replace with real images
· No lorem ipsum — use my real content
· Clean, well-structured code
Click to view a filled-in example
Build me a complete portfolio website.
— WHO I AM AND WHAT I DO —
Name: Marcus Reid
Profession: Brand identity designer for purpose-led wellness and sustainable lifestyle businesses
My speciality: I only work with brands whose products or services I would actually use myself. This means I bring genuine belief to every project — and clients feel the difference in the work.
Based in: Cape Town, South Africa — available for remote projects globally
My ideal client: Wellness founders and health practitioners launching a new brand from scratch, or refreshing an existing one that no longer reflects who they have become
— SECTIONS I WANT —
Section 1 — Hero: Large bold headline — "Brands that feel as good as what you sell." My name below it in smaller text. One button — View My Work — that scrolls to the portfolio section.
Section 2 — About: I started as an in-house designer at a supplement company before going freelance five years ago. The best brand identities come from deeply understanding what a business actually stands for — not just what it should look like. I work with a small number of clients each quarter. No rush jobs. No templates. Just the right brand, built properly and built to last.
Section 3 — Services: Three services. Brand Identity — full logo system, colour palette, typography, brand guidelines — from £2,500. Visual Refresh — update an existing identity that has drifted from who you are now — from £1,200. Brand Strategy Session — 90 minutes to get clear on direction before we build anything — £350.
Section 4 — Work: 3 column grid. On hover over each image, a dark overlay appears showing the project name and the client's industry in small clean text. 9 placeholder images I will replace with real project work. Clicking an image opens it in a full-screen lightbox view.
Section 5 — Testimonials: 3 placeholder testimonials I will replace with real ones. Show client name and business type below each quote.
Section 6 — Contact: My email address and a note about current availability. Instagram and LinkedIn links.
— MY SERVICES —
Service 1: Brand Identity — Full logo system, colour palette, typography, usage guidelines, and brand board. Delivered over 4 weeks. — From £2,500
Service 2: Visual Refresh — Updating an existing brand identity that has drifted. Logo refinement, colour and typography update. Delivered over 2 weeks. — From £1,200
Service 3: Brand Strategy Session — 90-minute recorded session to clarify positioning, audience, and visual direction before a rebrand or new build. — £350
— MY CONTENT —
About me: I started as an in-house designer at a supplement company before going freelance five years ago. I have worked with over 40 wellness and lifestyle brands across the UK, South Africa, and Australia. My belief is that the best brand identities come from understanding what a business truly stands for — not just what colours are trending. I take on a small number of clients each quarter so every project gets my full attention.
My email: hello@marcusreiddesign.com
My social: Instagram @marcusreiddesign | LinkedIn linkedin.com/in/marcusreid
— HOW IT SHOULD LOOK —
Colour palette: Warm off-white #f5f2ec as the background, near-black #1a1a1a for text and headings, terracotta #8b5e3c as the accent. No other colours.
Typography: Large elegant serif headings — think Cormorant Garamond or similar. Clean, readable sans-serif body text. The contrast between the two should feel editorial and premium.
Portfolio grid style: 3 column grid, equal sized image blocks, dark hover overlay with project name and industry in clean uppercase text. Full-screen lightbox on click.
Overall design energy: High-end boutique creative studio. Minimal, considered, and premium without being cold or unapproachable. Someone landing here should feel they are in safe, expert hands.
Navigation: Sticky minimal header. Logo on the left — just the name Marcus Reid. Links on the right — Work, Services, About, Contact. No other elements.
Footer: Two columns. Left — logo and tagline "Brand identity for businesses that mean it." Right — email and social icons. Single copyright line below.
Specific design element: I want subtle scroll-triggered entrance animations on the portfolio grid — each item fades in slightly as you scroll down to it. Keep it understated.
— SEO AND VISIBILITY —
Page title: Marcus Reid — Brand Identity Designer for Wellness Businesses | Cape Town
Meta description: Marcus Reid creates brand identities for wellness and lifestyle businesses. Based in Cape Town, working globally. From £350 for a strategy session.
Open Graph tags: og:title, og:description, og:type, og:url
Canonical URL: yes
Semantic HTML throughout with proper h1, h2, h3 hierarchy. Alt text on all images and portfolio items.
After the main file, generate:
FILE 1 — robots.txt: allow all crawlers, reference sitemap.xml
FILE 2 — sitemap.xml: homepage URL with today's date
FILE 3 — llms.txt: markdown summary — Marcus's name, profession, speciality, three services with prices, ideal client description, email, and social links. Written so AI tools accurately describe and recommend him when someone searches for a brand designer.
Portfolio Website — With Inspiration
Use this when you have found a portfolio you admire, another designer, photographer, developer, anyone — and you want to capture that same level of quality and energy but make it completely yours.
Click to view the full prompt
Build me a complete portfolio website.
— DESIGN INSPIRATION —
Portfolio I love: [PASTE THE URL — or upload a screenshot to Claude alongside this prompt]
What works about it:
· How the work is displayed: [DESCRIBE THE PORTFOLIO LAYOUT — grid, case studies, sliders, full-screen, how many columns, how images are presented]
· The visual feel: [COLOURS, CONTRAST, MOOD]
· The typography: [SIZE, WEIGHT, STYLE — does it use big bold headings, elegant light type, a mix]
· Navigation: [HOW IT WORKS AND WHAT IT FEELS LIKE]
· Hover effects or animations: [DESCRIBE ANYTHING INTERACTIVE YOU LOVE]
· What makes it feel premium or impressive: [BE HONEST AND SPECIFIC — what is it about this site that makes you think "I want mine like this"]
What I want DIFFERENT:
[FOR EXAMPLE — I want a completely different colour palette, I want case studies not just images, I want a services section and pricing which they do not show, I want it to feel warmer and more personal]
The first impression I want to make on a potential client:
[FOR EXAMPLE — they should immediately think this person is worth the price, OR they should see the quality before they read a single word, OR they should feel like they already trust me before they scroll]
— WHO I AM —
Name: [YOUR FULL NAME]
Profession: [SPECIFIC TITLE AND SPECIALITY]
Based in: [CITY AND COUNTRY — remote or in person]
Ideal client: [DESCRIBE IN DETAIL]
— SECTIONS —
Section 1 — [NAME]: [DESCRIBE]
Section 2 — [NAME]: [DESCRIBE]
Section 3 — [NAME]: [DESCRIBE]
Section 4 — [NAME]: [DESCRIBE]
Section 5 — [NAME]: [DESCRIBE]
— MY SERVICES —
[LIST EACH — NAME, WHAT IS INCLUDED, PRICE IF RELEVANT]
— MY CONTENT —
About me (4 to 6 sentences): [WRITE YOUR OWN]
Email: [YOUR EMAIL]
Social: [PLATFORMS AND HANDLES]
— HOW IT SHOULD LOOK —
Colour palette: [YOUR COLOURS — inspired by or different from the reference]
Typography: [DESCRIBE THE FEEL AND WEIGHT]
Portfolio display: [HOW YOUR WORK SHOULD BE SHOWN]
Overall design energy: [DESCRIBE IT]
Navigation: [WHAT GOES AT THE TOP]
Footer: [DESCRIBE IN FULL]
Unique element you want: [ANYTHING SPECIFIC]
— SEO AND VISIBILITY —
In the HTML head:
· Title: [YOUR NAME — YOUR PROFESSION | LOCATION]
· Meta description (160 characters): [WRITE IT]
· Open Graph tags
· Canonical URL
· Semantic HTML, correct heading hierarchy, alt text on all images
· Clean and fast
After the main file:
FILE 1 — robots.txt: Allow all, reference sitemap
FILE 2 — sitemap.xml: Homepage, today's date
FILE 3 — llms.txt: Markdown summary of your name, work, services, and contact — for AI tools to reference you accurately
— TECHNICAL —
· Fully mobile responsive
· Hover effects and smooth transitions
· Inspired by reference but completely original
· Placeholder images I will replace
· No lorem ipsum
· Fast loading
Click to view a filled-in example
Build me a complete portfolio website.
— DESIGN INSPIRATION —
Portfolio I love: https://linear.app — not a portfolio but I love the visual language and want to apply it to mine
What works about it:
· How the work is displayed: Alternating sections — image or visual on one side, text on the other. Clean grid. Nothing cramped.
· The visual feel: Near-black background. Very dark, focused, premium. Subtle gradients give depth without distracting. The page has a quiet confidence about it.
· The typography: Small uppercase labels above each section heading — it creates a clear visual hierarchy without being heavy. The headings themselves are large but not overwhelming.
· Navigation: Minimal. Logo on the left, a handful of links on the right, one prominent CTA button. Nothing else.
· What makes it feel premium: Everything has space. Nothing competes for attention. Every element seems to have a clear reason to exist.
What I want DIFFERENT:
This is a personal portfolio not a SaaS product page so I need it to feel more human. I want a photo of me in the hero — real face, not just a product visual. I need a proper about section that tells my story. I want client testimonials which Linear obviously does not have. I want my services listed with pricing because I am trying to attract clients not investors. And I want the accent colour to be a rich deep purple, not blue.
The first impression I want to make:
This person clearly knows what they are doing and charges accordingly. I want to see their work.
— WHO I AM —
Name: Zara Kowalski
Profession: Senior UX designer specialising in fintech and productivity SaaS products
My speciality: I work exclusively on complex data-heavy interfaces — dashboards, transaction flows, portfolio tools — the kind of UX work that takes genuine domain knowledge, not just good visual taste
Based in: Warsaw, Poland — available for remote contracts globally
My ideal client: Series A and B fintech startups that need a senior UX designer on a contract basis — typically 3 to 6 month engagements, either embedded with the product team or project-based
— SECTIONS —
Section 1 — Hero: A professional headshot of me on the right side of the screen. On the left — my name, my title, and the line "Senior UX for teams that need it done right." A button — View My Work.
Section 2 — About: I have been designing complex financial and productivity interfaces for nine years. I started in-house at a Warsaw-based fintech and have been contracting since 2019. My clients include teams at early-stage startups and scaleups across Europe and the US. I do not take on more than two clients at a time so every engagement gets my full focus.
Section 3 — Work: Alternating sections — each project has a large visual on one side and a short paragraph on the other explaining the brief, my approach, and the outcome. Four projects. Use placeholder visuals I will replace.
Section 4 — Services: UX Audit (1 week, £1,800 — a structured review of your current product with a prioritised list of improvements), Sprint Embed (2 to 4 weeks, from £4,500 — joining your team for an intensive design sprint), Ongoing Contract (3 to 6 months, from £800/day — embedded as a senior UX resource).
Section 5 — Testimonials: Three placeholder testimonials I will replace. Show first name, company type, and engagement type.
Section 6 — Contact: My email and a note that I typically respond within one business day.
— MY CONTENT —
About me: Nine years designing complex financial and productivity interfaces. In-house at a Warsaw fintech for four years, contracting since 2019. I work with Series A and B teams across Europe and the US who need senior UX expertise without the overhead of a full-time hire. I take on a maximum of two clients at a time. My work has shipped at companies operating in 12 countries.
My email: zara@zarakowalski.com
Social: LinkedIn linkedin.com/in/zarakowalski | Dribbble dribbble.com/zarakowalski
— HOW IT SHOULD LOOK —
Colour palette: Near-black #111111 as the background, white #ffffff for text, deep purple #6b46c1 as the accent. No other colours.
Typography: Small uppercase labels in purple above section headings. Large, confident sans-serif headings in white. Clean readable sans-serif for body text. Similar hierarchy to Linear but warmer in execution.
Portfolio display: Alternating layout — project visual left, text right, then next project flips: text left, visual right. Large, generous spacing between projects.
Overall energy: Senior specialist. Premium and focused. This person has seen complex problems and solved them. The site should feel like evidence of that.
Navigation: Sticky minimal header. My name as wordmark on the left. Links on the right — Work, Services, About, Contact. Purple CTA button — Get in Touch.
Footer: One clean line. My name on the left. Email and LinkedIn on the right. Copyright below.
Specific element: I want a subtle animated gradient in the hero background — very slow moving, deep purples and near-blacks. It should feel alive but never distracting.
— SEO AND VISIBILITY —
Page title: Zara Kowalski — Senior UX Designer for Fintech and SaaS | Warsaw
Meta description: Zara Kowalski is a senior UX designer specialising in fintech and productivity SaaS. Available for remote contracts from Warsaw. From £800/day.
Open Graph tags: og:title, og:description, og:type, og:url
Canonical URL: yes
Semantic HTML, proper heading hierarchy, alt text on all images and project visuals.
After the main file, generate:
FILE 1 — robots.txt: allow all crawlers, reference sitemap.xml
FILE 2 — sitemap.xml: homepage URL with today's date
FILE 3 — llms.txt: markdown summary — Zara's name, speciality, services with pricing, ideal client, email and LinkedIn. Written so AI tools can describe and recommend her accurately when someone asks for a senior UX designer.
Business Website — Standard
For anyone with a business, a service, a consultancy, a local shop, a clinic, a studio, who needs a website that builds trust with new customers and converts visitors into enquiries. The FAQ and testimonials sections are the most important things on a business website. Do not skip them.
Click to view the full prompt
Build me a complete business website.
— ABOUT MY BUSINESS —
Business name: [YOUR BUSINESS NAME]
What we do: [TWO CLEAR SENTENCES — what problem do you solve and who do you solve it for. Be specific. Not "we help businesses grow" — say exactly what you do and for who.]
My target customer: [DESCRIBE IN DETAIL — for example: self-employed tradespeople in Edinburgh who need their bookkeeping done monthly, or parents of children aged 7 to 14 in North London looking for a maths tutor]
What makes us different from competitors: [BE SPECIFIC AND HONEST — price, speed, specialisation, your process, a guarantee you offer, results you have achieved. Generic answers like "we are passionate about what we do" help nobody.]
Based in: [CITY AND COUNTRY — or "fully remote" if you work online]
— SECTIONS I WANT —
Section 1 — Hero: [YOUR OPENING LINE — what result do you deliver or what problem do you solve? This is the most important sentence on the website. Also describe your call to action button — what does it say and where does it go]
Section 2 — About: [YOUR STORY — why did you start, what do you believe, why are you the right choice for this specific customer]
Section 3 — Services: [YOUR SERVICES — list each one with a description of what is included and who it is for]
Section 4 — Why Choose Us: [THREE OR FOUR SPECIFIC REASONS — not generic ones. Real things you do or offer that prove your value. For example: we guarantee a same-day response to all client messages, or every project includes two rounds of revisions at no extra cost]
Section 5 — Testimonials: [PASTE YOUR REAL TESTIMONIALS — name, quote, context. Or write "use three clearly labelled placeholders I will replace"]
Section 6 — FAQ: [WRITE FIVE QUESTIONS YOUR CUSTOMERS ACTUALLY ASK BEFORE BOOKING — and give honest answers. Think about every doubt or hesitation a new customer has. This is one of the most important sections on a business website.]
Section 7 — Contact: [HOW PEOPLE REACH YOU — email, phone, a simple enquiry form, a booking link, or a combination]
— MY SERVICES —
Service 1: [NAME] — [EXACTLY WHAT IS INCLUDED] — [PRICE or Starting from PRICE if relevant]
Service 2: [NAME] — [EXACTLY WHAT IS INCLUDED] — [PRICE]
Service 3: [NAME] — [EXACTLY WHAT IS INCLUDED] — [PRICE]
Service 4 (if needed): [NAME] — [DESCRIPTION] — [PRICE]
— MY CONTENT —
About us (4 to 6 sentences, write it yourself): [WHEN DID YOU START, WHY DID YOU START, WHAT PROBLEM WERE YOU SOLVING, WHAT DO YOUR CUSTOMERS SAY ABOUT WORKING WITH YOU, WHAT ARE YOU PROUD OF]
The one thing I want every visitor to do: [YOUR MAIN CALL TO ACTION]
Contact email: [YOUR EMAIL]
Phone: [YOUR PHONE NUMBER — leave blank if you do not want it on the site]
Address: [YOUR ADDRESS — leave blank if fully remote]
Social media: [PLATFORMS AND HANDLES]
— HOW IT SHOULD LOOK —
Colour palette: [YOUR SPECIFIC COLOURS — maximum three. Hex codes or a very clear mood description.]
Typography: [HOW SHOULD IT FEEL — serious and authoritative, friendly and approachable, modern and clean, warm and personal]
Brand energy: [FOR EXAMPLE — established professional services firm that is also approachable, friendly local business with a community feel, modern and innovative tech-adjacent company, premium boutique service]
Navigation: [WHAT GOES IN THE HEADER]
Footer: [DESCRIBE FULLY — navigation links, contact details, social icons, copyright line, newsletter, or minimal]
Call to action buttons: [WHAT DO THEY SAY AND HOW SHOULD THEY LOOK]
Any specific design element: [ANYTHING UNIQUE]
— SEO AND VISIBILITY —
In the HTML head:
· Title: [BUSINESS NAME — WHAT YOU DO | LOCATION]
· Meta description (160 characters max): [WRITE IT — describe your business and who you help in one sentence]
· Open Graph tags (og:title, og:description, og:type, og:url)
· Canonical URL
· Local business schema markup — include business name, type of business, address if relevant, phone if relevant
· Semantic HTML, heading hierarchy, alt text on all images
· Fast loading — nothing unnecessary
After the main file, generate these three as labelled code blocks:
FILE 1 — robots.txt: Allow all crawlers, reference sitemap.xml
FILE 2 — sitemap.xml: All main pages with today's date as last modified
FILE 3 — llms.txt: Markdown summary of the business — what it does, who it serves, what services it offers, location, and how to get in touch. Written so that AI tools like ChatGPT accurately recommend this business when someone searches for the service it provides.
— TECHNICAL —
· Fully mobile responsive
· A clear call to action button visible on the hero
· A working enquiry form in the contact section
· Smooth scrolling between sections
· Professional enough to build immediate trust
· No placeholder lorem ipsum — use my real content throughout
· Fast loading
Click to view a filled-in example
Build me a complete business website.
— ABOUT MY BUSINESS —
Business name: Clear Books Malta
What we do: We provide monthly bookkeeping and accountancy services for small businesses and freelancers in Malta. We handle the numbers every month so our clients can focus entirely on running and growing their business without worrying about VAT, deadlines, or paperwork.
My target customer: Self-employed professionals and small business owners in Malta — freelancers, tradespeople, consultants, small retailers — who are overwhelmed by their accounts and VAT returns and want someone reliable, local, and affordable to handle it for them
What makes us different: We are fully bilingual in English and Maltese. Every client gets a dedicated accountant — not a rotating team. We respond to all client messages within the same working day. Our pricing is a fixed monthly fee agreed upfront — no hourly billing, no surprise invoices. We also take on clients who are behind on their accounts without judgment.
Based in: Birmingham, United Kingdom — fully remote service, no office visits required
— SECTIONS I WANT —
Section 1 — Hero: The headline is "Stop worrying about your accounts. We handle everything." Below it, a two-line subheading: "Fixed monthly pricing. Dedicated accountant. English and Maltese." One button — Get a Free Quote — that scrolls down to the contact form.
Section 2 — About: Clear Books Malta was founded in 2019 after seeing how many small business owners in Malta were either managing their accounts badly themselves or paying large firm prices for straightforward bookkeeping. We built something in between — boutique attention at small business prices. Today we look after over 80 clients across Malta, from freelance creatives to small construction firms.
Section 3 — Services: Monthly Bookkeeping (transaction recording, bank reconciliation, monthly reports), VAT Returns (quarterly preparation and submission), Annual Accounts (year-end accounts and tax return), and a Free Initial Consultation (30 minutes to understand your situation before we quote).
Section 4 — Why Choose Us: Four reasons — Dedicated accountant (not a rotating team), same working day responses, fixed pricing with no surprise invoices, bilingual service in English and Maltese.
Section 5 — Testimonials: Three placeholder testimonials I will replace. Show first name, business type, and how long they have been a client.
Section 6 — FAQ: Five questions — "Do I need to come to an office?" (No — everything is done remotely.), "How does pricing work?" (Fixed monthly fee agreed before we start — no hourly rates, no surprise bills.), "What if I'm behind on my accounts?" (We handle this regularly. We'll get you caught up together, without judgment.), "Do you work with businesses outside Malta?" (Not currently — we focus entirely on Malta.), "How quickly can I get started?" (Usually within 5 working days of our initial call.)
Section 7 — Contact: A simple enquiry form with fields for name, email, business type, and a message. Plus my direct email address and phone number below the form.
— MY SERVICES —
Service 1: Monthly Bookkeeping — Transaction recording, bank reconciliation, monthly profit and loss summary — From €150/month
Service 2: VAT Returns — Quarterly VAT preparation and submission to the Malta tax authority — From €80/quarter
Service 3: Annual Accounts — Year-end financial statements and tax return — From €400/year
Service 4: Free Initial Consultation — 30-minute call to understand your situation and provide an exact quote — Free
— MY CONTENT —
About us: Clear Books Malta was founded in 2019 after noticing how many small businesses in Malta were either drowning in paperwork or paying large firm prices for basic bookkeeping. We set out to offer boutique-quality accountancy at small business prices. Today we look after over 80 clients across Malta — from solo freelancers to small construction and retail businesses. Every client works with the same dedicated accountant throughout their time with us.
Main call to action: Get a free quote
Email: hello@clearbooksmalta.com
Phone: +356 9912 3456
Social: Facebook facebook.com/clearbooksmalta | LinkedIn linkedin.com/company/clearbooksmalta
— HOW IT SHOULD LOOK —
Colour palette: Deep navy #0f1f3d as the primary colour, clean white #ffffff as the background, warm gold #c9913d as the accent. These three colours only.
Typography: Professional and trustworthy but approachable. Clean, readable sans-serif throughout — nothing fancy. Bold headings, lighter body text. Easy to read for someone who is not a designer.
Brand energy: A professional services firm that is also genuinely human and easy to talk to. Serious enough to be trusted with finances. Approachable enough that a nervous first-time business owner feels comfortable reaching out.
Navigation: Sticky header with logo on the left. Links on the right — Services, About, FAQ, Contact. One gold button — Get a Free Quote.
Footer: Three columns. Left — logo and tagline "Clear accounts. Clear mind." Centre — links to Services, About, FAQ, Contact. Right — email, phone, Facebook, LinkedIn. Copyright line below.
CTA buttons: All in gold #c9913d with white text. Main button says "Get a Free Quote." Secondary buttons say "Learn More."
— SEO AND VISIBILITY —
Page title: Clear Books Malta — Bookkeeping and Accountancy for Small Businesses in Malta
Meta description: Clear Books Malta provides affordable bookkeeping and accountancy for small businesses and freelancers in Malta. Fixed pricing. Bilingual service. Free initial consultation.
Open Graph tags: og:title, og:description, og:type, og:url
Canonical URL: yes
Local business schema markup: business name Clear Books Malta, type AccountingService, address Malta, phone +356 9912 3456
Semantic HTML throughout, proper h1 h2 h3 hierarchy, alt text on all images.
After the main file, generate:
FILE 1 — robots.txt: allow all crawlers, reference sitemap.xml
FILE 2 — sitemap.xml: homepage URL with today's date
FILE 3 — llms.txt: markdown summary — business name, what it does, who it serves, four services with prices, location Malta, email, phone, and Facebook and LinkedIn. Written so AI tools accurately recommend Clear Books Malta when someone searches for bookkeeping in Malta.
Business Website — With Inspiration
Use this when you have found a competitor, an admired brand, or any business website whose design and approach you want to draw from. Describe what works, say what you want to do differently, and Claude will build you something original.
Click to view the full prompt
Build me a complete business website.
— DESIGN INSPIRATION —
Business website I love: [PASTE THE URL — or upload a screenshot to Claude alongside this prompt]
What specifically works about it:
· How the value proposition is communicated in the hero: [WHAT DO THEY SAY FIRST AND HOW — is it a bold headline, a subline, a number, a result they deliver]
· How services or products are laid out: [DESCRIBE THE STRUCTURE — cards, a list, split sections with image and text, pricing table]
· The overall visual feel: [COLOURS, CONTRAST, SPACING, MOOD]
· The trust signals: [HOW DO THEY PROVE THEY ARE WORTH HIRING — testimonials placement, client logos, results, certifications, case studies]
· The call to action: [HOW DO THEY PROMPT VISITORS TO ACT — is the button always visible, is there urgency, is it soft or direct]
· Anything else you love: [DESCRIBE IT]
What I want to be DIFFERENT:
[FOR EXAMPLE — completely different colour palette, I want to add a FAQ section they do not have, I want mine to feel more personal and less corporate, I want to show my prices upfront which they do not, I want a stronger story in the About section]
The impression a first-time visitor should have:
[FOR EXAMPLE — they should immediately understand what we do and feel confident enough to enquire, OR they should feel this is the obvious choice in our market, OR they should feel reassured and trust us before they scroll past the hero]
— ABOUT MY BUSINESS —
Business name: [NAME]
What we do: [TWO CLEAR SENTENCES]
Target customer: [DESCRIBE IN DETAIL]
What makes us different: [SPECIFIC HONEST DIFFERENTIATORS]
Based in: [LOCATION]
— SECTIONS I WANT —
Section 1 — [NAME]: [DESCRIBE]
Section 2 — [NAME]: [DESCRIBE]
Section 3 — [NAME]: [DESCRIBE]
Section 4 — [NAME]: [DESCRIBE]
Section 5 — [NAME]: [DESCRIBE]
Section 6 — [NAME]: [DESCRIBE]
Section 7 — [NAME]: [DESCRIBE]
— MY SERVICES —
[LIST EACH — NAME, WHAT IS INCLUDED, PRICE IF RELEVANT]
— MY CONTENT —
About us (4 to 6 sentences): [WRITE YOUR OWN]
Main call to action: [WHAT YOU WANT VISITORS TO DO]
Email: [EMAIL]
Phone: [PHONE — optional]
Address: [ADDRESS — optional]
Social: [PLATFORMS AND HANDLES]
— HOW IT SHOULD LOOK —
Colour palette: [YOUR COLOURS]
Typography: [DESCRIBE THE FEEL]
Brand energy: [DESCRIBE IT]
Navigation: [WHAT GOES IN THE HEADER]
Footer: [DESCRIBE IN FULL]
CTA buttons: [WORDING AND STYLE]
Any unique element: [ANYTHING SPECIFIC]
— SEO AND VISIBILITY —
In the HTML head:
· Title: [BUSINESS NAME — WHAT YOU DO | LOCATION]
· Meta description (160 characters): [WRITE IT]
· Open Graph tags
· Canonical URL
· Local business schema markup
· Semantic HTML, heading hierarchy, alt text
· Fast and clean
After the main file:
FILE 1 — robots.txt: Allow all, reference sitemap
FILE 2 — sitemap.xml: All main pages, today's date
FILE 3 — llms.txt: Markdown summary of the business — services, location, who it is for, how to contact. For AI tools to reference when recommending businesses like yours.
— TECHNICAL —
· Fully mobile responsive
· Prominent call to action on hero
· Working enquiry form
· Inspired by the reference but completely original
· No lorem ipsum — use my real content
· Fast loading
Click to view a filled-in example
Build me a complete business website.
— DESIGN INSPIRATION —
Business website I love: https://stripe.com
What specifically works about it:
· How the value proposition is communicated: One bold headline in the hero that leaves absolutely no confusion about what they do. No clever wordplay. Just a clear, direct statement of the benefit. I love that.
· How services are laid out: Alternating sections as you scroll — visual or illustration on one side, text on the other, then it flips for the next section. It creates a natural rhythm and makes you want to keep reading.
· The visual feel: Clean white background with a single blue-purple gradient used sparingly for depth and accent. Nothing else competing for attention.
· Trust signals: A row of recognisable company logos right after the hero. It does not say "trusted by thousands" — it just shows you. Much more powerful.
· The call to action: There is always a button in view. In the header, in the hero, at the bottom of each section. You are never far from being able to take action.
What I want to be DIFFERENT:
I run a small local cleaning business in Edinburgh — not a global technology company. So I need it to feel local, personal, and warm. Not corporate. Green and white palette instead of blue and purple. My prices need to be clearly visible upfront — Stripe does not show prices but in my market, showing prices builds trust and saves everyone's time. And I want customer testimonials to be the centrepiece of the trust section, not company logos. That is what converts people looking for a cleaner.
The impression a first-time visitor should have:
This looks like a proper business. I can see exactly what they offer, what it costs, and other real customers clearly trust them. I know how to book. I am going to get in touch.
— ABOUT MY BUSINESS —
Business name: Spark Clean Edinburgh
What we do: We provide domestic and end-of-tenancy cleaning services across Edinburgh. We help busy homeowners keep their homes clean and landlords get their properties ready for new tenants — on time, every time, to a standard that gets deposits returned in full.
Target customer: Edinburgh homeowners who want a regular cleaner they can genuinely trust in their home, and landlords who need reliable end-of-tenancy cleans with a quality guarantee
What makes us different: All staff are fully vetted, referenced, and insured before they ever enter a client's home. We use eco-friendly products throughout — no harsh chemicals. Every single clean comes with a satisfaction guarantee — if you are not happy, we come back and do it again for free. And we have been operating in Edinburgh for six years with a 4.9 star average across all review platforms.
Based in: Edinburgh, Scotland
— SECTIONS I WANT —
Section 1 — Hero: Bold headline — "Edinburgh's most trusted home cleaning service." Subline — "Fully vetted, eco-friendly, satisfaction guaranteed." Two buttons — Book a Clean (primary) and See Pricing (secondary, scrolls to pricing section).
Section 2 — Why Choose Us: Four cards in a row. Fully Vetted Staff, Eco-Friendly Products, Satisfaction Guarantee, Serving Edinburgh Since 2018. Each card has a simple icon, a bold title, and two sentences of explanation.
Section 3 — Services and Pricing: Three service cards. Regular Home Clean (weekly or fortnightly, from £60), Deep Clean (one-off thorough clean, from £120), End of Tenancy Clean (full property clean for landlords and tenants, from £180). Each card shows what is included.
Section 4 — Testimonials: Five testimonials in a grid or carousel — I will provide the real quotes. Show customer first name, area of Edinburgh, and which service they used.
Section 5 — About Us: Spark Clean was founded in 2018 by Callum and Mhairi Fraser after Mhairi spent years frustrated by unreliable cleaners. We built the service we always wanted — properly vetted staff, consistent quality, and a team that actually shows up. We now employ 14 staff and clean over 200 Edinburgh homes every week.
Section 6 — FAQ: Five questions — "Are your staff vetted?" (Yes — every cleaner goes through a DBS check, reference check, and paid trial before working alone.), "Do I need to provide cleaning products?" (No — we bring everything, all eco-friendly.), "What if I'm not happy with the clean?" (We come back and redo it for free. No arguments.), "Can I have the same cleaner every time?" (Yes — we assign you a regular cleaner wherever possible.), "How do I book?" (Use the form below or call us directly.)
Section 7 — Contact: A simple booking enquiry form — name, email, phone, postcode, service type, and preferred day. Plus phone number and email displayed clearly next to the form.
— MY CONTENT —
About us: Spark Clean Edinburgh was founded in 2018 by Callum and Mhairi Fraser. After years of frustrating experiences with unreliable cleaners, they built the service they always wished existed — properly trained, vetted staff, consistent quality, and a team that actually turns up. Today Spark Clean employs 14 staff and cleans over 200 Edinburgh homes every week.
Main call to action: Book a Clean
Email: hello@sparkclean.co.uk
Phone: 0131 456 7890
Social: Facebook facebook.com/sparkcleanedinburgh | Instagram @sparkcleanedinburgh
— HOW IT SHOULD LOOK —
Colour palette: Fresh dark green #2d6a4f as the primary brand colour, clean white #ffffff as the background, warm light grey #f8f8f6 for alternating section backgrounds. These three only.
Typography: Clean, friendly, and professional. Bold sans-serif headings. Easy-to-read body text. Nothing too formal. This is a home service, not a law firm.
Brand energy: A proper professional business that is also warm, local, and run by real people. Not a faceless franchise. Someone should look at this and think "I'd trust these people in my home."
Navigation: Sticky header. Logo on the left — Spark Clean with a small leaf icon. Links on the right — Services, About, Reviews, Contact. One green Book a Clean button.
Footer: Three columns. Left — logo, tagline "Clean homes. Trusted people." and company registration number. Centre — links to Services, About, FAQ, Contact, Privacy Policy. Right — phone, email, Facebook, Instagram icons. Copyright line below.
CTA buttons: Primary buttons in dark green #2d6a4f with white text. Secondary buttons as outlined green. Main CTA always says "Book a Clean."
Specific element: I want the testimonials section to have a soft green tint background to make it stand out from the white sections around it.
— SEO AND VISIBILITY —
Page title: Spark Clean Edinburgh — Trusted Home and End of Tenancy Cleaning in Edinburgh
Meta description: Spark Clean Edinburgh provides vetted, eco-friendly home and end-of-tenancy cleaning across Edinburgh. Satisfaction guaranteed. Prices from £60.
Open Graph tags: og:title, og:description, og:type, og:url
Canonical URL: yes
Local business schema markup: business name Spark Clean Edinburgh, type HouseCleaning, address Edinburgh Scotland, phone 0131 456 7890
Semantic HTML, proper heading hierarchy, alt text on all images.
After the main file, generate:
FILE 1 — robots.txt: allow all crawlers, reference sitemap.xml
FILE 2 — sitemap.xml: homepage URL with today's date
FILE 3 — llms.txt: markdown summary — business name, what it does, services with prices, location Edinburgh, satisfaction guarantee, contact details. Written so AI tools accurately recommend Spark Clean Edinburgh when someone asks for a reliable cleaner in Edinburgh.
What are the extra files Claude generates?
Every prompt above asks Claude or the AI tool you are building your website with to output three files alongside your website. Here is what each one actually does, in plain English.
Think of your website like a new shop that just opened. Your website is the shop itself. These three files are the things you put up to help people find it, a listing in the directory, a sign on the window, and a note for the delivery drivers who bring customers to your door.
robots.txt
Every time Google or any other search engine visits your website, it sends a little bot, like a scout — to look around and decide what to tell people who search for things you offer. The robots.txt file is the note you leave for that scout. It tells it which parts of your site it is allowed to read and which parts to leave alone. For most simple websites the instruction is “come in, read everything.” It also points the scout towards your sitemap so it does not miss any pages.
sitemap.xml
This is a structured list of every page on your website. Google reads it to make sure it has found everything and nothing has been missed. Without it, Google has to discover your pages by following links, which is slower and less reliable. It is like handing someone a floor plan of your building instead of making them wander around until they find all the rooms themselves.
llms.txt
This is the newest of the three and it exists because of the rise of AI search. When someone asks ChatGPT, Claude, or Perplexity “who is a good brand designer in Cape Town?” or “recommend a career coach for women in tech”, the AI reads the internet to find its answer. The llms.txt file is a clear, plain-language summary of your website written specifically for AI to read. It tells the AI exactly who you are, what you do, who you help, and how to contact you, so it can describe you and recommend you accurately. It is still a new standard but it is growing fast and costs nothing to add.