Unter „Erscheinungsbild“ legst du fest, wie dein System aussieht: Name, Farben, Logo und die Links zu Impressum und Datenschutz. Die Änderung gilt sofort für alle Partner und Mitarbeitenden – in der App, im Browser, in Mails und auf Zertifikaten.
Erscheinungsbild öffnen
Öffne im Browser „Menü“ und tippe in der Gruppe „Einstellungen“ auf „Erscheinungsbild“. Du findest es auch unter „Menü“ → „Alle Einstellungen“ im Bereich „Marke“.
Ändere die gewünschten Felder. Alle Abschnitte stehen untereinander auf einer Seite.
Tippe ganz unten auf „Erscheinungsbild speichern“. Symiko meldet „Erscheinungsbild gespeichert – es gilt sofort für alle im System.“
- Im Browser
- Das Erscheinungsbild bearbeitest du im Browser, am besten am Rechner.
- In der App
- In der App öffnet derselbe Eintrag die Seite im Browser.
Das Erscheinungsbild sieht nur die Zentrale – und nur, wenn du das Modul „Personen einladen“ (Personen einladen und Standorte anlegen) nutzen darfst.
Logo hochladen
Geh zum Abschnitt „Logo“ und tippe unter „Logo“ auf „Logo hochladen“.
Wähle die Bilddatei auf deinem Gerät aus. Symiko prüft die Datei, verkleinert sie bei Bedarf und zeigt sie im Vorschaufeld auf hellem Grund.
Passt das Bild nicht, tippe auf „Anderes Bild wählen“ oder auf „Entfernen“.
Tippe auf „Erscheinungsbild speichern“. Erst dann sehen alle das neue Logo.
| Punkt | Was gilt |
|---|---|
| Dateiformat | PNG, JPG oder WebP. SVG geht aus Sicherheitsgründen nicht, denn eine SVG-Datei kann Programmcode enthalten. |
| Dateigröße | Höchstens 10 MB. |
| Verkleinerung | Ist das Bild größer, verkleinert Symiko es auf höchstens 1.024 Pixel an der längsten Seite. |
| Aufnahmedaten | Angaben wie Aufnahmeort oder Gerät entfernt Symiko immer. |
| Durchsichtiger Hintergrund | Bleibt bei PNG und WebP erhalten. Ein JPG hat immer einen festen Hintergrund. |
| Ablage | Das Logo liegt danach auch in eurer Mediathek. |
- Unsere Empfehlung: ein PNG mit durchsichtigem Hintergrund. Dann steht das Logo auf hellen und dunklen Flächen ohne weißen Kasten.
- Querformat mit etwa 1.024 × 256 Pixeln (Seitenverhältnis bis 4 : 1) oder quadratisch mit 512 × 512 Pixeln.
- Mindestens 256 Pixel breit. Kleinere Dateien wirken auf modernen Bildschirmen unscharf.
- Schneide leeren Rand um das Logo weg. Die Anzeige ist klein, und jeder leere Rand macht das Logo noch kleiner.
Wo und wie groß das Logo erscheint
| Stelle | Größe auf dem Bildschirm | Welches Logo |
|---|---|---|
| Seitenleiste am Rechner, Kopfzeile im Browser am Handy | 32 Pixel hoch, bis 128 Pixel breit | Logo für dunkle Flächen, sonst das normale |
| Kopfzeile in der App | 28 Pixel hoch, bis viermal so breit | Logo für dunkle Flächen, sonst das normale |
| Anmeldeseite | 64 Pixel hoch, bis 256 Pixel breit | das normale; ist das Gerät auf dunkle Darstellung gestellt, das Logo für dunkle Flächen |
| Kopf der Mails | 32 Pixel hoch, bis 160 Pixel breit, auf eurer Hauptfarbe | Logo für dunkle Flächen, sonst das normale |
| Zertifikate | bis 64 Pixel hoch, bis 160 Pixel breit | das normale |
| Beiträge der Zentrale im Feed | rundes Absenderbild mit 36 Pixeln | das normale |
| Öffentliche Formulare und Karriereseite | Quadrat mit 40 Pixeln | das normale |
Die Angaben sind Bildschirmpunkte. Handys und viele Rechner zeigen auf jedem Punkt zwei- bis dreimal so viele Pixel. Deshalb sollte die Datei deutlich größer sein als die Anzeige.
Tipp: Ein sehr breites Logo (breiter als etwa 4 : 1) wird in Seitenleiste und Anmeldeseite kleiner, weil die Breite dort begrenzt ist. Im runden Absenderbild und auf Formularen wirkt es ebenfalls klein. Ein quadratisches Logo passt überall; ein Querformat wirkt in Kopfzeile, Anmeldeseite und Mails besser.
Logo für dunkle Flächen
Seitenleiste und Kopfzeile sind dunkel, der Mailkopf hat eure Hauptfarbe. Ein dunkles Logo ist dort kaum zu sehen. Deshalb kannst du zusätzlich eine helle Fassung hochladen, zum Beispiel ein weißes Logo. Fehlt sie, steht dort das normale Logo.
Tippe unter „Logo für dunkle Flächen (optional)“ auf „Logo hochladen“ und wähle die helle Fassung.
Prüfe die Vorschau: Sie zeigt das Bild auf dunklem Grund.
Tippe auf „Erscheinungsbild speichern“.
- Du brauchst die helle Fassung, wenn dein Logo dunkel oder schwarz ist oder dieselbe Farbe hat wie eure Hauptfarbe.
- Du brauchst sie nicht, wenn dein Logo hell ist oder einen eigenen farbigen Hintergrund hat.
- Für die helle Fassung gelten dieselben Formate und Größen wie für das normale Logo.
Farben wählen
Wähle unter „Farben“ eine der geprüften Paletten, zum Beispiel „Nachtblau & Sand“ oder „Bordeaux & Rosé“. Der „Symiko-Standard“ ist als „Empfohlen“ markiert.
Oder lege unter „Eigene Farben“ die „Hauptfarbe“ und die „Aktionsfarbe“ selbst fest – mit der Farbauswahl oder als Farbcode wie #14648D.
Sieh dir die „Vorschau“ an. Sie zeigt „In der App“ im hellen und im dunklen Modus und daneben „Jobseite, Formulare, Mails“.
Tippe auf „Erscheinungsbild speichern“.
Die Hauptfarbe trägt weiße Schrift, zum Beispiel im Mailkopf, und färbt Links und Auswahl. Die Aktionsfarbe ist der Hintergrund der wichtigsten Knöpfe. Mit „Auf Symiko-Standard zurücksetzen“ kommst du jederzeit zu den Ausgangsfarben zurück.
Wichtig: Symiko prüft, ob die Schrift gut lesbar bleibt (Kontrast mindestens 4,5 : 1). Ist die Hauptfarbe zu hell für weiße Schrift oder die Aktionsfarbe zu dunkel für die Schrift auf den Knöpfen, erscheint ein Hinweis, und das Speichern klappt nicht. Wähle dann eine dunklere Hauptfarbe oder eine hellere Aktionsfarbe.
Name des Systems
Unter „Name deines Systems“ steht der Name, den alle sehen – in Kopfzeile und Seitenleiste, auf der Anmeldeseite, in Mails und auf Zertifikaten. Das Feld darf nicht leer sein. Welche Namen als Mailabsender nicht erscheinen, steht unter Mails im Namen deines Systems.
Impressum und Datenschutz verlinken
Geh zum Abschnitt „Rechtliches zum System“.
Trag unter „Datenschutz-Link“ und „Impressum-Link“ die Adressen der Seiten auf eurer eigenen Website ein. Beide müssen mit https:// beginnen.
Tippe auf „Erscheinungsbild speichern“.
Die Links erscheinen unter euren öffentlichen Formularen. Wer dort Angaben macht, sieht so, wer dafür verantwortlich ist.
Anmeldeseite in eurer Marke
Die Anmeldeseite zeigt Logo, Name und Hauptfarbe deines Systems, wenn sie über einen Link mit eurem Kurznamen geöffnet wird, zum Beispiel symiko.de/login?system=musterbaeckerei. „Symiko“ steht dann nur noch klein darunter („mit Symiko“). Ohne diesen Zusatz sieht die Seite aus wie gewohnt, denn im Browser wird dafür nichts gespeichert.
Öffne „Einstellungen“ → „Erscheinungsbild“. Ganz oben steht „Euer Anmeldelink“.
Tippe auf „Link kopieren“.
Gib den Link an dein Netz weiter, zum Beispiel als Lesezeichen oder auf einem Aushang im Laden.
Links in den Mails von Symiko, etwa in der Einladung oder beim Passwort, tragen den Kurznamen schon. Nutzt ihr das Recruiting, steht er auch in der Adresse eurer „Karriereseite“. Im Erscheinungsbild lässt sich der Kurzname nicht ändern.
- Im Browser
- Im Browser zeigt die Anmeldeseite eure Marke nur über den Link mit Kurznamen.
- In der App
- Die App merkt sich nach der Anmeldung Name, Farbe und Logo deines Systems und zeigt sie beim nächsten Anmelden.
Wo eure Marke überall erscheint
- In der App und im Browser: Kopfzeile, Seitenleiste, Startseite und als Absender der Beiträge der Zentrale.
- Auf der Anmeldeseite, wenn sie über den Link mit eurem Kurznamen geöffnet wird.
- In allen Mails an euer Netz – siehe Mails im Namen deines Systems.
- Auf den Academy-Zertifikaten – siehe Zertifikate gestalten.
- Auf öffentlichen Formularen, der Karriereseite, den Bildschirmen und Ladengeräten im Laden und auf Dokumenten, die aus Vorlagen entstehen.
Häufige Fragen
Warum kann ich keine SVG-Datei hochladen?
Eine SVG-Datei kann Programmcode enthalten. Deshalb nimmt Symiko nur PNG, JPG und WebP an. Speichere dein Logo im Grafikprogramm als PNG mit durchsichtigem Hintergrund.
Kann ich die Adresse eines Logos von unserer Website eintragen?
Nein. Symiko zeigt nur Bilder aus eurer eigenen Mediathek. Ein Bild von einem fremden Server würde diesem Server verraten, wer wann welche Seite öffnet. Lade die Datei deshalb direkt hoch.
Wann sehen die anderen das neue Logo?
Sofort nach „Erscheinungsbild speichern“, für alle Partner und Mitarbeitenden. Wer die Seite schon offen hat, sieht es nach dem Neuladen.