> ## Documentation Index
> Fetch the complete documentation index at: https://docs.streame.gg/llms.txt
> Use this file to discover all available pages before exploring further.

# Design

> Passe das Design deiner Link-in-Bio Seite an — mit fertigen Vorlagen oder ganz individuell.

## Übersicht

Im Bereich **Design** legst du das Aussehen deiner Link-in-Bio Profilseite fest. Rechts siehst du eine Live-Vorschau, die sich bei jeder Änderung sofort aktualisiert.

Das Design ist in zwei Tabs aufgeteilt:

* **Vorlagen** — Wähle mit einem Klick eine fertige Vorlage (Theme) als Startpunkt.
* **Anpassen** — Feintuning: Schriftart, Buttonstil, Farben und Hintergrund.

<Tip>
  Beide Wege lassen sich kombinieren: Starte mit einer Vorlage und passe sie anschließend im Tab **Anpassen** weiter an. Dein eigenes Design bleibt dabei erhalten.
</Tip>

***

## Tab „Vorlagen"

Im Tab **Vorlagen** wählst du mit einem Klick ein fertiges Theme — zum Beispiel **Glass** oder **Espresso**. Die Vorlage wird sofort auf dein Profil angewendet und in der Live-Vorschau angezeigt.

<Frame>
  <img src="https://mintcdn.com/streame/oF76JGety_GQ9Ydp/images/design-vorlagen.png?fit=max&auto=format&n=oF76JGety_GQ9Ydp&q=85&s=f7e0706170cadbe65eea36c47698d824" alt="Tab Vorlagen mit fertigen Design-Themes zur Auswahl" width="4064" height="2624" data-path="images/design-vorlagen.png" />
</Frame>

<ParamField body="Eigenes Design" type="Vorlage">
  Kein vorgefertigtes Theme, sondern die freie Variante: Du gestaltest jedes Detail selbst im Tab **Anpassen**. Das ist der klassische Weg für ein komplett individuelles Profil.
</ParamField>

<ParamField body="Fertige Vorlagen" type="Themes">
  Vorgefertigte Looks wie **Glass**, **Espresso** und weitere. Ein Klick genügt — Farben, Buttons und Hintergrund sind bereits aufeinander abgestimmt.
</ParamField>

<Note>
  Nachdem du eine Vorlage gewählt hast, kannst du **Farben** und **Hintergrund** im Tab **Anpassen** weiter verändern. Deine restlichen Anpassungen bleiben dabei erhalten.
</Note>

***

## Tab „Anpassen"

Im Tab **Anpassen** stellst du die Details selbst ein. Nicht jede Option ist bei einer Vorlage verfügbar — manche gibt es nur bei **Eigenes Design**:

<Frame>
  <img src="https://mintcdn.com/streame/oF76JGety_GQ9Ydp/images/design-anpassen.png?fit=max&auto=format&n=oF76JGety_GQ9Ydp&q=85&s=923c6d35c10ba5d9d03076d560968813" alt="Tab Anpassen mit Optionen für Design, Schriftart, Social Media Icons und Buttons" width="4064" height="2624" data-path="images/design-anpassen.png" />
</Frame>

| Option                 | Eigenes Design | Vorlage |
| ---------------------- | -------------- | ------- |
| Design (Hell / Dunkel) | ✅              | —       |
| Schriftart             | ✅              | ✅       |
| Social Media Icons     | ✅              | —       |
| Buttons – Form         | ✅              | ✅       |
| Buttons – Füllung      | ✅              | —       |
| Farben                 | ✅              | ✅       |
| Hintergrund            | ✅              | ✅       |

### Design (Hell / Dunkel)

<Info>Nur bei **Eigenes Design** verfügbar.</Info>

Wähle zwischen einem **hellen** und einem **dunklen** Theme für dein Profil.

### Schriftart

Wähle eine Schriftart für dein Profil. Folgende Schriftarten stehen zur Verfügung:

| Schriftart             | Vorschau                                                              |
| ---------------------- | --------------------------------------------------------------------- |
| **DM Sans** (Standard) | [Auf Google Fonts ansehen](https://fonts.google.com/specimen/DM+Sans) |
| **Poppins**            | [Auf Google Fonts ansehen](https://fonts.google.com/specimen/Poppins) |
| **Roboto**             | [Auf Google Fonts ansehen](https://fonts.google.com/specimen/Roboto)  |
| **Outfit**             | [Auf Google Fonts ansehen](https://fonts.google.com/specimen/Outfit)  |

### Social Media Icons

<Info>Nur bei **Eigenes Design** verfügbar.</Info>

Wähle den Stil deiner Social-Media-Icons. Es gibt 7 Varianten:

* **Outline Schwarz** — Umrisse in Schwarz
* **Outline Weiß** — Umrisse in Weiß
* **Farbig** — Icons in der jeweiligen Plattform-Farbe
* **Farbig invertiert** — Invertierte Plattform-Farben
* **Icon** — Einfache Icons
* **Icon Schwarz** — Icons in Schwarz
* **Icon Weiß** — Icons in Weiß

### Buttons

**Form** *(bei Eigenes Design und Vorlagen)*

Wähle die Form deiner Link-Buttons:

* **Rund** — Abgerundete Ecken (Standard)
* **Abgerundet** — Leicht abgerundete Ecken
* **Eckig** — Keine Abrundung

**Füllung** *(nur bei Eigenes Design)*

* **Gefüllt** — Button mit Hintergrundfarbe (Standard)
* **Umrandet** — Nur ein Rahmen, ohne Füllung

### Farben

Passe die Farben deines Profils an — etwa die Akzent- und Buttonfarbe sowie die Textfarbe. Alle Änderungen erscheinen sofort in der Live-Vorschau.

### Hintergrund

Wähle den Hintergrund deines Profils:

* **Hintergrundbild der Vorlage** — Das mitgelieferte Hintergrundbild der gewählten Vorlage. Gibt es nur bei **manchen Vorlagen**.
* **Farbe** — Einfarbiger Hintergrund
* **Verlauf** — Farbverlauf als Hintergrund
* **Profilbild** — Dein Profilbild als unscharfer Hintergrund

***

## Streame Branding

Unten auf der Seite wird das Streame Branding angezeigt.

<Tip>
  Vergiss nicht nach deinen Änderungen auf **Speichern** zu klicken.
</Tip>