Skip to content
YOUR ADDRESS. YOUR WEBSITE. A WAY TO CONTACT YOU.

Share your website with clients on your own domain. Give them a clear way to contact you or book.

Choose a prepared HTML design and adapt the content in your AI. Put the site on your chosen hosting and connect contact or booking to your chosen service. OneDollarStock provides the design and editable files.

Claude Code · Codex · Cursor · Gemini CLI
Serein → Vale Studio
Original Serein: large SEREIN STUDIO title and an illustration of figures and plants on a green background.
AI ChatExample request summary
You

Work with Serein’s index.html and RECREATE.md. Prepare fictional Vale Studio: the name and V. mark in the header, title “VALE STUDIO”, label “Sample movement studio” and the description from the full request. “Contact and enquiries” should lead to the existing contact section and “Meet the studio” to the studio description. Keep the illustration and design. Save the file and show the preview.

index.html · RECREATE.md
AI

The preview shows prepared Vale Studio. The hero button leads to contact, and the second to the studio description. The illustration and design remain.

Prepared conversation example. The button copies the full file editing request. No live AI connection.

Full request to copy

Serein and a prepared opening for fictional Vale Studio. The name and hero content changed; other sections retain the source English content.

Project files

Unzip the project and give your AI index.html and RECREATE.md. Add your own content and contact details.

index.htmlRECREATE.md
01 / FROM PREVIEW TO A WEBSITE FOR CLIENTS

A client can open the address and find a way to contact you.

Prepare three things: a page with your content, an address to share and a route to contact you. Check the whole journey as a visitor before sending the link to clients.

01

Share one address for your website.

Choose hosting and connect your own domain. Open the public address on a phone and computer to check the site beyond the local preview.

02

Lead clients to the right contact route.

Add your own email, phone number or the address of a working booking service. Point the button to your chosen contact route.

03

Check where the enquiry goes.

If you use a form, connect it to message handling. Send a test enquiry and check receipt; for booking, go through the date selection.

The projects shown include editable HTML and a RECREATE.md guide. Check the template page for the exact package contents.

02 / CONTACT THAT FITS YOUR OFFER

Adapt contact to how you want to receive enquiries.

Use the existing contact area for your own email and button text. The prepared example below opens the email app; replace the address with yours before publishing.

Vale Studio
Contact in the first Vale Studio version: original English Serein text and Find a practice button beside an illustration of a seated person and plant.
AI ChatExample request
You

In Vale Studio’s saved index.html, change only contact. Label: “Contact / example”. Heading: “Write to us.”. Description: “Ask about classes at Vale Studio. Replace the sample address [email protected] with yours before publishing.”. The “Open email” button should open the email app with [email protected] and subject “Class enquiry for Vale Studio”. Keep the rest of the page. Save the file and show the preview.

AI

Contact now has adapted text and a button for preparing an email. The address is labelled as a sample. Clicking opens the email app; the visitor sends the message.

Original English contact and a prepared Vale Studio version. The sample mailto opens the email app if configured. The visitor sends the message.
03 / CHOOSE A WEBSITE FOR YOUR OFFER

Choose a layout to prepare for your own domain.

Open the full previews and check the space for your offer and contact details. Start with the design closest to what you want to show clients.

Serein / illustrated class offer

Serein / illustrated class offer

A green movement studio design with illustrations and a contact area. Check the layout for your own classes.

View the full template
Stillday / photographic service presentation

Stillday / photographic service presentation

A lavender wellness design with photos and service descriptions. View it when you want photography to lead your website.

View the full template
Novera / creative studio website

Novera / creative studio website

A dark studio presentation with project images and contact. Check the space for your own business offer.

View the full template
04 / PREPARE THE JOURNEY FROM VISIT TO CONTACT

Use the prepared layout and connect the services you need.

The template provides the design and editable files. Adapt your offer and contact details with AI, then use your chosen services to handle messages or bookings.

01

Adapt the site to your offer.

Ask your AI to edit content, brand and contact details in the chosen template files.

02

Connect the address and services.

Publish the files on your chosen hosting, connect your domain and set up your contact or booking service.

03

Check and share the link.

Open the public website and test buttons and the enquiry route. Then send the address to clients.

Design and instructions included

  • Editable HTML with an offer and contact layout to adapt to your business.
  • A RECREATE.md guide describing the chosen design for further work.
  • Illustrations or materials listed for the product; Serein’s SVG illustrations are saved in the HTML.

What else you need to prepare

  • Work in a tool that reads and saves files, such as Claude Code, Codex, Cursor or Gemini CLI. Choose and pay for your AI separately.
  • Arrange hosting, a domain and a message or booking service. Their accounts, setup and fees are separate.
  • Before sharing, check the public address on a phone and verify actual enquiry receipt or the booking journey.

Try a website edit with free Formwell.

Download the project and ask your AI to change the name or contact details. Open the preview and see how you prepare files for your own website.

Download Formwell free

THE TEMPLATE LIBRARY

Choose the website design you want to publish.

Explore ready HTML websites. Choose a design, adapt its content in your AI, then arrange hosting and the connections you need.

Explore the full catalogue

82 website templates

CHOOSE YOUR ACCESS

Get one template. Or the full library of website templates, photos, mockups, presets and more — in one PRO plan.

Already chosen a design? Get a single template. Want to build more websites and use creative assets? Choose PRO access.

Single template

Your chosen HTML design and files to adapt before publication.

$29.00 USD/ template

  • Your chosen website design
  • Source files and AI instructions
  • One payment
Choose my website project

PRO Yearly

The full PRO library: use designs and creative assets while your subscription is active.

$149.99 USD/ year

  • Full website template library
  • Photos, mockups, presets, LUTs and textures
  • One year of PRO library access
  • Renews automatically each year. Cancel anytime.
Special Lifetime offer

PRO Lifetime

Ongoing access to the PRO library with one payment, for more websites and creative assets.

Previous price$599.00 USD

$199.00 USD/ once

  • Full website template library
  • Photos, mockups, presets, LUTs and textures
  • Lifetime access to the PRO library
  • One payment. No annual renewals.

Commercial Use pricing. Prices and taxes are confirmed at checkout. Your AI tool, domain and hosting are separate.

05 / BEFORE SENDING CLIENTS THE ADDRESS

Check publication and how enquiries reach you.

What do I need to publish on my own domain?

Prepare your website files, hosting and domain. After adapting the design, put the files on your chosen hosting and set up the domain using its instructions. Open the public address and check images, links and the phone layout. Buying a template provides the HTML design; arrange hosting, a domain and publication separately.

How do I make a form receive messages?

Add a form to the page and connect it to a service that receives and forwards messages. Set up fields, recipient details and the submission result according to that service’s requirements. Send a test message and check that it arrives.

How do I add contact or booking to the website?

You can link a button to your own email or phone number, or add the address of your working booking service. A form requires a message handling connection. Choose the route you need, ask your AI to edit the files and test it on the public site. Set up your calendar, available dates and confirmations in your chosen service.

What do the comparisons and AI conversations show?

They are prepared edits for fictional Vale Studio in copies of the HTML. The first changes the opening, the second contact text and an email app link. Replace the sample address with your own. The visitor sends the message; the comparison does not confirm receipt. Copy the full first request into your AI and provide the project files.

Can I update the website after publication?

You can ask your AI to edit content, contact details or buttons in the project files. Check the saved preview, publish the updated files on your hosting and test the public address and contact route again. Keep the connected service settings or adapt them if your handling process changes.

Prepare a website to send your clients to.

Choose a template, adapt your offer and contact details, then put the site on your own address. Check the enquiry route before sharing the link.

06 / PREPARE TO PUBLISH AND HANDLE ENQUIRIES

Share the website. Connect the form to message handling.

See how to put an HTML project on your own address and connect the functions you need.