Grundidee

Diese Seite ist die lebende Schreibanleitung für Website-Content in Obsidian.

Du kannst einfache Markdown-Syntax verwenden. Für wiederkehrende gestaltete Bausteine wie Buttons, Karten, Hero-Bereiche oder Terminlisten nutzen wir Obsidian-freundliche Komponenten mit ::name ... ::.

Überschriften

Obsidian-Syntax

# Seitentitel
## Abschnitt
### Unterabschnitt

Ergebnis

Abschnittsüberschrift

Unterabschnitt

Fließtext und Links

Obsidian-Syntax

Ein normaler Absatz mit einem [Link](https://www.leanability.com/).

Ergebnis

Ein normaler Absatz mit einem Link.

Listen

Obsidian-Syntax

- Training
- Beratung
- Konferenzen
- Blog

Ergebnis

• Training
• Beratung
• Konferenzen
• Blog

Zitate

Obsidian-Syntax

> Wo wir sind ist vorne.

Ergebnis

Wo wir sind ist vorne.

Bild mit Breite

Obsidian-Syntax

![[fl2d-ai.png|180]]

Ergebnis

Hinweis: Gute Testwerte für Inhaltsbilder sind meist 180, 320, 560, 640 oder 720.

Design-Komponenten

Für wiederkehrende Layout-Bausteine gibt es Obsidian-freundliche Komponenten mit ::name ... ::.

Wenn die Syntax kaputt ist, bricht der Content-Sync hart ab.

Button Row

::button-row
- label: Primärer CTA
  href: "/kontakt/"
  variant: primary
- label: Sekundärer CTA
  href: "/training/"
::

::swatches
id: farben-demo
label: Farben
title: High contrast, low noise.
lead: Schwarz und Weiß tragen die Marke. Magenta setzt Signale.
items:
  - black: "#050505"
  - white: "#ffffff"
  - magenta: "#fe3091"
::

::cards
id: beispiel-karten
label: Angebote
title: Geradlinig mit Signal.
lead: Karten erzeugen schnelle Orientierung.
items:
  - label: "01"
    title: Training
    variant: dark
    text: Präzise Lernformate für Menschen, die Organisationen wirksamer machen wollen.
  - label: "02"
    title: Beratung
    variant: accent
    text: Fokus auf bessere Steuerung, bessere Entscheidungsfähigkeit und sichtbare Arbeit.
::

::quote
id: beispiel-zitat
label: Zitat
title: Selbstbewusst, nicht laut.
text: „Wo wir sind ist vorne."
::

Callout

Für hervorgehobene Hinweise, Merksätze oder wichtige Botschaften.

::callout
label: Wichtig
title: Lokale Optimierung ist nicht automatisch systemische Wirkung.
text: Wenn KI nur einzelne Tätigkeiten beschleunigt, wandert der Engpass oft an eine andere Stelle.
::

Für Kundenstimmen, Teilnehmer:innen-Feedback oder pointierte Zitate mit Attribution.

::testimonial
quote: „Der Workshop hat uns geholfen, endlich über Teamgrenzen hinweg auf Arbeit zu schauen."
name: Beispiel Kundin
role: Head of Product
company: Beispiel GmbH
::

Für Kundenlogos, Partnerlogos oder Referenzleisten.

::logo-strip
label: Unsere Kunden
title: Organisationen, die mit LEANability arbeiten
items:
  - name: Bosch
    src: /assets/content/logos/bosch.png
    alt: Bosch Logo
  - name: Deutsche Bahn
    src: /assets/content/logos/db.png
    alt: Deutsche Bahn Logo
  - name: Siemens
    src: /assets/content/logos/siemens.png
    alt: Siemens Logo
::

Unsere Kunden

Organisationen, die mit LEANability arbeiten

Für Angebots-/Preisboxen mit Leistungsumfang und CTA.

::pricing
label: Workshop
title: Flight Level 2 Design
text: Zwei Tage intensiver Workshop für teamübergreifende Zusammenarbeit.
price: Auf Anfrage
note: Inhouse oder öffentliches Training
features:
  - 2 Tage Workshop
  - Praxisnahe Fallbeispiele
  - Materialien inklusive
cta:
  label: Anfrage senden
  href: /kontakt/
::

Hero

::hero
id: beispiel-title
eyebrow: Public Training
title: Flight Level 2 Design Training
lead: "Ein kurzer Leadtext für den Einstieg."
buttons:
  - label: Primärer CTA
    href: "#termine"
    variant: primary
  - label: Sekundärer CTA
    href: "#details"
::

::section-prose
id: beispiel-section
label: Passt das für dich?
title: Wenn dir diese Situationen bekannt vorkommen, ist das Angebot relevant.
lead: Kurzer Leadtext zum Abschnitt.
content: |
  - Punkt eins
  - Punkt zwei
  - Punkt drei
::

::faq
id: beispiel-faq
label: FAQ
title: Häufige Fragen
lead: Die wichtigsten Einwände auf einen Blick.
items:
  - question: Muss ich Vorerfahrung haben?
    answer: Nein. Wichtig ist Interesse am Thema.
  - question: Ist das Training technisch?
    answer: Nein. Es geht um Zusammenarbeit und Wirkung.
::

::training-dates
id: termine-demo
label: Nächste Termine
title: Wähle den passenden Durchlauf.
lead: Achte auf Sprache, Ort und Trainer:in.
training: FL2D
status: open
::

Starte mit reinem Markdown:

• #, ##, ###
• normale Absätze
• Listen
• Links
• Bilder mit Größenangabe

Nutze Design-Komponenten nur, wenn ein bewusst gestalteter Baustein gebraucht wird. Große HTML-Snippets in Obsidian sollen die Ausnahme bleiben.