Design
Im Design-Tab passt du das visuelle Erscheinungsbild der Profilseite an. Hier findest du alle Einstellungen für Farben, Größen und Formen.
Titelbild
Section titled “Titelbild”Einstellungen für das große Bild oben im Profil (Cover).
Titelbild-Höhe
Section titled “Titelbild-Höhe”Was es macht: Bestimmt, wie hoch das Titelbild angezeigt wird.
So findest du es: Design > Titelbild > Titelbild-Höhe
Optionen:
| Wert | Beschreibung |
|---|---|
| 100 px | Sehr niedrig, zeigt nur einen schmalen Streifen |
| 200 px | Standard - gute Balance |
| 300 px | Hoch - Titelbild dominiert |
| 400 px | Sehr hoch - fast halber Bildschirm |
Bedienung: Ziehe den Schieberegler nach links (niedriger) oder rechts (höher).
Gradient-Start (unten)
Section titled “Gradient-Start (unten)”Was es macht: Fügt einen Farbverlauf am unteren Rand des Titelbilds hinzu. Das verbessert die Lesbarkeit von Text, der über dem Titelbild liegt.
So findest du es: Design > Titelbild > Gradient-Start
Optionen:
| Einstellung | Wirkung |
|---|---|
| Leer (Standard) | Kein Gradient |
| Farbe wählen | Ein Farbverlauf von dieser Farbe nach transparent |
Empfehlung: Verwende eine dunkle Farbe (z.B. Schwarz mit 50% Transparenz), damit weißer Text gut lesbar ist.
Gradient-Ende (oben)
Section titled “Gradient-Ende (oben)”Was es macht: Die Endfarbe des Gradienten am oberen Rand.
So findest du es: Design > Titelbild > Gradient-Ende
Optionen:
| Einstellung | Wirkung |
|---|---|
| Leer (Standard) | Transparent (Gradient faded aus) |
| Farbe wählen | Gradient endet in dieser Farbe |
Profilbild
Section titled “Profilbild”Einstellungen für den Avatar (das runde Profilbild).
Profilbild-Größe
Section titled “Profilbild-Größe”Was es macht: Bestimmt, wie groß das Profilbild angezeigt wird.
So findest du es: Design > Profilbild > Profilbild-Größe
Optionen:
| Wert | Beschreibung |
|---|---|
| 60 px | Klein |
| 100 px | Standard |
| 130 px | Groß |
| 160 px | Sehr groß |
Bedienung: Ziehe den Schieberegler.
Profilbild-Form
Section titled “Profilbild-Form”Was es macht: Bestimmt die Form des Profilbilds.
So findest du es: Design > Profilbild > Profilbild-Form
Optionen:
| Option | Aussehen |
|---|---|
| Kreis | Rundes Profilbild (klassisch) |
| Abgerundet | Rechteck mit runden Ecken |
| Quadrat | Rechteck ohne runde Ecken |
Rahmenbreite
Section titled “Rahmenbreite”Was es macht: Fügt einen Rahmen um das Profilbild hinzu.
So findest du es: Design > Profilbild > Rahmenbreite
Optionen:
| Wert | Beschreibung |
|---|---|
| 0 px | Kein Rahmen |
| 4 px | Standard - dezenter Rahmen |
| 10 px | Dicker, auffälliger Rahmen |
Rahmenfarbe
Section titled “Rahmenfarbe”Was es macht: Bestimmt die Farbe des Rahmens um das Profilbild.
So findest du es: Design > Profilbild > Rahmenfarbe
Optionen:
| Einstellung | Wirkung |
|---|---|
| Leer (Standard) | Weiß (oder Theme-Hintergrundfarbe) |
| Farbe wählen | Die von dir gewählte Farbe |
Statistiken
Section titled “Statistiken”Einstellungen für die Follower/Following-Anzeige.
Hintergrundfarbe
Section titled “Hintergrundfarbe”Was es macht: Fügt einen farbigen Hintergrund hinter die Statistiken.
So findest du es: Design > Statistiken > Hintergrundfarbe
Optionen:
| Einstellung | Wirkung |
|---|---|
| Leer (Standard) | Kein zusätzlicher Hintergrund |
| Farbe wählen | Die Statistiken bekommen einen farbigen Hintergrund |
Eckenradius
Section titled “Eckenradius”Was es macht: Rundet die Ecken des Statistik-Hintergrunds ab.
So findest du es: Design > Statistiken > Eckenradius
Optionen:
| Wert | Beschreibung |
|---|---|
| 0 px | Eckig |
| 12 px | Leicht abgerundet |
| 24 px | Stark abgerundet (Pill-Form) |
Buttons
Section titled “Buttons”Einstellungen für die Aktions-Buttons (Folgen, Nachricht, Teilen).
Folgen-Button
Section titled “Folgen-Button”Was es macht: Ändert die Farbe des “Folgen”-Buttons.
So findest du es: Design > Buttons > Folgen-Button
Optionen:
| Einstellung | Wirkung |
|---|---|
| Leer (Standard) | Verwendet die primäre Theme-Farbe |
| Farbe wählen | Die von dir gewählte Farbe |
Nachricht-Button
Section titled “Nachricht-Button”Was es macht: Ändert die Farbe des “Nachricht”-Buttons.
So findest du es: Design > Buttons > Nachricht-Button
Optionen:
| Einstellung | Wirkung |
|---|---|
| Leer (Standard) | Verwendet die Theme-Farbe |
| Farbe wählen | Die von dir gewählte Farbe |
Teilen-Button
Section titled “Teilen-Button”Was es macht: Ändert die Farbe des “Teilen”-Buttons.
So findest du es: Design > Buttons > Teilen-Button
Optionen:
| Einstellung | Wirkung |
|---|---|
| Leer (Standard) | Verwendet die Theme-Farbe |
| Farbe wählen | Die von dir gewählte Farbe |
Social Links
Section titled “Social Links”Einstellungen für die Social-Media-Icons im Profil.
Icon-Größe
Section titled “Icon-Größe”Was es macht: Bestimmt, wie groß die Social-Media-Icons angezeigt werden.
So findest du es: Design > Social Links > Icon-Größe
Optionen:
| Wert | Beschreibung |
|---|---|
| 16 px | Klein |
| 24 px | Standard |
| 32 px | Groß |
| 40 px | Sehr groß |
Icon-Farbe
Section titled “Icon-Farbe”Was es macht: Überschreibt die Standard-Farben der Social-Media-Icons.
So findest du es: Design > Social Links > Icon-Farbe
Optionen:
| Einstellung | Wirkung |
|---|---|
| Leer (Standard) | Jedes Icon hat seine Plattform-Farbe (Instagram = Rosa, Facebook = Blau, etc.) |
| Farbe wählen | Alle Icons haben die gleiche Farbe |
Alle Einstellungen auf einen Blick
Section titled “Alle Einstellungen auf einen Blick”Titelbild
Section titled “Titelbild”| Einstellung | Standard | Bereich |
|---|---|---|
| Titelbild-Höhe | 200 px | 100-400 px |
| Gradient-Start | Leer | Farbwähler |
| Gradient-Ende | Leer | Farbwähler |
Profilbild
Section titled “Profilbild”| Einstellung | Standard | Bereich |
|---|---|---|
| Profilbild-Größe | 100 px | 60-160 px |
| Profilbild-Form | Kreis | Kreis/Abgerundet/Quadrat |
| Rahmenbreite | 4 px | 0-10 px |
| Rahmenfarbe | Leer | Farbwähler |
Statistiken
Section titled “Statistiken”| Einstellung | Standard | Bereich |
|---|---|---|
| Hintergrundfarbe | Leer | Farbwähler |
| Eckenradius | 0 px | 0-24 px |
Buttons
Section titled “Buttons”| Einstellung | Standard | Bereich |
|---|---|---|
| Folgen-Button | Theme-Farbe | Farbwähler |
| Nachricht-Button | Theme-Farbe | Farbwähler |
| Teilen-Button | Theme-Farbe | Farbwähler |
Social Links
Section titled “Social Links”| Einstellung | Standard | Bereich |
|---|---|---|
| Icon-Größe | 24 px | 16-40 px |
| Icon-Farbe | Plattform-Farben | Farbwähler |
Beispiel-Konfigurationen
Section titled “Beispiel-Konfigurationen”Klassisches Social-Media-Profil
Section titled “Klassisches Social-Media-Profil”- Titelbild: 200 px, kein Gradient
- Profilbild: 100 px, Kreis, 4 px weißer Rahmen
- Statistiken: Kein Hintergrund
- Buttons: Theme-Farben
- Social Links: Plattform-Farben, 24 px
Modernes, dunkles Design
Section titled “Modernes, dunkles Design”- Titelbild: 250 px, schwarzer Gradient (50% Transparenz)
- Profilbild: 120 px, Kreis, 6 px Rahmen in Primärfarbe
- Statistiken: Hintergrund in dunklem Grau, 12 px Radius
- Buttons: Eigene Akzentfarben
- Social Links: Weiße Icons, 28 px
Minimalistisch
Section titled “Minimalistisch”- Titelbild: 150 px, kein Gradient
- Profilbild: 80 px, Kreis, kein Rahmen
- Statistiken: Kein Hintergrund
- Buttons: Theme-Farben
- Social Links: Graue Icons, 20 px