Static website templates. Own your files and keep developing your website even when you change hosting or AI tools.
Start with editable website files and a design you can see. Check how you will update content, publish the page and connect any services your website needs.
Sample designs · replace the fictional content with your own.
AI ChatWorkflow example
What static means
You
Can this static site keep the interactive menu and project detail windows?
AI · example response
Yes. The supplied JavaScript can run the menu and detail windows in the visitor’s browser. I can keep or adapt those interactions. If you want messages to arrive or accounts to work, we will connect the relevant external service separately.
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.
01 / What static means
Can a static website still have interactions?
Yes. JavaScript can open menus, filters, detail windows and other interactions directly in the browser. A static site can therefore look and feel interactive. Messages, account logins and payments need a connected service to receive and process the data.
Presentation and local UI
Content, navigation and sample browser interactions belong to the frontend.
Data and services
Bookings, payments, accounts and message receipt need a chosen system and implementation.
AI ChatWorkflow example
Requirement fit
You
I need a company website with contact, and I may want a blog, shop or customer logins. Which of these does the HTML design give me and which need another service?
AI · example response
The HTML project provides the public website: content, images, navigation and browser interactions. Tell me which functions you need now. A contact form needs a receiving service; a shop needs checkout and order handling; customer logins need an account system. For frequent publishing through a panel, add a CMS. For occasional edits, we can update the files with AI.
List what your website must do
Write a short requirements brief
List the pages, who edits them and whether you need contact, bookings, a shop, logins or frequent articles.
Match each function to its service
Ask AI which parts are website presentation and which need a form service, booking system, commerce, accounts or CMS.
Choose the design with that setup in mind
Choose a layout for your content and plan the required service connections when you personalise it. You do not need to add functions you will not use.
Next: select an HTML design knowing whether you also need contact, commerce, account or publishing services.
Illustrative conversation, not a live AI session.
02 / Requirement fit
What must your website do?
A static project fits a company website, portfolio or campaign where you update files when something changes. For frequent multi-author publishing or a customer application, you may want a CMS or backend alongside it. Ask AI to explain the setup your planned features require.
Files can fit
You accept an editing-and-republishing workflow and can connect the services you need.
Plan another system
Frequent author editing, accounts or transactions need their own operating workflow.
AI ChatWorkflow example
Files & resources
You
Inspect this folder. Which pictures and fonts are local, and which still load from the internet?
AI · example response
I can inspect the HTML for local image paths, remote images and font URLs. I will explain which need an internet connection and which files must stay beside index.html when the project is uploaded.
Check what the files need
Inspect the source
Ask AI to list local and externally loaded resources.
Retain paths
Keep asset folders and relative filenames unchanged when moving the project.
Open the published copy
Check whether pictures and fonts load on the actual hosting address.
Next: fix a missing path or replace an unavailable resource before publishing.
Illustrative conversation, not a live AI session.
03 / Files & resources
Is the selected project self-contained?
That depends on the project: some images and fonts may still load from external addresses. Ask AI to inspect the HTML and tell you which resources are local and which need an internet connection. Keep the supplied folder structure when copying or publishing the files.
Website files + design instructions
Local files
index.html and any asset folders need to stay together when moved.
External resources
Ask AI to identify remote images and fonts. Where permissions allow, it can help package resources locally.
Live services
Forms, bookings and app links need their own working destinations even if all website files are local.
Current source: two inline style blocks, one inline script, no form and no external script or stylesheet URL. Three image URLs point to a public media host. The ZIP also contains three companion images; the HTML still uses hosted URLs. This is a source inventory, not an offline or load-time guarantee.
Original supplied English source; fictional sample content. Open the whole page to inspect the sequence and controls.Open full preview ↗
AI ChatWorkflow example
Update owner
You
Change this service description in my current static website and prepare the updated files.
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.
04 / Update owner
Who will make the next content update?
You can. Open the current folder in AI and describe the text, photo or section you want to change. You can also edit HTML directly or have a developer do it. After reviewing the preview, publish the changed files to the same hosting project.
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.
See the source files and technical details
Original → saved service content
11-forma-studio/index.html · #services first service heading and paragraph
Exact before/after content. The saved file is the edited preview above.
Web design
Start with the pages and decisions a visitor needs. Shape the content, establish a readable hierarchy and carry the visual identity through responsive layouts and useful interface states.
→
Editorial website design
For an independent publication: plan the issue index, article layout and contributor information. Deliver a page map, a reusable article layout and content notes. This is a hypothetical service brief, not a real client engagement.
Original Forma Studio service
Original supplied English source; fictional sample content. Open the whole page to inspect the sequence and controls.Open full preview ↗
Saved edit: editorial website scope
Actual prepared source edit: the first service title and paragraph now name audience, inputs and deliverables. Hypothetical service, not a provider transcript. The page is locally previewed; customer ZIP unchanged.Open full preview ↗
AI ChatWorkflow example
Publish the files
You
Publish my finished website on Cloudflare through its CLI or API. I will authorise my account access.
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.
05 / Publish the files
How do files become a live website?
Ask your file-capable AI agent to publish the finished folder to Cloudflare or Vercel using the account access you authorise. It can handle the CLI or API steps and help connect your domain. Alternatively, send the complete project ZIP to hosting support or an IT person. Keep every folder and asset in place.
01
Ask your AI agent
Ask it to deploy the completed project to Cloudflare or Vercel with your authorised account access.
02
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.
03
Open the public website
Connect your domain if needed, then check pictures, mobile layout, links and contact on the live address.
If the setup fits, which design should I start with?
Start with the design that fits your content, then inspect its files and full preview. These projects give you different website layouts to personalise with AI. For a service business, portfolio or product presentation, choose by the information you want visitors to see.
Forma Studio
Identity and digital-studio presentation with work, approach and services.
Current download inspected on 2 October 2026. Confirm the selected files on the product page.
index.html
RECREATE.md
Some resources may load from external URLs. Review the selected project before publishing.
Sample designs · replace the fictional content with your own.
07 / Fair trade-offs
Is static automatically cheaper, faster or safer?
Not automatically. Hosting costs, image sizes, connected services and how you update the site all affect the result. A static project lets you choose the host and retain your files; compare the actual setup you intend to use instead of assuming a universal saving.
Can I receive contact messages?⌃
Yes. Connect the form to a receiving service or use an email link. Ask AI to configure the chosen route, then submit a test and check your inbox or service dashboard for receipt.
Can this replace a frequently edited CMS?⌃
For occasional updates, you can edit files with AI and republish. If you need frequent publishing by several people through a panel, connect a CMS or choose a system built for that workflow.
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 →
