> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Styling

> Gestalte deine Dokumente visuell beeindruckend mit anpassbaren Schriftarten, Farben, Hintergründen und Cover Images.

Craft macht es dir leicht, schöne Dokumente zu erstellen – ganz ohne Design‑Expertise. Style deinen Inhalt mit individuellen Farben, Hintergründen, Schriftarten, Cover Images und dekorativen Elementen wie Washi‑Tape‑Trennstreifen.

## Was du gestalten kannst

Das Styling‑System von Craft arbeitet auf zwei Ebenen: **Text‑Ebene** und **Seiten‑Ebene**. Damit hast du feine Kontrolle über einzelne Elemente und zugleich ein einheitliches Erscheinungsbild für das ganze Dokument.

### Text‑Ebene Styling

Gilt für einzelne Blocks oder Markierungen innerhalb deines Dokuments:

* **Fonts** – Wähle zwischen System (Standard), Serif (elegantes Lesegefühl), Mono (für Code) oder Rounded (freundlich und modern)
* **Text colors** – Aus vordefinierten Farben wählen oder eigene Farbtöne anlegen
* **Highlights** – Hintergrundfarbe hinzufügen, um Text hervorzuheben
* **Lists** – Aufzählungsstile, Nummerierungsformate und Einzüge anpassen

### Seiten‑Ebene Styling

Gilt für das gesamte Dokument, um ein einheitliches Erscheinungsbild zu erzielen:

* **Colors** – Dokument‑Hintergrund und Standardtextfarbe festlegen
* **Cover Images** – Visuelle Header aus Unsplash' kuratierter Bibliothek hinzufügen oder eigene Fotos hochladen
* **Backgrounds** – Einfarbige Hintergründe, Verläufe oder vollflächige Bilder mit Blur‑Effekten wählen
* **Separators** – Horizontale Trennlinien mit Washi‑Tape‑Mustern, einfachen Linien oder geometrischen Formen stylen
* **Cards** – Seiten in auffällige Card‑Layouts verwandeln, z. B. mit farbigen Rahmen oder Bildhintergründen

## Schnellstart

Du erreichst die Styling‑Optionen je nach Plattform an unterschiedlichen Stellen:

<Tabs>
  <Tab title="macOS">
    * **Rechte Seitenleiste** – Click die **Style**‑Registerkarte (Pinsel‑Icon), um alle seitenweiten Optionen zu sehen
    * **Linke Seitenleiste** – Finde das **Styles**‑Panel mit Live‑Vorschauen in neueren Versionen
    * **Toolbar** – Text markieren und die Formatierungs‑Toolbar für schnelle Text‑Änderungen nutzen
    * **Keyboard** – Press `Cmd+Shift+S`, um das Styles‑Panel zu öffnen
  </Tab>

  <Tab title="iOS">
    * **Dreipunkt-Menü (⋯)** oben rechts – Zugriff auf **Page Style** für dokumentweite Optionen
    * **Letter icon** (Aa) – Erscheint bei Textauswahl für schnelles Formatieren
    * **Block menu** – Long press einen Block und wähle dann **Style** aus dem Kontextmenü
    * **Slash menu** – Tippe `/style`, um Text‑Styles inline anzuwenden
  </Tab>

  <Tab title="Windows">
    * **Rechte Seitenleiste** – Click die **Style**‑Registerkarte, um seitenweite Styling‑Optionen zu sehen
    * **Toolbar** – Text auswählen, um Formatierungs‑Kontrollen anzuzeigen
    * **Slash menu** – Tippe `/style` für schnellen Zugriff auf Text‑Formatierung
  </Tab>

  <Tab title="Web">
    * **Rechte Seitenleiste** – Click die **Style**‑Registerkarte für seitenweite Optionen
    * **Toolbar** – Text markieren, um Formatierungs‑Kontrollen zu öffnen
    * **Slash menu** – Tippe `/style`, um Styles zu setzen, ohne die Hände von der Tastatur zu nehmen
  </Tab>
</Tabs>

<iframe src="https://www.youtube-nocookie.com/embed/b2UL6B2m9Hg" title="Document Styling in Craft" className="w-full aspect-video rounded-xl" allowFullScreen />

## Häufige Anwendungsfälle

### Professionelle Dokumente

Für Geschäftsberichte, Angebote oder kundenseitige Dokumente:

* Verwende **Serif**‑Fonts für ein traditionelles, seriöses Auftreten
* Nutze **neutrale Farben** (Grau, Weiß) für Hintergründe
* Füge ein **Cover Image** hinzu, das deine Marke oder das Thema repräsentiert
* Hebe Text sparsam hervor – nur für Kennzahlen oder Handlungsaufforderungen

### Persönliches Wissensarchiv

Für Notizen, Journale oder Lernmaterialien:

* Experimentiere mit **Rounded** oder **System** Fonts für angenehmes Lesen
* Verwende **farbkodierte Hintergründe**, um Themenbereiche zu unterscheiden (Blau für Arbeit, Grün für Privat)
* Nutze **Highlights** großzügig, um wichtige Passagen schnell zu finden
* Probiere **Washi‑Tape‑Trennstreifen**, um Persönlichkeit und visuelle Pausen einzubauen

### Kreative Projekte

Für Moodboards, Portfolios oder Storytelling:

* Kombiniere **Card**‑Layouts mit **Image Backgrounds** für große visuelle Wirkung
* Verwende **Gradient Backgrounds**, um Atmosphäre zu schaffen
* Wähle **custom text colors**, die zu deinen Bildern passen
* Lege **Cover Images** mit Blur‑Effekten übereinander, um Tiefe zu erzeugen

### Code‑Dokumentation

Für technische Notizen oder Development‑Logs:

* Nutze standardmäßig **Mono**‑Font für Code‑Blöcke und technische Inhalte
* Verwende **high‑contrast colors** (dunkler Hintergrund, heller Text) zur Entlastung der Augen
* Setze **einfache Separatoren**, um Abschnitte klar zu trennen
* Halte **Seiten‑Hintergründe** minimal, damit der Fokus auf dem Inhalt bleibt

<Info title="Stilkonsistenz">
  Wenn du einen Stil gefunden hast, den du magst, speichere ihn als Standard in den **Space‑Einstellungen**. So starten alle neuen Dokumente mit deiner bevorzugten Ästhetik und du sparst Zeit sowie Arbeitsschritte im Workspace.
</Info>

## Anpassungs‑Workflow

So könnte ein typischer Workflow aussehen, wenn du ein neues Dokument stylst:

<Steps>
  <Step>
    **Beginne mit dem Seitenfundament** – Wähle deinen Hintergrund (Farbe, Verlauf oder Bild) und optional ein Cover Image. Das legt die Grundstimmung fest.
  </Step>

  <Step>
    **Wähle deine Schrift** – Entscheide dich für eine Schriftart, die zum Zweck des Dokuments passt (Serif für formelle Texte, Mono für technische Inhalte, Rounded für einen lockeren Ton).
  </Step>

  <Step>
    **Füge Struktur‑Elemente hinzu** – Setze Separatoren zwischen Hauptabschnitten, um visuelle Hierarchie und bessere Scanbarkeit zu schaffen.
  </Step>

  <Step>
    **Wende Text‑Styles an** – Während du schreibst, nutze Highlights, Farben und Formatierungen, um Kernaussagen zu betonen und visuelles Interesse zu erzeugen.
  </Step>

  <Step>
    **Feinschliff und Anpassung** – Geh zurück und prüfe das Gesamtbild. Passe Farben an, probiere andere Fonts oder wechsle Separator‑Stile, bis es stimmt.
  </Step>
</Steps>

## Verwandte Artikel

<CardGroup cols={2}>
  <Card title="Schnellübersicht zu Styles" href="/de/write-and-edit/styling/quick-guide">
    Umfassender Leitfaden zu allen Styling‑Features
  </Card>

  <Card title="Cover Images" href="/de/write-and-edit/styling/cover-images">
    Cover Images für deine Dokumente anpassen
  </Card>

  <Card title="Cards" href="/de/write-and-edit/styling/cards">
    Seiten in visuelle Card‑Layouts verwandeln
  </Card>

  <Card title="App Styles" href="/de/write-and-edit/styling/app-styles">
    Dokumentstile auf die App‑Oberfläche ausweiten
  </Card>

  <Card title="Standard‑Styles" href="/de/write-and-edit/styling/default-styles">
    Deinen bevorzugten Stil als Standard festlegen
  </Card>

  <Card title="Dokumente veröffentlichen" href="/de/share-and-publish/publish">
    Schön gestaltete Dokumente im Web teilen
  </Card>

  <Card title="KI‑Assistent" href="/de/ai-assistant">
    Nutze den KI‑Assistenten, um beim Styling und Formatieren zu helfen
  </Card>
</CardGroup>