# AI Website Template Velling

> The pastel stage for a program that sells itself.

Velling is the template for mentors and course creators. Nine pages in a light pastel world: floating stat cards, blob photos, a module slider, a curriculum accordion and a price card with a guarantee block. Example cases, voices and FAQ come fully structured. Chat turns it into your program.

- Price: €99 one-time, VAT included
- Industry: Coaching & consulting
- Page: https://ai-website.com/templates/velling

## Pages included

- Home
- Program with curriculum & price
- Results with example cases
- About
- Resources & freebies
- Contact with FAQ
- Imprint & privacy as placeholders
- 404

## Scope

- 9 pages
- Pastel design with stat cards
- Program page with price card
- Astro + Tailwind + GSAP

## Design

- Colours: Paper #fbfaf8, Violet #8f6fe8, Pink #f2b8d0, Ink #16131d
- Headline type: Playfair Display, a soft Renaissance serif, self-hosted
- Body type: Inter Variable carries body copy, navigation and buttons. Two families, cleanly separated

## Built for

- Mentors and coaches selling an online program or a course
- Course creators with modules, bonuses and a clear price logic
- Personal brands whose presence should feel light and full of energy
- Freelancers who want to deliver program landing pages repeatedly and predictably

## Not built for

- Shops and anything with a cart, login or checkout
- Calm consulting presences in cream tones, that is what Solborn is for
- Agencies and studios with a project portfolio, that is what Novardt is for

## What is in the package

- `src/data/site.ts`: The one content source. Program, modules, numbers, voices, FAQs and the price as a data structure
- `src/pages/`: Nine pages that only read from the data source. New modules and bonuses are one array entry
- `src/styles/global.css`: All tokens in the @theme block: four pastel families, paper and ink. A brand change is a token change
- `src/layouts/Layout.astro`: The SEO head with organization schema plus the complete animation system of GSAP and Lenis
- `styleguide.html`: The style guide in the browser. Color world, typography, buttons, cards and the marker stroke
- `CLAUDE.md`: The guideline. How Velling thinks, designs and writes, including the niche diligence rules
- `Wissen/ + .claude/skills/`: Four knowledge files and seven skills, from start to quality assurance
- `BILDNACHWEIS.md`: All motifs with sources and replacement rules, including the portrait duty before go-live

## FAQ

**What do I need to work with the template?**

Node and ideally Claude Code. Run npm install once, then npm run dev for the preview and npm run build for the finished site. The result is static HTML that any web space serves.

**The mentor is invented. What does that mean for me?**

Mira Velling, her contact details, all numbers and the voices labeled as examples are placeholders and marked as such in the template. The template-setup skill walks through the rebuild to your real program, including the zero-hit proof.

**I do not sell a business program. Does the template still fit?**

The structure carries any offer with modules and a price: courses, group programs, memberships, workshops. Your AI rewrites modules, bonuses and search terms for your niche, the narrative arc stays.

**How does the look survive when I change colors?**

All colors live as tokens in the @theme block, the rules sit in CLAUDE.md and the design-system skill. Your AI switches the pastel tones, checks the contrasts and updates the style guide, the mood stays.

**What about the revenue numbers on the site?**

Deliberately marked as placeholders: the dashboard cards, counters and case numbers are invented and documented as such in the guideline. The niche diligence rules in the template require real proof behind any numbers of your own.

**Are imprint and privacy included?**

As empty placeholder pages in the template design, deliberately without legal texts, because that would be legal advice. Both pages are noindex and explain how to fill themselves. You insert your reviewed texts, then the noindex goes.

**Does the contact form work right away?**

The form and the newsletter field deliberately ship without delivery and get connected to your mailer or service during the rebuild, the template-setup skill shows how. The cookie notice works immediately and loads nothing by itself.

**Do I really own the code afterwards?**

Yes, completely. Pay once, receive the ZIP, adapt it and use it for your project. Yours forever, for your own websites and for client projects. What you cannot do is resell the template as a template.

**Is the website in German or English?**

The website itself is German, its target market too. Guideline, knowledge folder and skills come in German or English, your instructions to the AI work in both languages.

---

Canonical page: https://ai-website.com/templates/velling · German: https://ai-website.com/de/templates/velling · All templates: https://ai-website.com/llms.txt