Website templates. Turn your business idea into your own website that you can keep editing with AI.
Bring your offer, work and contact details into one continuous page. See the complete layout and try your content against it before choosing the design.
Sample designs · replace the fictional content with your own.
AI ChatWorkflow example
Your story
You
Can we fit my offer, work and contact on this website and add detail pages only when needed?
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 / Your story
Can one page answer your visitors’ questions?
Yes, when your offer fits a single website with sections for services, work, information about you and contact. A visitor can scroll or use the menu to reach each topic. If you need extensive articles or separate service pages, ask AI to add pages to the project.
Company presentation
Several related questions can share one continuous journey.
Focused campaign
A landing page concentrates on one campaign action; website describes the physical structure.
02 / Full-page layouts
Which sequence fits your content?
For a portfolio, put work before detailed studio information; for classes, put the offer and first visit early; for a product, explain what it does before the FAQ. These templates already have those different sequences, so choose the one closest to your content.
Primefolio
Studio index, work, capabilities, values and scope. Supply your real projects.
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
Primefolio: Source section order
02-primefolio/ index.html · main section order
Exact order in the current HTML. These are original English headings, not a proposed redesign.
01 #hero — Clear thinking.Fresh digital form.
02 #studio-index — Inside this studio
03 #work — Selected studies
04 #studio — A small studio with a wide-angle view.
05 #capabilities — Designed forwhat comes next.
06 #values — ● What mattersGood design starts with a shared understanding. A clear question, room to explore and care in the details.
07 #scope — A clear scope.
08 #decisions — Behindthe decisions.
09 #collaboration — One direction. Many ways to bring it to life.
10 #faq — Good questions.
11 #notes — Studio notes
12 #contact — Let’s give yournext idea a form.
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.
Relayline: Source section order
04-relayline/ index.html · main section order
Exact order in the current HTML. These are original English headings, not a proposed redesign.
01 #unnamed — Give every handoffa clear next step
02 #unnamed — (visual section)
03 #overview — Keep the contextwith the next step
04 #features — Small details. Clearer handoffs. Explore the building blocks of this fictional workspace.
05 #unnamed — The next person should be able to pick up the work without piecing together the whole story.
06 #scenarios — Different work.The same clear handoff.
07 #principles — Built around the personwho picks up next
08 #faq — FAQ
09 #try — A clear next step.Ready when you are.
Primefolio
Original supplied English source; fictional sample content. Open the whole page to inspect the sequence and controls.Open full preview ↗
AI ChatWorkflow example
Content fit
You
Put the essential information first and move this long service description to its own page.
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.
03 / Content fit
How much does your visitor need to understand?
A visitor needs to know what you offer, whether it fits them, what your work looks like and how to contact you. Start with those answers. If one topic needs a long explanation, ask AI to create a separate page and link it from the main website.
Checked locally on this device; nothing is submitted.
Same prepared brief
Source locations
How the content maps
What must change
Primefolio: two services, three projects, three process steps, FAQ and enquiry
#capabilities → #work → #scope → #faq → #contact
Existing capabilities, project details and scope sequence give each inventory item a place.
Replace fictional studio/projects with your actual role and work. Connect the enquiry; long project evidence can move to separate pages.
Morrow: the same five content groups
#classes → #studio → #begin → #first-visit
Class cards can become the two service choices; begin/first-visit can explain preparation and process.
Add a project-evidence section and general FAQ. Remove retreat/class imagery and location implications that do not fit.
Feature/scenario areas provide reusable blocks, but their sample product story differs from a service portfolio.
Rewrite product-state language and add real project context and a received-enquiry route. This needs more structural work than Primefolio for this brief.
Map your own content before choosing
The comparison uses an illustrative independent-consultant brief. Replace it with your inventory. This worksheet stores nothing and does not rank templates automatically.
AI ChatWorkflow example
Navigation & detail
You
Check the menu and project details. I want visitors to get to the right place and return.
AI · example response
I can check each menu link and detail window. I will look for the correct section target, closing behaviour and return to the opening control. If a project needs its own shareable link, we can add a separate HTML page.
Make the menu and details usable
Follow the menu
Check that the selected section appears without being covered by the header.
Open and close details
Check the close button, Escape and return to the project button.
Add an address if needed
Ask AI for a separate project page when someone should be able to share its own link.
Next: repeat the menu and detail actions on phone and desktop.
Illustrative conversation, not a live AI session.
04 / Navigation & detail
Can visitors reach and leave each detail?
The menu can take visitors to a section, while project buttons can open a detail window. Ask AI to check that the menu closes after a click and that detail windows can be closed. If you want to share a project with its own link, create a separate page for it.
Concise detail
A dialog can keep a short project explanation within the page.
Deep or shareable content
Plan new routes when an article or case needs its own address.
Primefolio: an actual desktop control check
At 1118×958 in desktop Chrome, the menu link changed the URL to #work and closed the menu. The Serein case opened with its question and direction; Escape closed it and returned focus to that case button. Mobile, touch and every anchor offset were not checked in this trace.
Actual Serein dialog, desktop Chrome 1118×958, 2 October 2026. English original.
AI ChatWorkflow example
Change the page
You
Add another service section using this website’s design.
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.
05 / Change the page
Can I keep working on this website later?
Yes. Keep your current project folder and ask AI to add a service, new section or separate page using the existing design. Review the preview and publish the updated files. You continue working on your website rather than starting from a new design each time.
See the prepared template example
›_ AI editing exampleFormwell
You
Add a new service to the existing services section and keep the current visual style.
AI · example response
The prepared Formwell example adds a service to the current page. Check content, spacing and navigation before publishing your own update.
Prepared conversation and project versions. No live AI connection.
AI ChatWorkflow example
Files to live site
You
I finished editing the website. Help me publish the folder on Cloudflare or prepare its ZIP for my host.
AI · example response
I can prepare the complete folder and use Cloudflare’s CLI or API to upload it after you authorise account access. Keep index.html and asset paths intact. We can open the resulting address and connect your domain next.
Publish the finished website
Prepare the folder
Keep the finished HTML, scripts and assets in their original relative locations.
Authorise deployment
Use your Cloudflare or Vercel account and allow the agent to deploy through the provider’s CLI or API.
Open the public address
Check the website online, then add your domain and test links, images and contact.
Alternative: give the complete ZIP to hosting support or an IT person. Ask whether they can upload it and connect your domain.
Illustrative conversation, not a live AI session.
06 / Files to live site
What do I add before going online?
Add your content, connect contact or bookings, then publish the complete project folder on your own hosting. Your authorised AI agent can deploy it to Cloudflare or Vercel. Alternatively, give the full ZIP to hosting support or an IT person. Keep the folder structure intact.
Website files + design instructions
Ask your AI agent
Ask it to deploy the completed project to Cloudflare or Vercel with your authorised account access.
Or hand over the ZIP
Send the complete folder as a ZIP to hosting support or an IT person and ask whether they can upload it for you.
Open the public website
Connect your domain if needed, then check pictures, mobile layout, links and contact on the live address.
Choose the design whose sections fit your content, then check the files and licence on its product page. You can start with one template and add more pages later. A separate CMS is only needed if you want a publishing panel instead of updating files with AI.
Does the template include a CMS or blog?⌃
There is no built-in publishing panel. You can add pages or articles by asking AI to edit the project and publish the files. If you want several authors to use a dedicated panel, connect a separate CMS.
Can I add more pages later?⌃
Yes. Ask AI to create another HTML page in the project, reuse the current design and add links in the menu. Preview the new page and upload the updated folder to the same host.
OneDollarStock is implementing a project to prepare the platform for entry into the German market under the “Go Global” acceleration track of the “Unicorn Hub Startup Booster” programme, project no. FENG.02.28-IP.02-0013/23. The project is co-financed by the European Funds for Smart Economy 2021–2027 under the priority “Innovation-friendly environment”, Measure FENG.2.28 Startup Booster Poland.
Learn more about the project →
