This page is not yet available in en. You're reading the de version.
Bausteine
Bausteine
Jede Seite besteht aus Bausteinen. Dieser Katalog nennt alle verfuegbaren Arten, gruppiert nach dem, was sie leisten sollen. Nutz ihn beim Planen einer Seite - und um dem Copilot genau zu sagen, welchen Abschnitt du willst.
Aufbau und Text
Baustein
Wofuer
Hero
Der Aufmacher ganz oben: grosse Aussage, Untertitel, Handlungsschaltflaeche.
Text
Fliesstext mit Ueberschriften, Aufzaehlungen und Hervorhebungen.
Spalten
Zwei oder mehr Spalten nebeneinander, etwa Text links und Bild rechts.
Kopfbereich
Ein eigener Kopfabschnitt fuer Seiten, die vom Standardkopf abweichen.
Fussbereich
Ein eigener Fussabschnitt fuer Seiten, die eine andere Fusszeile brauchen.
Trennlinie
Eine sichtbare Linie zwischen zwei Abschnitten.
Abstand
Leerraum zum Atmen, ohne sichtbaren Inhalt.
Nutzen und Vertrauen
Baustein
Wofuer
Leistungsmerkmale
Mehrere Nutzenpunkte mit Symbol, Titel und kurzem Text.
Kennzahlen
Grosse Zahlen mit Beschriftung - Jahre, Kunden, Verfuegbarkeit.
Live-Kennzahlen
Dieselbe Darstellung, aber mit Werten, die sich selbst aktualisieren.
Kundenstimme
Ein Zitat mit Name, Rolle und Bild.
Zitate
Mehrere kurze Aussagen nebeneinander.
Referenzen
Ausgewaehlte Kundenprojekte mit Bild und Kurzbeschreibung.
Logo-Band
Eine Reihe von Kundenlogos, meist gedaempft dargestellt.
Auszeichnungen
Preise, Siegel und Zertifikate, die ihr erhalten habt.
Partner
Euer Partnernetz mit Logo, Stufe und optionaler Detailseite.
Team
Die Personen dahinter, mit Bild, Rolle und Kurzprofil.
Historie
Die Firmengeschichte als Zeitstrahl mit Meilensteinen.
Angebot und Abschluss
Baustein
Wofuer
Preistabelle
Pakete nebeneinander mit Preis, Leistungsumfang und Schaltflaeche.
Handlungsaufforderung
Ein hervorgehobener Abschnitt mit einem klaren naechsten Schritt.
Formular
Ein Eingabeformular, dessen Absendungen direkt bei euch landen.
Kontakt
Kontaktangaben und Anfrageformular in einem Abschnitt.
Countdown
Ein Zaehler bis zu einem Termin, etwa einem Messebeginn.
Einblendung
Ein Fenster, das zeitgesteuert oder beim Verlassen der Seite erscheint.
Medien
Baustein
Wofuer
Bild
Ein einzelnes Bild mit Bildunterschrift und Alternativtext.
Galerie
Mehrere Bilder als Raster oder Bildstrecke.
Video
Ein eingebettetes Video im richtigen Seitenverhaeltnis.
Listen aus deinen Daten
Diese Bausteine holen ihren Inhalt aus gepflegten Datensaetzen. Du aenderst den Datensatz - die Seite zieht nach.
Baustein
Wofuer
Blogliste
Die neuesten Beitraege eures Blogs.
Blog-Kommentare
Kommentare der Besucher zu einem Beitrag, mit Freigabe.
Produktliste
Ausgewaehlte Produkte aus eurem Sortiment.
Portfolio
Arbeiten oder Projekte als Uebersicht mit Detailansicht.
Veranstaltungen
Kommende Termine mit Datum, Ort und Anmeldung.
Stellenanzeigen
Offene Stellen; Bewerbungen laufen direkt bei euch ein.
Downloads
Bereitgestellte Dateien, auf Wunsch erst nach Dateneingabe.
Standorte
Eure Niederlassungen mit Anschrift und Oeffnungszeiten.
Pressemitteilungen
Eure Mitteilungen, sortiert nach Datum, mit Sperrfrist.
Podcast
Eure Sendung samt Folgen mit Abspielmoeglichkeit.
Orientierung und Sichtbarkeit
Baustein
Wofuer
FAQ
Haeufige Fragen zum Aufklappen.
Navigation
Ein Verweisblock innerhalb der Seite, etwa fuer lange Inhalte.
Karte
Eine eingebettete Landkarte, meist fuer die Anfahrt.
Soziale Netzwerke
Verweise auf eure Profile.
Sichtbarkeits-Anzeige
Eure aktuelle Auffindbarkeit zu ausgewaehlten Suchbegriffen.
Technische Bausteine
Baustein
Wofuer
Eigener HTML-Code
Fuer Sonderfaelle, die kein anderer Baustein abdeckt. Der Copilot erzeugt ihn nicht - er ist dem Editor vorbehalten.
Widget
Ein eingebettetes Element der Plattform, etwa eine Auswertung. Ebenfalls nur im Editor.
Wie du den passenden waehlst
Geh von der Absicht aus, nicht vom Aussehen: Willst du ueberzeugen (Leistungsmerkmale, Kennzahlen, Kundenstimme), willst du zum Handeln bewegen (Handlungsaufforderung, Formular, Preistabelle) oder willst du informieren (Text, FAQ, Listen)? Bei allem, was sich haeufig aendert oder an mehreren Stellen steht, nimm einen datengespeisten Baustein statt getippten Text.
Work with this page
Ready-made instructions for your AI tool. Copy, paste, go — the AI fetches the content itself via the address in the text.
Summarise the steps for meThe essentials, in the right order.
Read the following documentation by tolinax UG and work with it.
This page: https://ayoune.com/en/docs/website/berblick/bausteine.md
The complete collection: https://ayoune.com/en/docs/website.md
Summarise the content for me.
- First, in two sentences: what is this about?
- Then the steps in the order I need to take them.
- One line per step, in plain language.
- At the end: what I should have ready beforehand.
Leave out nothing I need in order to actually finish.
A note on sources:
- Every page of this documentation is available as Markdown (the same address with `.md`).
- A machine-readable overview of all public content is at `/llms.txt`.
- If you have access to the aYOUne MCP server, you can work against live data
instead of this snapshot. If not, ignore this point.
Explain what I need this forWhat it is good for — and when it is worth it.
Read the following documentation by tolinax UG and work with it.
This page: https://ayoune.com/en/docs/website/berblick/bausteine.md
The complete collection: https://ayoune.com/en/docs/website.md
Explain to me what I need this for.
1. Which problem does it solve? In one sentence, from my point of view.
2. Three typical situations in which it genuinely helps me.
3. When I do NOT need it — that saves me time.
4. What I can do instead if it is not a fit.
Stick to what the source says. Where it gives nothing, say so openly instead
of guessing.
A note on sources:
- Every page of this documentation is available as Markdown (the same address with `.md`).
- A machine-readable overview of all public content is at `/llms.txt`.
- If you have access to the aYOUne MCP server, you can work against live data
instead of this snapshot. If not, ignore this point.
Help me set this upStep by step, asking me as you go.
Read the following documentation by tolinax UG and work with it.
This page: https://ayoune.com/en/docs/website/berblick/bausteine.md
The complete collection: https://ayoune.com/en/docs/website.md
Walk me through the setup step by step.
- First tell me what I need to have ready (access, data, time).
- Then take me through ONE step at a time. Wait for my "next".
- For each step, say how I can tell that it worked.
- If something goes wrong, ask me for the exact message instead of guessing.
If the instructions leave a point open, tell me so rather than inventing it.
A note on sources:
- Every page of this documentation is available as Markdown (the same address with `.md`).
- A machine-readable overview of all public content is at `/llms.txt`.
- If you have access to the aYOUne MCP server, you can work against live data
instead of this snapshot. If not, ignore this point.
Help me with a problemNarrow down the cause instead of guessing.
Read the following documentation by tolinax UG and work with it.
This page: https://ayoune.com/en/docs/website/berblick/bausteine.md
The complete collection: https://ayoune.com/en/docs/website.md
Help me narrow down a problem.
- First ask me what I observe and what I expected instead.
- From that, derive the most likely causes consistent with this source.
- For each cause, give me ONE test that confirms or rules it out.
- Order them so the cheapest test comes first.
Do not guess. If the source does not cover the problem, tell me where I should
look next.
A note on sources:
- Every page of this documentation is available as Markdown (the same address with `.md`).
- A machine-readable overview of all public content is at `/llms.txt`.
- If you have access to the aYOUne MCP server, you can work against live data
instead of this snapshot. If not, ignore this point.
Explain it in plain wordsNo jargon, from the ground up.
Read the following documentation by tolinax UG and work with it.
This page: https://ayoune.com/en/docs/website/berblick/bausteine.md
The complete collection: https://ayoune.com/en/docs/website.md
Explain the content so that someone without prior knowledge understands it.
- Start with the purpose: why does this exist at all?
- Explain technical terms in half a sentence on first use.
- One everyday comparison where it genuinely holds — none where it limps.
- At the end: the three things worth remembering.
Do not shorten by dropping conditions. A simplification that hides a
prerequisite is a false statement.
A note on sources:
- Every page of this documentation is available as Markdown (the same address with `.md`).
- A machine-readable overview of all public content is at `/llms.txt`.
- If you have access to the aYOUne MCP server, you can work against live data
instead of this snapshot. If not, ignore this point.
A checklist to tick offTo follow along while you do it.
Read the following documentation by tolinax UG and work with it.
This page: https://ayoune.com/en/docs/website/berblick/bausteine.md
The complete collection: https://ayoune.com/en/docs/website.md
Turn this into a **tick-off checklist** for practical use.
- Exactly one action per item, in the imperative.
- Order it so that no item depends on a later prerequisite.
- Prerequisites and pitfalls as indented sub-items.
- End with an acceptance step: how do I know everything is right?
A note on sources:
- Every page of this documentation is available as Markdown (the same address with `.md`).
- A machine-readable overview of all public content is at `/llms.txt`.
- If you have access to the aYOUne MCP server, you can work against live data
instead of this snapshot. If not, ignore this point.
