Skip to content
Marketplace · SaaS

Kalendrio. Built for software that shows its product, instead of describing it

Kalendrio is the template for scheduling assistants, calendar software and any SaaS that shows its value inside the product itself. 21 finished pages in dark violet with a weekly calendar as the hero built entirely from HTML, three more product mockups for chat, reminders and team availability, 16 integrations with a filter, three plans with a switch, six expert articles, a changelog and case studies. Manrope as the only typeface, an arc of light above the calendar, no screenshots.

Explore the preview

For your own websites and client projects. Customize the project folder in your AI tool. Want us to handle the setup?

21 pagesFour product mockups
Portrait of ai-website.com Creator of this template ai-website.com
The story

A product convinces when you can watch it work

Read the full story

Whoever sells a scheduling assistant sells a calm week. Kalendrio shows it on the first screen: a complete weekly calendar with a sidebar, a mini month, tasks, colored events, a now line and AI suggestions sits below the headline, built from HTML and CSS. No screenshot, no image that goes stale with the next release. Whoever renames the product renames it in the calendar too, with a text editor.

Three more mockups carry the feature pages: a chat in which the assistant explains the best slot, a notification above a calendar excerpt, and the timeline on which five people sit with busy times, focus blocks and the best shared window. Each of them stands next to its text on the home page and inside a tab on the features page, and each is one file that can be rewritten for a different product.

The design is dark and luminous: near-black with a violet cast as the ground, an arc of light above the calendar, stars in the opening, cards with a fine border. Manrope in one variable cut from 300 to 800 carries everything from the hero to the small print. Gradients exist only in the button and the arc, every surface is flat, so the mockups may glow and the background may not.

finished pages
21
product mockups built in HTML
4
integrations with a filter
16
connections without consent
0

Scroll through the homepage

The Kalendrio homepage travels as you scroll. Each stop explains why a section is built the way it is.

kalendrio.de
Full homepage of the Kalendrio template
  1. 01

    The calendar in the opening

    Pill, headline, two buttons, one line of small print. Below it the weekly calendar with the arc of light: sidebar, seven days, events in five colors, a now line and dashed AI suggestions. On the phone it shows three days.

  2. 02

    Three features, three mockups

    Chat with a meeting card, notifications above the calendar, the team timeline. Every row swaps sides, every mockup sits right or left of its text and carries parallax while scrolling.

  3. 03

    Five bento cards

    A booking page with days and slots, time zones with four cities, focus time as bars, tools as a row of icons, a weekly review as a bar chart. All HTML, nothing is an image.

  4. 04

    Flow, numbers, integrations

    Three steps as cards with a large numeral, the numbers band with its example note, eight integrations as tiles with a drawn mark.

  5. 05

    Testimonials, pricing, FAQ

    Six quotes with monograms and an example note, three plans with a switch, six questions as an accordion and the closing band with grid and glow.

kalendrio.de Scroll to explore
Full homepage of the Kalendrio template, enlarged

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.

1 / 7
Features page of the Kalendrio template
Four floating cards and three tabsAI suggestion, reminder, focus time and team as cards with parallax in the opening. Below them three tabs with the mockups, eight building blocks as tiles, two splits with key figures and the security overview with four cards.
How it works page of the Kalendrio template
Three steps on a railA step track in the opening, then each step with duration, text and a card that shows what happens: connected calendars, set rules, a chat command. Plus a Tuesday in four moments and six things the assistant learns.
Integrations page of the Kalendrio template
Orbit and 16 connectorsTwo rings with ten satellites circle the mark. Below them 16 integrations in five groups with a filter in the browser, and an API example as request and response in a code window.
Pricing page of the Kalendrio template
Three plans in the openingStarter, Pro and Business right in the stage with a switch between monthly and yearly. Below them the comparison table with 13 rows, a sample calculation, three testimonials and four answers on billing.
Customers page of the Kalendrio template
Numbers band and three case studiesFour key figures in the opening, a logo marquee with eight invented wordmarks, three case studies with image, figures and a company badge, six testimonials and four industries.
Blog page of the Kalendrio template
Six expert articles with a filterA featured post in the opening, category chips, six cards with author and date, a newsletter box. Every article has a full-bleed opening, a reading progress bar, a sticky sidebar and BlogPosting markup.
Contact page of the Kalendrio template
The form in the openingSix fields with a topic select, consent and a success message without a backend. Next to it support, sales, phone and office as cards, below them the demo booking with days and slots.
kalendrio.de Scroll to explore
Ready when you are

Make Kalendrio your next project

Buy the template and rebuild it yourself, or let us finish it for you together.

The template

The finished website, its knowledge and seven skills in one ZIP

All pages finished Seven skills CLAUDE.md + Knowledge
ai-website-template-kalendrio.zip Instant download
Buy directly
99 € 89 € one-time one-time, yours forever

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 designers
Portrait of ai-website.com

Rather 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.

Everything included Yours forever Adjustable via chat Made in Germany

All prices at a glance, template, service and custom

Who Kalendrio is built for

A template gets good by making choices. Kalendrio is tailored to one niche, and honest about where it does not fit.

Built for

  1. Providers of scheduling, calendar software and booking pages
  2. SaaS teams whose product has an interface worth showing
  3. Agencies with software clients who want a dark, luminous presence
  4. Founding teams that need a complete site with blog and changelog before launch

Not meant for

  • Software that sells on a calculation, Voranto with its ROI calculator is built for that
  • Chatbots with a conversation demo, Konvara is built for those
  • Services without a product, 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. Kalendrio is built for that, not squeezed into it.

Mobile first. Layout, spacing and tap targets are made for thumbs.
Fast on weak networks. Statically built, free of heavy scripts and plugins.
Mobile entry screen of the Kalendrio template
The first screen
Mobile content section of the Kalendrio template
One section deeper

From ZIP to live website

Three steps. You need Node.js, an editor and one hour.

How your template works

Download the website with all its pages, design rules and seven skills as a project folder.

ai-website.zipYour complete project folder
Website
Design
Copy
SEO
Quality
Knowledge
Seven skills for working on your website.

Open the project in your AI tool. Describe the brand and offer, then review the changes.

You set the direction.
“Use my logo and my colours.”

Design rules applied

Your brand incorporated

Services added

Your sentence becomes a change.

Replace sample content, check desktop and mobile, and publish with your own hosting provider.

your-website.com
Your brand
Your business. Your website.Your offer.
Clear and to the point.
Get in touch
Your content. Your pages. Your code.
Illustrative workflow

More than a pretty surface

Kalendrio ships with its knowledge and skills, so your AI understands the website instead of guessing it apart.

Finished website. Every page of the niche, responsive, extremely fast and Google-friendly.
Guideline. The CLAUDE.md tells your AI how Kalendrio thinks, designs and writes.
Knowledge folder. The Knowledge folder bundles SEO strategy, tone of voice and the component map.
Seven skills. From SEO to quality assurance. Your AI maintains and grows the website via chat.
Yours forever. Pay once and the website, knowledge and skills are completely yours.
GDPR-friendly. Self-hosted fonts, no external CDNs, no tracking built in.

Quick answers

The structure carries any SaaS with an interface: features, how it works, integrations, pricing, FAQ, blog, changelog, customers, contact. The four mockups are cut for scheduling and live as HTML in four files. Whoever shows a different product rebuilds them or replaces them with views of their own, the grid around them stays. The start skill says up front how big the rebuild will be.

As one Astro component: the data for days, times and the mini month at the top, below it the markup with sidebar and seven columns, the rules at the bottom. An event is one line with column, start row and duration and gets its color from one of five classes. Times, names and calendars are text. There is no image.

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 arc of light, the stars, the glowing surfaces and the shadows of the mockups 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 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 and the office and 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 form shows 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. The same applies to the two newsletter fields.

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 Manrope font sits in two files inside the project, the 25 photos likewise, the mockups are HTML, and there is no map and no embedded video. The consent dialogue with three 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 teams and companies. 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, mockups and skills may be used for your own and for client projects without any unit limit. Only reselling the template itself is excluded. The Manrope font is licensed under the SIL Open Font License, and the license file sits next to the font files.

The three legal pages are fully written and carry a visible note that the company, register and people are invented. They are a starting point, not legal advice. The knowledge folder names which details are mandatory and where a lawyer should check, for example the terms for a subscription.

Yes, as its own ZIP with the same website in English, plus the guide, the knowledge folder and the seven skills in English. Calendar, dates and numbers are labelled in English there. The page addresses stay the same in both editions, so one project can carry both.

Your next step

Ready for Kalendrio?

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 Kalendrio into your brand, page by page.
See what is included
Book a call

Pick a slot right away: choose an intro call in the calendar. Or send us a quick note, we usually reply the same day.

Send an email
€99 €89 Early Bird until 30 September, incl. VAT