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.
Mit dieser Seite weiterarbeiten
Fertige Anweisungen für dein KI-Werkzeug. Kopieren, einfügen, loslegen — die KI holt sich den Inhalt selbst über die Adresse im Text.
Die Schritte für mich zusammenfassenDas Wesentliche, in der richtigen Reihenfolge.
Lies die folgende Dokumentation von tolinax UG und arbeite damit.
Diese Seite: https://ayoune.com/de/docs/website/berblick/bausteine.md
Die vollständige Sammlung: https://ayoune.com/de/docs/website.md
Fasse den Inhalt für mich zusammen.
- Zuerst in zwei Sätzen: worum geht es hier?
- Dann die Schritte in der Reihenfolge, in der ich sie gehen muss.
- Je Schritt eine Zeile, in einfacher Sprache.
- Am Ende: was ich vorher bereithalten sollte.
Lass nichts weg, was ich brauche, um wirklich fertig zu werden.
Hinweis zu den Quellen:
- Jede Seite dieser Dokumentation ist als Markdown abrufbar (dieselbe Adresse mit `.md`).
- Ein maschinenlesbarer Überblick aller öffentlichen Inhalte liegt unter `/llms.txt`.
- Falls du Zugriff auf den aYOUne-MCP-Server hast, kannst du damit gegen lebende Daten
arbeiten statt gegen diese Momentaufnahme. Falls nicht, ignoriere diesen Punkt.
Erklären, wofür ich das braucheWozu es gut ist — und wann es sich lohnt.
Lies die folgende Dokumentation von tolinax UG und arbeite damit.
Diese Seite: https://ayoune.com/de/docs/website/berblick/bausteine.md
Die vollständige Sammlung: https://ayoune.com/de/docs/website.md
Erkläre mir, wofür ich das brauche.
1. Welches Problem löst es? In einem Satz, aus meiner Sicht.
2. Drei typische Situationen, in denen es mir wirklich hilft.
3. Wann ich es NICHT brauche — das spart mir Zeit.
4. Was ich stattdessen tun kann, wenn es nicht passt.
Bleib bei dem, was in der Quelle steht. Wo sie nichts hergibt, sag es offen,
statt zu raten.
Hinweis zu den Quellen:
- Jede Seite dieser Dokumentation ist als Markdown abrufbar (dieselbe Adresse mit `.md`).
- Ein maschinenlesbarer Überblick aller öffentlichen Inhalte liegt unter `/llms.txt`.
- Falls du Zugriff auf den aYOUne-MCP-Server hast, kannst du damit gegen lebende Daten
arbeiten statt gegen diese Momentaufnahme. Falls nicht, ignoriere diesen Punkt.
Bei der Einrichtung helfenSchritt für Schritt, mit Rückfragen an mich.
Lies die folgende Dokumentation von tolinax UG und arbeite damit.
Diese Seite: https://ayoune.com/de/docs/website/berblick/bausteine.md
Die vollständige Sammlung: https://ayoune.com/de/docs/website.md
Begleite mich Schritt für Schritt durch die Einrichtung.
- Sag mir zuerst, was ich bereithalten muss (Zugänge, Daten, Zeit).
- Dann führe mich EINEN Schritt nach dem anderen. Warte auf mein "weiter".
- Nenne je Schritt, woran ich merke, dass er geklappt hat.
- Wenn etwas schiefgeht, frag nach der genauen Meldung, statt zu raten.
Wenn die Anleitung eine Stelle offen lässt, sag mir das, statt sie zu erfinden.
Hinweis zu den Quellen:
- Jede Seite dieser Dokumentation ist als Markdown abrufbar (dieselbe Adresse mit `.md`).
- Ein maschinenlesbarer Überblick aller öffentlichen Inhalte liegt unter `/llms.txt`.
- Falls du Zugriff auf den aYOUne-MCP-Server hast, kannst du damit gegen lebende Daten
arbeiten statt gegen diese Momentaufnahme. Falls nicht, ignoriere diesen Punkt.
Bei einem Problem weiterhelfenUrsache eingrenzen statt raten.
Lies die folgende Dokumentation von tolinax UG und arbeite damit.
Diese Seite: https://ayoune.com/de/docs/website/berblick/bausteine.md
Die vollständige Sammlung: https://ayoune.com/de/docs/website.md
Hilf mir, ein Problem einzugrenzen.
- Frag mich zuerst, was ich beobachte und was ich erwartet hätte.
- Leite daraus die wahrscheinlichsten Ursachen ab, die zu dieser Quelle passen.
- Gib mir je Ursache EINEN Test, der sie bestätigt oder ausschließt.
- Sortiere so, dass der billigste Test zuerst kommt.
Rate nicht. Wenn die Quelle das Problem nicht abdeckt, sag mir, wo ich
weitersuchen sollte.
Hinweis zu den Quellen:
- Jede Seite dieser Dokumentation ist als Markdown abrufbar (dieselbe Adresse mit `.md`).
- Ein maschinenlesbarer Überblick aller öffentlichen Inhalte liegt unter `/llms.txt`.
- Falls du Zugriff auf den aYOUne-MCP-Server hast, kannst du damit gegen lebende Daten
arbeiten statt gegen diese Momentaufnahme. Falls nicht, ignoriere diesen Punkt.
In einfachen Worten erklärenOhne Fachbegriffe, von Grund auf.
Lies die folgende Dokumentation von tolinax UG und arbeite damit.
Diese Seite: https://ayoune.com/de/docs/website/berblick/bausteine.md
Die vollständige Sammlung: https://ayoune.com/de/docs/website.md
Erkläre den Inhalt so, dass ihn jemand ohne Vorwissen versteht.
- Beginne mit dem Zweck: wozu gibt es das überhaupt?
- Fachbegriffe beim ersten Vorkommen in einem Halbsatz erklären.
- Ein Alltags-Vergleich, wo er wirklich trägt — keiner, wo er hinkt.
- Am Ende: die drei Dinge, die man sich merken sollte.
Kürze nicht durch Weglassen von Einschränkungen. Eine Vereinfachung, die eine
Bedingung unterschlägt, ist eine Falschaussage.
Hinweis zu den Quellen:
- Jede Seite dieser Dokumentation ist als Markdown abrufbar (dieselbe Adresse mit `.md`).
- Ein maschinenlesbarer Überblick aller öffentlichen Inhalte liegt unter `/llms.txt`.
- Falls du Zugriff auf den aYOUne-MCP-Server hast, kannst du damit gegen lebende Daten
arbeiten statt gegen diese Momentaufnahme. Falls nicht, ignoriere diesen Punkt.
Checkliste zum AbhakenZum Mitgehen während der Umsetzung.
Lies die folgende Dokumentation von tolinax UG und arbeite damit.
Diese Seite: https://ayoune.com/de/docs/website/berblick/bausteine.md
Die vollständige Sammlung: https://ayoune.com/de/docs/website.md
Mache daraus eine **abhakbare Checkliste** für die praktische Umsetzung.
- Je Punkt genau eine Handlung, im Imperativ.
- Reihenfolge so, dass kein Punkt eine spätere Voraussetzung braucht.
- Voraussetzungen und Stolperstellen als eingerückte Unterpunkte.
- Am Ende eine Abnahme: woran erkenne ich, dass alles richtig ist?
Hinweis zu den Quellen:
- Jede Seite dieser Dokumentation ist als Markdown abrufbar (dieselbe Adresse mit `.md`).
- Ein maschinenlesbarer Überblick aller öffentlichen Inhalte liegt unter `/llms.txt`.
- Falls du Zugriff auf den aYOUne-MCP-Server hast, kannst du damit gegen lebende Daten
arbeiten statt gegen diese Momentaufnahme. Falls nicht, ignoriere diesen Punkt.