Business website templates

Business website templates. Build your own website and update it yourself with AI whenever your offer changes.

Give visitors a clear path through your services, experience and contact details. Choose the structure that matches how customers learn about your business and get started.

Find a design for my business Plan how customers get started

Morrow

Orbit

Verdan

Sample designs · replace the fictional content with your own.

AI ChatWorkflow example

Customer questions

You

Make it clear what my business offers, where we work and how to ask for a quote.

AI · example response

Give me your offer, main examples and how visitors should contact you. I can place them in the template’s sections and move or add sections if your content needs a different order.

Arrange your website content

Collect the material
Use your service descriptions, project images and contact details.
Place it in the template
Ask AI to replace sample sections and keep the design elements you like.
Reorder or add a page
Move important information earlier or create a detail page when it needs more room.

Next: read the website as a visitor and see whether the offer and contact are easy to find.

Illustrative conversation, not a live AI session.

01 / Customer questions

What must be clear before a customer contacts you?

A client should know what you do, who your service is for, where you work and how to ask for a quote. Put those details in the template’s service and contact sections. They can understand the offer before writing the first message.

The offer

Say what is included and which customer need it addresses.

The fit

Make relevant conditions, exclusions and availability clear.

02 / Business designs

How should your services be organised?

Start with the service layout closest to your business: classes in Morrow, consulting in Orbit, a visual practice in Verdan or a course in Framewise. Ask AI to change the names, descriptions and contact route to your own offer; the structure is already there.

Morrow

Classes, first-visit information and calm studio presentation; booking is separate.

See price and files ↗

Inspect the files

Current download inspected on 2 October 2026. Confirm the selected files on the product page.

index.html
RECREATE.md
assets/favicon.svg
assets/morrow-cabin.png
assets/morrow-fold.png
assets/morrow-group.png
assets/morrow-hero.png
assets/morrow-portrait.png
assets/morrow-still.png

Some resources may load from external URLs. Review the selected project before publishing.

Orbit

Services and approach for a studio or consulting-style presentation.

See price and files ↗

Inspect the files

Current download inspected on 2 October 2026. Confirm the selected files on the product page.

index.html
RECREATE.md
assets/bridge.webp
assets/connect.webp
assets/folio.webp
assets/lens.webp
assets/loop.webp
assets/relay.webp

Some resources may load from external URLs. Review the selected project before publishing.

Verdan

Disciplines, approach and services for an environmental design studio.

See price and files ↗

Inspect the files

Current download inspected on 2 October 2026. Confirm the selected files on the product page.

index.html
RECREATE.md
assets/courtyard.png
assets/forest.png
assets/meadow.png
assets/workspace.png

Some resources may load from external URLs. Review the selected project before publishing.

Framewise

Course practice, instructor and curriculum; enrolment services are separate.

See price and files ↗

Inspect the files

Current download inspected on 2 October 2026. Confirm the selected files on the product page.

index.html
RECREATE.md
assets/creator-blue.png
assets/creator-coral.png
assets/creator-lilac.png
assets/creator-mint.png

Some resources may load from external URLs. Review the selected project before publishing.

Sample designs · replace the fictional content with your own.

See the source files and technical details

Morrow: Source section order

07-morrow/ index.html · main section order

Exact order in the current HTML. These are original English headings, not a proposed redesign.

01  #home — Make roomfor yourself.
02  #begin — Take it at your pace.
03  #unnamed — (visual section)
04  #classes — A little movement.A little space.
05  #studio — A shared space.Your own rhythm.
06  #retreat — A slower weekend.
07  #first-visit — You can start here.
08  #journal — A few thoughts onmoving, noticingand making space.

Orbit: Source section order

03-orbit/ index.html · main section order

Exact order in the current HTML. These are original English headings, not a proposed redesign.

01  #home — Intelligence, applied.
02  #unnamed — Concept studies
03  #identity — (visual section)
04  #studio — ORBIT AI is a concept studio for useful AI. We turn repetitive workflows into clear, testable product ideas — with thoughtful interfaces and people in control.
05  #work — Concept studies
06  #approach — From the first workflow sketch to final review, we explore how AI can fit the way a team works. Each concept starts with a task, a person and a clear boundary.
07  #services — Discovery
08  #process — From ideato workflow.
09  #contact — Make room forbetter work.

Visitor question	Source location	What the actual source shows	What your website needs
Is the service right for me?	Morrow #classes / Orbit #services	Morrow distinguishes six class types; Orbit distinguishes eight service scopes.	Your actual eligibility, exclusions and deliverables.
What happens first?	Morrow #begin / #first-visit · Orbit #approach / #process	First-visit preparation versus workflow → prototype → human review.	Inputs, timing and responsibility for the first step.
What can I verify?	Morrow #studio / Orbit #work	Studio context and fictional concept studies, not credentials or client outcomes.	Real identity, location, permitted work and supported qualifications.
Who receives my request?	Orbit #brief-dialog / Morrow local contact detail	Orbit prepares a brief in the browser. Neither source provides a working business inbox or booking system.	Choose a receiver or scheduler and verify receipt before launch.

Morrow

Original supplied English source; fictional sample content. Open the whole page to inspect the sequence and controls.

Open full preview ↗

Orbit

Original supplied English source; fictional sample content. Open the whole page to inspect the sequence and controls.

Open full preview ↗

AI ChatWorkflow example

Trust through facts

You

Use these real projects and experience instead of the sample reviews.

AI · example response

Send the brief, your role and the finished images. I can turn the notes into a short project description and place it beside the work. I will use results only if you supply them.

Add a real project

Project and brief
Name the client or project and explain the problem you were asked to solve.
Your contribution
Explain what you delivered and add the images or screens showing that work.
Result
Show the completed work. Add a business result if you can support it; otherwise describe what was delivered.

Next: read the project description beside your own images.

Illustrative conversation, not a live AI session.

03 / Trust through facts

What can a customer verify about your business?

They can see your previous work, the people providing the service and the company’s contact details. Add your project photos, short examples and relevant experience. If you are starting out, describe what you offer and how you work rather than keeping the template’s sample reviews.

People and expertisePublish genuine roles and qualifications, with relevant permissions.Work and feedbackUse approved projects and permitted testimonials, not sample content.

Checked locally on this device; nothing is submitted.

AI ChatWorkflow example

Customer start

You

Explain by the form what a client sends and how I reply with a quote or meeting.

AI · example response

I can put your actual process beside the form: the client sends a brief, you read it and reply with questions, a quote or a meeting link. Tell me which information you need in the brief. The connected form service delivers it to your inbox.

Explain what happens after an enquiry

Choose the destination
Use your email address, a form-receiving service or your booking link.
Ask AI to connect it
Give it the destination and ask for the button or form to be connected. Private credentials stay in the authorised tool setup, not the public HTML.
Send a test
Confirm the message arrives or the booking appears in your service, not only as a success message on the page.

Next: check the test message or booking inside your receiving service.

Illustrative conversation, not a live AI session.

04 / Customer start

What happens after the first enquiry?

You receive the client’s description, decide whether you can help and reply with questions, a quote or a meeting link. Explain that process next to the form so the client knows what to send. You decide how enquiries are handled in your business.

01
Client sends a brief

The form or email collects the task, timing and reply address.
02
You answer

Reply with the questions, quote or meeting link that fits how your business works.

AI ChatWorkflow example

Working contact

You

Connect the booking button to my real calendar and help me test an appointment.

AI · example response

Choose email, a form-receiving service or a booking link. I can connect that destination and help check a test submission. A message shown in the browser is not proof it arrived.

Connect enquiries to your inbox

Choose the destination
Use your email address, a form-receiving service or your booking link.
Ask AI to connect it
Give it the destination and ask for the button or form to be connected. Private credentials stay in the authorised tool setup, not the public HTML.
Send a test
Confirm the message arrives or the booking appears in your service, not only as a success message on the page.

Next: check the test message or booking inside your receiving service.

Illustrative conversation, not a live AI session.

05 / Working contact

Will your business receive the message or booking?

Yes, after you connect the form, email link or booking button to your own service. Ask AI to add the destination and send a test. For bookings, connect your calendar or booking service so the client can choose a real available slot.

Choose the destination

Use your email address, a form-receiving service or your booking link.

Ask AI to connect it

Give it the destination and ask for the button or form to be connected. Private credentials stay in the authorised tool setup, not the public HTML.

Send a test

Confirm the message arrives or the booking appears in your service, not only as a success message on the page.

See the source files and technical details

Orbit: local file, not a received enquiry

03-orbit/ script: #download-brief click handler

The original handler creates a text Blob and triggers a download. Actual desktop test produced a hypothetical workflow brief and the prepared-download status; saved-file arrival was not returned by the browser tool. No email, recipient or live enquiry receipt was claimed.

$('#download-brief').addEventListener('click',()=>{const url=URL.createObjectURL(new Blob([briefText],{type:'text/plain;charset=utf-8'}));const link=document.createElement('a');link.href=url;link.download='orbit-ai-sample-brief.txt';link.click();setTimeout(()=>URL.revokeObjectURL(url),1000);$('.status').textContent='Your brief has been prepared for download. Nothing has been sent.'});

Orbit

Original supplied English source; fictional sample content. Open the whole page to inspect the sequence and controls.

Open full preview ↗

AI ChatWorkflow example

Keep services current

You

Update my services and phone number in this current website folder.

AI · example response

I can edit the supplied HTML using your content and images. Tell me what to change and what to keep, then we can open the preview and refine it.

Make the template your website

Use the current folder
Continue with the website files you last published so earlier changes stay in place.
Describe what changed
Give AI the new information and name the section or element to update.
Preview and republish
Open the updated page, then upload the complete updated project to the existing host.

Next: review your content in the updated website preview.

Illustrative conversation, not a live AI session.

06 / Keep services current

Can I change services and details later?

Yes. Open the current project and write what changed: a service, team member, price, phone number or address. AI can edit those details and preserve the layout. Preview the changes and deploy the new files to the same hosting project.

See the prepared template example

AI editing exampleFormwell

You

Add a new service to the existing services section, preserving the design.

AI · example response

The prepared Formwell example adds a service. Your business version needs approved service facts and a checked contact route.

index.html · RECREATE.md

Formwell · prepared HTML preview

Open full preview ↗

Prepared conversation and project versions. No live AI connection.

07 / Ready to choose

What else should I check before buying?

Check whether the design has room for your services and projects, and decide how clients will contact you. You can use AI for later changes and publication. Hosting and domain are separate; a CMS is optional if you prefer a dedicated content editing panel.

Choose for a consulting engagement Choose for a studio or agency Plan a small-business website

See Morrow’s price and files

Formwell / Website files + design instructions