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.

Choose my website template See PRO library access

Claude Code · Codex · Cursor · Gemini CLI

Serein → Vale Studio

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

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

Work with index.html and RECREATE.md from Serein. Change only the header name and hero content to fictional Vale Studio. Set lang="en" and the document title to “Vale Studio — Prepared Publication Example”. In the .brand link keep href="#top", set aria-label="Vale Studio", change .brand-mark from S. to V. and the name to Vale Studio. Set .hero .eyebrow to “Sample movement studio”. Keep the h1 structure and put exactly VALE <span>STUDIO</span>. Description .hero-intro: “A fictional movement studio. Explore the classes and contact us to ask about your first session.”. In .hero-actions set the first button to “Contact and enquiries” with href="#contact" and the second to “Meet the studio” with href="#about". Keep arrow markup and existing anchor sections. Preserve the source layout, colours, fonts, all SVG illustrations, CSS and JavaScript, lower English sections and original Serein contact. Save index.html and show the preview.

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.

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.

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.

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

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.

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

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

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

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.

Adapt the site to your offer.

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

Connect the address and services.

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

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

Avenlo See template

Aster Works – Website Template for AI Agents

Aster Works See template

Lumenloop – Website Template for AI Agents

Lumenloop See template

Flowline – Website Template for AI Agents

Flowline See template

Avenor See template

Tandem Airworks – Website Template for AI Agents

Tandem Airworks See template

Rillstone Studio – Website Template for AI Agents

Rillstone Studio See template

Moss & Metric – Website Template for AI Agents

Moss & Metric See template

Asterline Studio – Website Template for AI Agents

Asterline Studio See template

LumenDesk – Website Template for AI Agents

LumenDesk See template

Pivota Workflow – Website Template for AI Agents

Pivota Workflow See template

Relaywise – Website Template for AI Agents

Relaywise See template

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.