Zum Inhalt springen
aYOUne

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

BausteinWofuer
HeroDer Aufmacher ganz oben: grosse Aussage, Untertitel, Handlungsschaltflaeche.
TextFliesstext mit Ueberschriften, Aufzaehlungen und Hervorhebungen.
SpaltenZwei oder mehr Spalten nebeneinander, etwa Text links und Bild rechts.
KopfbereichEin eigener Kopfabschnitt fuer Seiten, die vom Standardkopf abweichen.
FussbereichEin eigener Fussabschnitt fuer Seiten, die eine andere Fusszeile brauchen.
TrennlinieEine sichtbare Linie zwischen zwei Abschnitten.
AbstandLeerraum zum Atmen, ohne sichtbaren Inhalt.

Nutzen und Vertrauen

BausteinWofuer
LeistungsmerkmaleMehrere Nutzenpunkte mit Symbol, Titel und kurzem Text.
KennzahlenGrosse Zahlen mit Beschriftung - Jahre, Kunden, Verfuegbarkeit.
Live-KennzahlenDieselbe Darstellung, aber mit Werten, die sich selbst aktualisieren.
KundenstimmeEin Zitat mit Name, Rolle und Bild.
ZitateMehrere kurze Aussagen nebeneinander.
ReferenzenAusgewaehlte Kundenprojekte mit Bild und Kurzbeschreibung.
Logo-BandEine Reihe von Kundenlogos, meist gedaempft dargestellt.
AuszeichnungenPreise, Siegel und Zertifikate, die ihr erhalten habt.
PartnerEuer Partnernetz mit Logo, Stufe und optionaler Detailseite.
TeamDie Personen dahinter, mit Bild, Rolle und Kurzprofil.
HistorieDie Firmengeschichte als Zeitstrahl mit Meilensteinen.

Angebot und Abschluss

BausteinWofuer
PreistabellePakete nebeneinander mit Preis, Leistungsumfang und Schaltflaeche.
HandlungsaufforderungEin hervorgehobener Abschnitt mit einem klaren naechsten Schritt.
FormularEin Eingabeformular, dessen Absendungen direkt bei euch landen.
KontaktKontaktangaben und Anfrageformular in einem Abschnitt.
CountdownEin Zaehler bis zu einem Termin, etwa einem Messebeginn.
EinblendungEin Fenster, das zeitgesteuert oder beim Verlassen der Seite erscheint.

Medien

BausteinWofuer
BildEin einzelnes Bild mit Bildunterschrift und Alternativtext.
GalerieMehrere Bilder als Raster oder Bildstrecke.
VideoEin 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.

BausteinWofuer
BloglisteDie neuesten Beitraege eures Blogs.
Blog-KommentareKommentare der Besucher zu einem Beitrag, mit Freigabe.
ProduktlisteAusgewaehlte Produkte aus eurem Sortiment.
PortfolioArbeiten oder Projekte als Uebersicht mit Detailansicht.
VeranstaltungenKommende Termine mit Datum, Ort und Anmeldung.
StellenanzeigenOffene Stellen; Bewerbungen laufen direkt bei euch ein.
DownloadsBereitgestellte Dateien, auf Wunsch erst nach Dateneingabe.
StandorteEure Niederlassungen mit Anschrift und Oeffnungszeiten.
PressemitteilungenEure Mitteilungen, sortiert nach Datum, mit Sperrfrist.
PodcastEure Sendung samt Folgen mit Abspielmoeglichkeit.

Orientierung und Sichtbarkeit

BausteinWofuer
FAQHaeufige Fragen zum Aufklappen.
NavigationEin Verweisblock innerhalb der Seite, etwa fuer lange Inhalte.
KarteEine eingebettete Landkarte, meist fuer die Anfahrt.
Soziale NetzwerkeVerweise auf eure Profile.
Sichtbarkeits-AnzeigeEure aktuelle Auffindbarkeit zu ausgewaehlten Suchbegriffen.

Technische Bausteine

BausteinWofuer
Eigener HTML-CodeFuer Sonderfaelle, die kein anderer Baustein abdeckt. Der Copilot erzeugt ihn nicht - er ist dem Editor vorbehalten.
WidgetEin 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 zusammenfassen Das 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 brauche Wozu 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 helfen Schritt 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 weiterhelfen Ursache 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ären Ohne 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 Abhaken Zum 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.

War dieser Artikel hilfreich?

👎 Nein (0)
Kommentar hinterlassen