New in the marketplace Havelstett. Built for software that does more than one thing
Havelstett is the template for platforms with several modules: AI software, suites, anything with more than one function. 28 finished pages in night black and violet, six fully written module pages with their own structure, four case studies with bar charts, five expert articles, pricing with a calculator and comparison table, a careers page with a filter and 30 integrations with search. Eight product views, a data flow diagram and a before and after slider, all built from HTML and CSS.
For your own websites and client projects. Customize the project folder in your AI tool. Want us to handle the setup?
A platform with six modules needs six pages of its own
Read the full story
Software with several modules fails online at the same point: everything sits on one page, every function gets three lines, and in the end nobody knows what the product actually does. Havelstett does it the other way around. Each of the six modules has its own page with an opening, tabs, key figures, use cases, a process bar and questions. Whoever is only looking for sales automation lands on a page about exactly that, and sees at the edge that there are five more.
The product is shown, not described. Eight views built from HTML and CSS carry the pages: chart, pipeline, chat, flow, key figures, contacts, campaign and alerts. Plus a data flow diagram with running pulses, a slider that puts a spreadsheet against an answer, and a calculator with three sliders that turns team size, hours and hourly rate into one number. No screenshot that goes stale with the next release.
The presence is dark and calm: night black, a violet that does not come from the default palette, lavender for gradient headlines, Sora as the only typeface from 100 to 800. The wave graphic in the opening is a still image, not perpetual motion. What glows is the product.
- finished pages
- 28
- module pages with their own structure
- 6
- product views built in HTML
- 8
- connections without consent
- 0
Scroll through the homepage
The Havelstett homepage travels as you scroll. Each stop explains why a section is built the way it is.
- 01
The opening with waves
Pill with a version note, headline in a lavender gradient, two buttons, below them two proof points and a card leading to the case studies. Behind it all a drawn wave graphic that stands still.
- 02
Six modules as a grid
Every module with an icon, a name and one sentence saying what it solves. One click leads to its own page with the full structure.
- 03
The tab stage
Four views from the platform, switchable: chat with source, pipeline with score, campaign split and flow. Every view is HTML, not an image.
- 04
Data flow and steps
A diagram shows how sources, the shared data basis and the modules connect, with running pulses. Next to it three steps whose scene changes as you scroll.
- 05
Calculator, log, testimonials
Three sliders produce freed hours and euros, next to them an activity log with eight events, six testimonials with monograms and the closing band with grid and floating chips.
Not one page. All of them
You are not buying a homepage full of promises, you are buying a complete website. Every subpage is fully designed and written.
Six module pages that do not repeat each other, they complete each other
The six modules sit in one data file, and a single route builds six complete pages from it. Each carries an opening with a window stack, tabs with the matching product view, four key figures, three use cases, a before and after bar chart, a process bar across 90 days and questions of its own. Whoever drops a module or adds a seventh changes one entry, not a file.
- One entry, one page
Name, product name, icon, lead, key figures, tabs, use cases, chart values and questions sit together per module. The route reads them and builds the page.
- The view fits the module
Every tab pulls one of the eight product views. A module for campaigns shows the campaign split, one for workflows shows the flow.
- Cross links included
At the foot of every module page sit the other five. The visitor stays inside the system instead of jumping back to the overview.
- 6
- pages from one route
- 8
- product views to choose from
- 1
- file for all module data
Make Havelstett your next project
Buy the template and rebuild it yourself, or let us finish it for you together.
The finished website, its knowledge and seven skills in one ZIP
ai-website-template-havelstett.zip Instant download An agency would bill four figures for a website like this.
- The complete website, every subpage fully designed and written
- Guideline and knowledge folder, so your AI understands the system
- Seven skills that maintain and grow the site via chat
- Docs and skills in English or German, your choice
You rebuild the project folder yourself, with a code editor and an AI tool like Claude Code. The documentation walks you through it.
Secure payment via Stripe, the ZIP arrives right after Made in Germany, built by web designersRather have it done for you? With the AI Website Service for €799 we build in your content and take you live. ai-website.com talks it through with you in the call.
Who Havelstett is built for
A template gets good by making choices. Havelstett is tailored to one niche, and honest about where it does not fit.
Built for
- Providers of AI software with several modules or product lines
- SaaS teams that need a landing page per function
- Agencies with B2B software clients who want a dark, calm presence
- Founding teams that have to show solutions, pricing, customers and careers before a funding round
Not meant for
- A product with one function, Kalendrio or Voranto are leaner for that
- Chatbots with a conversation demo, Konvara is built for those
- Services without software, Kursfeld or Feedhaus are built for those
A different industry? Browse all templates
At home on the phone
More than half of all visitors arrive on a phone, in emergencies almost all of them. Havelstett is built for that, not squeezed into it.
From ZIP to live website
Three steps. You need Node.js, an editor and one hour.
More than a pretty surface
Havelstett ships with its knowledge and skills, so your AI understands the website instead of guessing it apart.
Quick answers
Not much. The module pages come out of a data file: drop four entries and you have two pages, and the grid, the menu and the cross links follow. The other way round, a seventh module is one entry more. The template-setup skill walks the order and names the places outside the file that still say six.
Not a single one. Chart, pipeline, chat, flow, key figures, contacts, campaign and alerts are HTML with CSS, in one file with eight variants. They stay sharp at any resolution, can be rewritten for your own product with a text editor and do not go stale when the interface changes.
Three sliders for team size, manual hours per week and hourly rate. Out of them come freed hours per month, savings per year and the license cost next to it. The assumption is stated visibly, the math sits in ten lines of script and runs without a server.
Yes, but it is work, not a switch. Ground, surfaces, lines and text sit as variables in one file, so the base is light within an hour. The glows, the wave graphic, the gradient headlines and the shadows are built for the dark ground and need values of their own. The design-system skill knows both routes and checks the contrasts along the way.
They get replaced or deleted. Testimonials, key figures, case studies, the timeline, the positions and every person are examples and are labelled as such on the page. The knowledge layer explains why unlabelled invented reviews break competition law and why statements about data centers and certificates are contracts, not marketing.
Only in the draft. The six portraits for the testimonials and the six team photos ship in the package so the site looks finished when unpacked. There is no model release, so no right to show real people under an invented name. Before going live your own photos go in, and the template-setup skill swaps them in every size.
In the package the contact and newsletter forms show a success message after submitting, nothing more. That is deliberate, so the site runs on any host. For production you connect a form service, a script from your host or your own endpoint; the knowledge folder describes three routes.
Any host that serves files. Astro builds static HTML pages from the project, which belong on web hosting for a few euros a month or on a free static service. There is no database, no application server and no service that creates running costs.
Yes. The Sora font sits in two files inside the project, the 39 photos likewise, the product views are HTML, and there is no map and no embedded video. The consent dialogue with two categories blocks the page until a choice is made and is the preparation for services you add. Without consent no connection to third parties happens.
English has no such split, so the English edition simply speaks to the reader as you. The German edition uses the formal Sie because it is written for selling to business teams and management. Switching it to the informal form is a copywriting skill task and takes minutes; the address is a decision in the text, not in the code.
Everything in the package. Code, copy, design, product views and skills may be used for your own and for client projects without any unit limit. Only reselling the template itself is excluded. The Sora font is licensed under the SIL Open Font License, and the license file sits next to the font files.
Yes, as its own ZIP with the same website in English, plus the guide, the knowledge folder and the seven skills in English. Numbers, dates and the product views are labelled in English there. The page addresses stay the same in both editions, so one project can carry both.
Ready for Havelstett?
The complete template is ready as a ZIP.
- Ready in hours. Download the ZIP, run npm install, and the finished website runs locally for you.
- Yours forever. Pay once, and website, knowledge and skills belong entirely to you, with no running costs.
- Adjustable via chat. Your AI turns Havelstett into your brand, page by page.

