New in the marketplace Velbrandt Coaching
The presence for consulting that is measured by results.
By ai-website.com Marketplace · Coaching Creator of this template ai-website.com
Klarstand. Built for consultants who show evidence instead of promises.
Klarstand is the template for career coaching and consulting with a senior audience. Twenty-three pages in deep navy and warm cream, standing against each other as full-width bands in a hard alternation, set in Playfair Display and Inter. Four different openings so no two pages look alike: an edge-to-edge split with a capitals headline on the left and a black and white portrait on the right, edge-to-edge halves of image and colour field, a form with a dark side column, and an editorial head without an image. Four offer pages for four situations, three case pages with before and after, eleven voices and a journal with four pieces. All without a framework, without a CSS library, entirely static.
For everyone who builds it themselves. You get the complete code as a ZIP. Rather have it done for you?
Creator of this template ai-website.com The story
A site that promises nothing.
Read the full story
Coaching websites nearly all promise the same thing: the breakthrough, the full potential, the next level. That language loses exactly the people who would actually pay, namely the sceptics. Klarstand goes the other way. A serif in capitals instead of the usual friendly sans, deep navy instead of pastel, and prices that are simply there to be read.
The opening is split edge to edge: cream on the left with the headline in capitals, navy on the right with a black and white portrait, both halves running to the edge. It reads like a title page, not like a landing page, and that is exactly why it sticks.
Sand is the only third colour and it exists twice: a dark sand for cream, a light one for navy. That separation is not a nicety, it is the reason the site passes every contrast check without going pale.
- finished pages
- 23
- journal pieces
- 4
- offers with their own pages
- 4
- skills for your AI
- 7
Scroll through the homepage.
The Klarstand homepage travels as you scroll. Each stop explains why a section is built the way it is.
- 01
The split opening
Cream on the left with the headline in capitals, navy on the right with a black and white portrait. Both halves run edge to edge to the container, no rounding, no shadow.
- 02
The logo band
An endless band with eight placeholder marks and their symbols. The label says itself that they are placeholders. The buyer swaps eight names for their own references and has a trust signal straight away.
- 03
Figures with a sample note
Key figures in Playfair, with a visible note underneath saying they are sample values from the demo. The note stays until real figures sit there.
- 04
The numbered tiles
Three navy tiles with large numerals in sand, 01 to 03. They carry the process without a single icon being needed.
- 05
Four paths, open prices
Four offer pages for four situations, each with an opening form of its own. The prices are there to be read, marked as sample prices from the demo.
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 / 6
The highlight
Sand that exists twice.
Most templates have one accent colour and use it everywhere. Klarstand has it twice: `--sand` carries on cream, `--sand-hell` carries on navy. The surface classes `.dunkel` and `.hell` switch the roles in a single place, so no component has to know its own colours. It sounds like a nicety, but it is the difference between a site that looks good and one that stays legible at every hard switch from navy to cream.
- Two tokens, one colour
4.7:1 on cream, 4.8:1 on navy. The surface class decides which value applies, not the component.
- One reading width
832 pixels for any body copy, 1216 for the skeleton. There is no third width, and the reading column begins at the same left edge as the skeleton.
- Tiles round, images do not
Eight pixels of radius on tiles and fields, zero on every picture frame. The hard cut against the rounded tiles is the signature.
- 23
- finished pages
- 4
- different openings
- 18
- local images
Ready when you are
Make Klarstand 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 + .context
ai-website-template-klarstand.zip Instant download Buy directly 99 € 89 €
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 get the project folder as a ZIP and rebuild it yourself. For that you need a code editor and an AI tool such as Claude Code. The way there is in the documentation.
Secure payment via Stripe, the ZIP arrives right after 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
Who Klarstand is built for.
A template gets good by making choices. Klarstand is tailored to one niche, and honest about where it does not fit.
Built for
- Career, leadership and business coaches with visible prices
- Consultants who address a senior audience formally
- Coaches with several formats, from a single session to a yearly engagement
- Freelancers who deliver consulting sites repeatedly
Not meant for
- Anyone after a colourful, playful site, everything here is quiet and dark
- Anyone who will not show prices, the grid lives on open figures
- Anyone who needs a shop or a booking function, the site is static
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. Klarstand 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.
This is what the ZIP holds.
You are not buying a theme, you are buying a template. Website, knowledge and skills, ready for you and your AI.
src/data/seite.ts The data centre: brand, navigation, offers, cases, voices, questions, journal and key figures in one place src/styles/ Four files: tokens and foundations, header and footer, every component, the font declarations src/pages/ Thirteen individual pages and three data routes. A new entry is a new page including a card and a sitemap line Bilder/unsplash/ The eighteen uncropped originals, outside the web root, for your own crops Wissen/ Audience, tone of voice, SEO strategy and the component map with all the tokens .claude/skills/ Seven playbooks, from the first conversation through the rebuild to the quality check One sentence is enough
This is how you work with the skills. You write, your AI rebuilds.
Template setup
Turn Klarstand into the website of my leadership consultancy in Hamburg.
Copywriting
Rewrite the four offers for my formats and use first names throughout.
SEO
Add a fifth journal piece: how do I run my first difficult conversation?
Design system
Swap navy for forest green, but keep sand as the accent.
€89 one-time, incl. VAT. Everything in this tree is yours.
From ZIP to live website.
Three steps, no agency waiting line. You need Node.js, an editor and one curious hour.
- 01
Unpack the template
Open the ZIP, open the folder in Claude Code, npm install and npm run dev. Twenty-three pages run on localhost right away.
- 02
Brief the AI
The CLAUDE.md explains the iron rule: navy and cream in a hard alternation, sand exists twice, and picture frames stay square while tiles round.
- 03
Swap brand and evidence
Replace name, person, city and prices. Every voice and every figure is marked as an example. Evidence in place, marker off. No evidence, claim off.
- 04
Images and law
Swap eighteen motifs, the list is in the image credits. The legal notice and the privacy policy are scaffolds with instructions and are set to noindex.
- 05
Build and upload
npm run build produces static HTML. The dist folder runs on any web space, without a database and without Node on the server.
More than a pretty surface.
Klarstand 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 Klarstand thinks, designs and writes.
Knowledge folder. The .context 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.
Node and ideally Claude Code. One npm install, then npm run dev for the preview and npm run build for the finished site. The result is static HTML that any web space will serve.
Yes, all colours sit as tokens at the top of basis.css. The only thing that matters is the one rule: sand exists for light and for dark surfaces, and the two are not swapped. The component map in the knowledge folder explains why.
Because all voices, cases and figures are invented as shipped. The markers stay in place until real, signed-off content sits there. That is exactly why the demo is allowed to be online at all.
All eighteen motifs come from Unsplash and are covered by the Unsplash licence, commercially too. The uncropped originals are in the package. Four motifs show real people without a model release for your brand and get swapped before going live.
Yes, but then across all twenty-three pages. The formal register is not a formality here, it belongs to the audience. The copywriting skill switches the address in one pass.
Yes, there are two versions. The English one contains the same website with English texts and an English knowledge layer including the skills.
More from the marketplace.
5 that fit
New in the marketplace By ai-website.com 
Sedrahl Coaching
The site for a membership offer that makes its knowledge searchable.
By ai-website.com 
Polaris Coaching
The site for a career coaching practice that knows the other side of the table.
By ai-website.com 
Belhardt Coaching
The editorial presence for coaching that gets women talking about money.
By ai-website.com 
Hellwach Coaching
The site for a mindset coaching practice that is allergic to platitudes.
By ai-website.com Your next step
See what is included Ready for Klarstand?
The complete template is ready as a ZIP. Buy it directly, or take one more look at everything inside.
- 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 Klarstand into your brand, page by page.