Erscheinungsbild des Vereins in der App

Was Sie brauchen

• Das Recht, die Organisation zu verwalten (Inhaber oder Administrator).
• Die Verwaltung unter /admin, Seite „Stammdaten“ – dort stehen die Abschnitte „Logo“ und „Erscheinungsbild in der App“.
• Für Logo und Banner je ein JPG- oder PNG-Bild mit höchstens 2 MB.

Logo, Kürzel und Akzentfarbe einrichten

1. Öffnen Sie /admin und wählen Sie „Stammdaten“.
2. Laden Sie im Abschnitt „Logo“ Ihr Vereinslogo hoch. Es wird automatisch gedreht und verkleinert; Transparenz bleibt erhalten.
3. Im Abschnitt „Erscheinungsbild in der App“ steht beim Kürzel ein Vorschlag aus dem Vereinsnamen, etwa „TSVM“ für „TSV Musterstadt 1890 e. V.“. Übernehmen Sie ihn oder tragen Sie ein eigenes Kürzel mit 2 bis 6 Zeichen ein.
4. Wählen Sie eine Akzentfarbe mit dem Farbwähler oder als Farbwert wie #1E5AA8. Leer bedeutet: unser Gelb bleibt.
5. Setzen Sie den Haken „Logo in der App zeigen“ und klicken Sie auf „Erscheinungsbild speichern“.

Wo was erscheint

• Logo (nur mit dem Haken „Logo in der App zeigen“): im Kopf der Buchen-Seite in App und WebApp, am Kiosk, auf der QR-Bestellseite und auf der Mitgliedskarte im Apple und Google Wallet.
• Akzentfarbe: statt unseres Gelbs auf Kopfzeilen, Knöpfen und Flächen in App und WebApp, am Kiosk, auf der QR-Bestellseite und als Farbe der Wallet-Karte.
• Kürzel: im Listenwechsler („TSVM · Vereinsheim“), im Betreff des monatlichen Kontoauszugs und in den Abrechnungs-Mails.
• Banner: oben auf der Startseite von App und WebApp und am Kiosk, solange niemand angemeldet ist.
• Bons, PDFs und die TV-Anzeige behalten ihre eigenen Logo-Schalter im Abschnitt „Logo“.

Akzentfarbe und Kontrast

Die Schrift auf der Akzentfarbe wählt die App selbst: dunkel oder weiß, je nachdem, was besser lesbar ist. Sie muss mindestens ein Kontrastverhältnis von 4,5 : 1 erreichen. Bei mittleren Tönen wie Grau schafft das keine der beiden Schriften, dann lehnt die Verwaltung die Farbe ab.

Außerdem muss sich die Farbe vom weißen Hintergrund und vom Hintergrund im Dunkelmodus abheben. Fast weiße oder fast schwarze Farben werden deshalb ebenfalls abgelehnt. Die Vorschau zeigt die Farbe hell und dunkel nebeneinander, bevor Sie speichern.

Banner je Liste

1. Bereiten Sie ein Bild im Format 3:1 vor, zum Beispiel 1500 × 500 Pixel, als JPG oder PNG mit höchstens 2 MB.
2. Klicken Sie im Abschnitt „Banner je Liste“ bei der gewünschten Liste auf „Banner hochladen“. Jede Liste kann ein eigenes Banner haben.
3. Hat das Bild ein anderes Format, wird es mittig auf 3:1 zugeschnitten. Prüfen Sie die Vorschau.
4. Mit „Banner ersetzen“ tauschen Sie es aus, mit „Banner löschen“ entfernen Sie es wieder.