Skip to content
How it works

Give your AI clear guidance.

Design rules, project knowledge and seven skills come with the website. Use them in your own AI tool, from the first changes to the next new page.

  • 7 skills, built in
  • 1 shared project
  • 5 steps to live

The website is built.
Make it yours.

Choose your foundation. Brief your AI. Review the result for your client.

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 show my three services on the homepage.”

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
Skills · Built in, in every Template

Seven skills. Clear tasks.

The skills guide your AI tool as it works on the project. Describe the task and review the result. Explore the skills.

Start

The first step

Gives your AI tool a workflow for the first changes. Start with your brand, offer and the purpose of the website.

SEO

So you get found

Meta titles, descriptions, structure and internal links. Tell it what you want to be found for, and the skill sets it up cleanly.

Copywriting

Copy in your brand voice

Writes and rewrites copy in your Template's defined tone of voice, kept separate from the code and easy to change anytime.

Design system

Consistency instead of tinkering

Documents colors, typography and spacing. Your AI can use these rules for changes. Then check that the result is consistent.

Quality check

Checks before launch

Guides checks of links, contrast and mobile layout. Use the findings before publishing and review the site yourself too.

System knowledge

Explains your own project to you

"How do I add a new page?" This skill knows the structure, folders and relationships of your Template and answers in plain language.

Template building

New sections in style

Builds new pages, sections or offers in the existing style, instead of bolting them on as a foreign body. Structure and tone stay consistent.

Launch · The final five steps

The template becomes your website

Adapt the examples to your business and review the website before publishing. Read the launch guide.

01

Replace the identity

Rewrite names, texts and contact details to yours. One instruction to your AI is usually enough: "Adapt the website to me: name, offers, contact details."

02

Swap the placeholders

Photos, prices and quotes in the Template are examples. Whatever is invented says so visibly on the page, and gets replaced before launch.

03

Create your legal pages

The footer links are already prepared, you write the pages with your own reviewed copy. Your Template deliberately never generates legal text, that would be legal advice.

04

Hosting and domain

Choose hosting that supports your template’s technical requirements. Build the project for publishing and connect your domain.

05

One final SEO run

"Check the website for search and optimise titles and descriptions." The last move before you go live.

Keep building · Included in your project

Your foundation for what comes next

Keep using the documentation, language editions and design rules after your first launch.

The uncropped originals

Next to the web root sit many image sources at full size. "Re-crop this motif for the hero." No image editor needed.

A new page in the same style

The template-building skill keeps structure and tone intact when you describe a new page or section. No copy-pasting an existing page needed.

The quality run before every deploy

Once before every upload, and you catch broken links and contrast problems before your visitors do.

The second language edition

Your template includes a German and an English edition. Adapt the content for the languages your business actually needs.

styleguide.html as a briefing

Working with designers or colleagues? Hand them this one file. It holds your complete design system, no build needed.

The guidance comes with it.

Choose your website. Design rules, project knowledge and seven skills are in the same download.

  • Complete page structure
  • Seven skills included
  • German and English
Web design from Cologne. A foundation for your work.Meet the studio