Describe a website.Get a real one.
An AI agent that plans it with you, builds it while you watch, and changes anything you point at. With its own admin panel, database and code.
Fresh bread every morning.
Sourdough, seeded rye and butter croissants, baked before the street wakes up.
Every project starts with a sentence.
A portfolio, an event, a shop, an app with accounts and data: each gets its own look, its own pages and its own content. Here are four briefs and the kind of project each one asks for. Start from any of them.
- lena-marsh · live preview
Website
A portfolio for a wedding photographer: a few full-width galleries, prices, and a contact form for dates.
- form-27 · live preview
Website
A one-page site for a two-day design conference in Berlin: speakers, schedule, venue and tickets.
- atelier-nord · live preview
Website
An online shop for my ceramics studio in Bergen: cups, vases and plates made to order, shipped across Europe.
- brightside · live preview
App
A SaaS for dental clinics: they manage their dentists, patients and appointments, and patients can book online.
Example designs drawn for this page; the photos are stock pictures.
One sentence in. A live site out.
Here is one brief on its way through the studio. Nothing is built until you agree with the plan, and you watch every step happen on your project's own live preview.
You describe it.
In your own words, as long or as short as you like. Paste a link or a screenshot of a site you like and it starts from that instead.
A site for my bakery in Lyon: our breads, the menu, opening hours and Sunday brunch bookings, in French and English.instagram-feed.png· for the lookIt plans it with you.
The agent asks what it needs to know, then proposes the pages, the look and the content. You change what you want and approve it.
Plan for Ferro & Fig- Pages
- Home, Breads, Menu, Brunch, Visit us
- Look
- Warm and editorial
- Languages
- Français, English
- It asked
- Should brunch be booked online?You: Yes, Sundays only, tables of 2 to 6.
Build this planChange somethingIt builds while you watch.
Each project runs as a real site in its own preview: you see it take shape, then check it on desktop, tablet and phone. The agent reviews its own work and fixes what it finds.
- Wrote the five pages
- Matched six photos to the brand
- Translated everything into French
- Checking accessibility and layout
- Updating the live site
You publish it.
One click puts it online at its own address. Or download the whole project, with a bundle ready to deploy on your own server.
PublishOnlineAddress
ferro-and-fig
Coolify bundleProject zip
Need an app? It plans it with you first.
Switch to App (SaaS) and the agent works like a product team: a few rounds of questions, then a strategy, a spec of who can do what, and a task plan, all on one Blueprint you approve step by step.
Then it builds the plan one task at a time, runs the checks after each, and signs in as every role to try the permissions for real.
Question 2 of 4
How do patients book?
- Online, in any free slotAgent's pick
- They request, the clinic confirms
- By phone only
Not sure? “Decide the rest for me” lets the agent choose.
| Action | Patient | Dentist | Clinic owner |
|---|---|---|---|
| Book an appointment | their own | Yes | Yes |
| See the calendar | No | Yes | Yes |
| Edit patient records | No | their own | Yes |
| Manage dentists | No | No | Yes |
| Pay invoices | their own | No | Yes |
Task plan
- Clinics, dentists, patients and appointments
- Online booking for patients
- Email reminders the day beforeBuilding · type check passed
- Billing for clinics
Apps are built on tested modules that are already in every project: Accounts and roles, Workspaces and invitations, Billing, Email, Notifications, Audit log, and API keys and webhooks. On MongoDB or PostgreSQL in the preview; MongoDB, PostgreSQL or SQLite when you deploy.
Not a template you rent. A website you own.
Every project is a complete Payload CMS and Next.js codebase. Keep working on it in the studio, hand it to a developer, or run it on your own server. Nothing about it needs Sawb Studio to keep running.
What you download
- ferro-and-fig/
- src/
- app/Next.js pages
- collections/pages, media, users
- globals/site settings
- blocks/the sections of each page
- payload.config.tsthe CMS
- i18n.tsen, fr, ar
- deploy/database, media, start scripts
- Dockerfile
- docker-compose.yml
- package.json
Fresh bread every morning.
Open Tuesday to Sunday, 7:00 to 15:00.
- An admin panel for everything
- Every text, photo and blog post can be changed in your site's own admin panel, without the agent. Your sign-in is ready on the first start.
Pages › Home › Hero › Heading
Fresh bread every morning.
- Its own database
- Content lives in the site's database, written through the CMS, not baked into the pages. Apps run on MongoDB, PostgreSQL or SQLite.
- Every language, both directions
- Pages and posts in English, French and Arabic, with right-to-left layouts done properly. Ask for a translation and it's done for the whole site.
- A history you can go back to
- Each version is saved: restoring one brings back its code, its content and its media together, and the version you left stays saved too.
- Brunch page addedToday, 10:42
- Warmer hero and croissant photoToday, 10:15Restore
- First versionYesterday
- Checked before you see it
- The agent opens its pages in a real browser, runs accessibility and layout checks, and fixes what it finds.
Questions, answered.
Do I need to know how to code?
No. You describe what you want, answer the agent's questions, and point at what to change. The code is there for when you, or a developer, want it.
What can it build?
Websites of every kind (landing pages, portfolios, restaurants, shops, blogs, events, documentation) and apps with accounts, roles, workspaces and billing. It can also start from a link or a screenshot of a site you like.
Can I change the site without the agent?
Yes. Every site has its own admin panel where you edit texts, photos and posts directly. The agent's later changes keep what you edited there.
Is the code really mine?
Yes. Download the whole project at any time: a Payload CMS and Next.js codebase with its database and media, ready to run on your own server.
Where does my site run?
Publish it from the studio to its own address in one click, or download a Coolify bundle and deploy it wherever you host. Later deploys keep the content edited in production.
Which languages does it speak?
You can write your brief in English, French or Arabic, and the sites it builds can be in all three, Arabic laid out right to left. The studio itself speaks all three too: pick its language from your account menu.
What if I don't like a change?
Every version is kept. Go back to any of them and its code, content and media come back together.
What are you building?
A sentence is enough to start. The agent asks about the rest before it builds anything.