Website templates for OpenAI Codex. Build your own website by asking Codex to make changes to a ready-made design.
Choose an existing frontend, tell Codex what should change and inspect the result. This workflow uses project files; it does not assume every ChatGPT interface can edit the same folder.
Sample designs · replace the fictional content with your own.
AI ChatWorkflow example
OpenAI Codex · Website project folder
You
Read index.html, RECREATE.md and the assets in this folder. Tell me where the headline, images and contact links are before editing.
AI · example response
I will inspect the files and list the sections, image paths and links. I will also identify any form that only demonstrates an action.
You
Use the existing HTML. My business copy and images are in the materials folder.
AI · example response
I will match those materials to the existing sections and ask about missing content rather than invent it.
Steps to take
Open the folder
Unzip the project and give the agent access to it.
Inspect the page
Read the HTML and instructions before replacing content.
Add your materials
Supply your copy, images and actual contact destination.
Result to aim for: the agent works on your actual website files.
Illustrative workflow. No live AI connection.
01 / The source project
What does Codex work from?
The delivered HTML and its design guide, in a project folder Codex can access. Morrow is a movement-studio presentation; its class presentation and controls are frontend examples, not booking software.
Website files + design instructions
index.html
Use the supplied frontend for direct content and design changes.
RECREATE.md
Use the guide as a reference or a separate reconstruction target.
Preserve a baseline
Save the untouched package and a version checkpoint before editing.
See the source files and technical details
The actual project files
07-morrow · Current inspected ZIP
Current product download inspected on 2 October 2026. Files and remote resources belong to this named project; other templates differ.
The guide describes the original fictional page. Keep its role separate from the changes you want for your own business.
Build an English movement-studio demonstration as `index.html` plus `assets/favicon.svg` and six local PNG copies listed in section 9. Put all CSS and vanilla JavaScript in the HTML; use no framework, bundler, build step, external JavaScript or library. Reproduce the structure, copy, proportions, palette, image placement and behavior specified here. Keep native browser scrolling and native HTML dialogs.
Tell Codex exactly what to replace and what to keep. For example: use my company name, paste these service descriptions, link the button to my booking page, and keep the layout. This lets you customise the site without asking it to redesign everything.
›_ AI editing exampleFormwell
You
Adapt Formwell for the fictional Alder brand studio. Change the name, hero headline and introduction. Keep the layout and sample project artwork.
AI · example response
The prepared preview replaces the company name, hero headline and introduction. Compare the Content and Original tabs to see those edits; the other project images remain sample content.
Prepared conversation and project versions. No live AI connection.
Plan a Codex edit and review
Your own working plan
03 / Codex access
Which OpenAI Codex workflow does this mean?
The documented starting point is Codex CLI in a local project. Other Codex and ChatGPT surfaces have their own file-access, permissions and preview methods.
Is this WordPress Codex?⌃
No. This page concerns OpenAI Codex as coding tooling, not the WordPress documentation named Codex.
Is Codex included with the template?⌃
No. Check current OpenAI account and usage requirements separately.
AI ChatWorkflow example
OpenAI Codex · Keep and restore a website version
You
Before editing, save this approved website version. Set up a Git checkpoint if available and keep my original ZIP unchanged.
AI · example response
I will confirm where the saved version is before applying the next change.
You
I prefer the previous layout. Restore it, but keep the new contact email.
AI · example response
I will compare the versions, restore the previous layout and check that the contact email remains the one you requested.
Steps to take
Save before editing
Keep the original ZIP and an approved folder or Git version.
Name what to restore
Tell the AI which version and which elements should return.
Check the restored page
Open it and verify content, layout and contact links.
Result to aim for: a deliberate return to the version you prefer.
Illustrative workflow. No live AI connection.
04 / Later changes
Can I keep changing the website later?
Yes. Keep the website folder, open it again in Codex and describe the next change: add a service, replace a photo or update your prices. Ask it to save a copy or Git version first so you can return to the previous design.
01
Describe the next result
Specify the exact heading, section or visitor action to revise.
02
Inspect and keep
Read the diff, open the page and keep the version only after review.
See the source files and technical details
A small change you can inspect
07-morrow/index.html · L84
These excerpts come from the inspected English original. The following examples are prepared source edits, not a live AI session. Sample businesses and work remain fictional.
Before
<h1 id="hero-title">Make room<br>for <em>yourself.</em></h1>
First prepared edit
<h1 id="hero-title">Make room<br>for <em>movement.</em></h1>
Follow-up prepared edit
<h1 id="hero-title">Make room<br>for <em>movement.</em></h1>
A saved version you can return to
07-morrow · LP14-restore.diff
The saved first edit was copied back on a disposable local file and its checksum matched. This demonstrates file restoration, not an agent checkpoint or a hosting rollback.
These excerpts come from the inspected English original. The following examples are prepared source edits, not a live AI session. Sample businesses and work remain fictional.Open full preview ↗
Prepared source edit
This prepared version changes selected text or visuals in the same project. Its existing structure and sample content remain. Compare the files before applying a similar change to your business.Open full preview ↗
AI ChatWorkflow example
OpenAI Codex · Connect the booking button
You
Link the class booking buttons to my existing booking page. I supplied the real URL; keep the class descriptions.
AI · example response
I will replace the sample destinations with that URL and check each button. The booking provider will handle the actual reservation.
You
After publishing, help me make a test booking and confirm it appears in my booking account.
Steps to take
Use your booking service
Supply its actual booking URL or documented embed.
Connect the buttons
Ask the agent to replace the sample links without inventing a booking system.
Try a reservation
Follow the link and verify the result in the provider account.
Result to aim for: visitors book through your existing service.
Illustrative workflow. No live AI connection.
05 / Page and services
Does the new page include live booking?
The template shows classes and booking buttons, but it does not provide a booking system. Give Codex your booking-service URL to connect the buttons, or ask it to embed the service using that provider’s instructions. Then make a test booking.
Checked locally on this device; nothing is submitted.
06 / Choose a template
Choose by the website story you need.
Morrow fits a studio and class presentation. A portfolio, course or software product needs a different content structure. Compare these designs without assuming every package has the same Codex test history.
Morrow
Present classes, the studio and first-visit information. Live booking needs a separate destination.
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 / Continue the workflow
What should I resolve before buying?
Before buying, choose a design that fits your content and confirm you have a Codex workflow with project-file access. Budget separately for AI, hosting and your domain. If the site needs booking or contact delivery, identify the service you will connect rather than expect it inside the template.
Choose a template. Make it your website with OpenAI Codex.
Download the files, open the project in your AI tool and describe your business changes. You start from an existing design and can keep editing the saved website.
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 →
