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

Einstellungen für das große Bild oben im Profil (Cover).

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).

Tipp

200 px ist ein guter Standardwert. Zu hohe Titelbilder verschieben wichtige Inhalte nach unten.

---

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)

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

Gut zu wissen

Meist lässt man das Gradient-Ende leer, sodass der Gradient nach oben hin transparent wird.

---

Profilbild

Einstellungen für den Avatar (das runde Profilbild).

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

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

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

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

Tipp

Ein weißer Rahmen hebt das Profilbild schön vom Titelbild ab.

---

Statistiken

Einstellungen für die Follower/Following-Anzeige.

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

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)

Gut zu wissen

Der Eckenradius ist nur sichtbar, wenn eine Hintergrundfarbe gesetzt ist.

---

Buttons

Einstellungen für die Aktions-Buttons (Folgen, Nachricht, Teilen).

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

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

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

Tipp

Lass die Button-Farben leer, damit sie automatisch zum Theme passen. Benutzerdefinierte Farben sind nur nötig, wenn du bewusst vom Theme abweichen willst.

---

Social Links

Einstellungen für die Social-Media-Icons im Profil.

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

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

Tipp

Die Standard-Plattformfarben sind meist die beste Wahl - Nutzer erkennen die Plattformen sofort an der Farbe.

---

Alle Einstellungen auf einen Blick

Titelbild

Einstellung	Standard	Bereich
Titelbild-Höhe	200 px	100-400 px
Gradient-Start	Leer	Farbwähler
Gradient-Ende	Leer	Farbwähler

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

Einstellung	Standard	Bereich
Hintergrundfarbe	Leer	Farbwähler
Eckenradius	0 px	0-24 px

Buttons

Einstellung	Standard	Bereich
Folgen-Button	Theme-Farbe	Farbwähler
Nachricht-Button	Theme-Farbe	Farbwähler
Teilen-Button	Theme-Farbe	Farbwähler

Social Links

Einstellung	Standard	Bereich
Icon-Größe	24 px	16-40 px
Icon-Farbe	Plattform-Farben	Farbwähler

---

Beispiel-Konfigurationen

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

• 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

• Titelbild: 150 px, kein Gradient
• Profilbild: 80 px, Kreis, kein Rahmen
• Statistiken: Kein Hintergrund
• Buttons: Theme-Farben
• Social Links: Graue Icons, 20 px

---

Tipps

Konsistenz ist wichtig

Verwende Farben und Größen, die zum Rest deiner App passen. Nutze die Theme Suite für einheitliche Farben.

Kontrast prüfen

Achte auf ausreichend Kontrast zwischen Text und Hintergrund. Besonders beim Titelbild-Gradient ist das wichtig.

Mobile zuerst

Teste das Design auf einem echten Gerät. Zu große Elemente können auf kleinen Bildschirmen problematisch sein.

Plattform-Farben beibehalten

Bei Social Links sind die Original-Plattformfarben meist die beste Wahl - Nutzer erkennen die Plattformen sofort.

Weniger ist mehr

Zu viele verschiedene Farben und Größen wirken unruhig. Beschränke dich auf wenige, konsistente Werte.