Erscheinungsbild

Im Erscheinungsbild legst du fest, wie flinkest im Browser aussieht: Markenfarbe, Grundton der Flächen, Rundung der Ecken, Schriftart und Schriftgröße, dazu die Farben der Statusmeldungen und die Höhe der Eingabefelder. Links stellst du ein, rechts läuft eine Live-Vorschau mit. Zwei Dinge vorweg, weil sie am häufigsten gefragt werden: Die Einstellung gilt für den ganzen Betrieb, nicht je Benutzer — und sie betrifft nur die Bedienoberfläche. Wie deine Belege als PDF aussehen, regelt das Belegdesign.

Kopfzeile

Oben steht der Titel Erscheinungsbild, rechts daneben die Bedienelemente. Im Reiter Marke sind es drei: das Auswahlfeld Vorlagen, die Schaltfläche Auf Standard zurücksetzen und die grüne Schaltfläche Speichern. Im Reiter Erweitert bleibt nur Speichern stehen — Vorlagen und Zurücksetzen gehören zum Reiter Marke.

Ein Erscheinungsbild für den ganzen Betrieb. Es gibt genau eine Einstellung je Mandant, keine persönliche Variante je Benutzer und keine Liste mehrerer gespeicherter Designs. Was du hier speicherst, sehen alle Kolleginnen und Kollegen — auch die, die nie in die allgemeinen Einstellungen hineinschauen.

Speichern sichert nur den Reiter, in dem du gerade stehst. Hast du in beiden Reitern etwas verstellt, wird beim Klick auf Speichern nur der aktive Reiter geschrieben. Die Änderungen im anderen Reiter bleiben zwar in der laufenden Oberfläche sichtbar, sind aber nicht gespeichert und beim nächsten Laden weg. Also: erst den einen Reiter speichern, dann umschalten und den anderen.

Der aktive Reiter steht in der Adresszeile. Ein Lesezeichen auf Marke oder Erweitert funktioniert deshalb, und beim erneuten Öffnen landest du wieder dort, wo du zuletzt warst.

Dafür brauchst du Administratorrechte. Der gesamte Einstellungsbereich ist Administratoren vorbehalten, das Erscheinungsbild ebenso — ohne dieses Recht ist die Seite gar nicht erreichbar, auch nicht lesend. Wer es hat, steuerst du über die Rollen deiner Benutzer.

Reiter „Marke"

Hier liegen die vier Einstellungen, die den Gesamteindruck ausmachen.

Markenfarbe. Ein runder Farbpunkt; ein Klick darauf öffnet den Farbwähler deines Browsers. Aus dieser einen Farbe erzeugt flinkest die komplette Abstufung von sehr hell bis sehr dunkel und verwendet sie überall dort, wo die Oberfläche „deine" Farbe zeigt: Schaltflächen, aktive Reiter, Links, Hervorhebungen. Beim Öffnen der Seite steht im Feld die Farbe, die gerade gilt — nicht Schwarz.

Oberflächenton. Eine Umschaltleiste mit Standard, Slate, Gray, Zinc, Neutral und Stone. Sie bestimmt den neutralen Grundton, aus dem Flächen, Hintergründe, Tabellenköpfe und Ränder gemischt werden — von leicht bläulichem Grau (Slate) bis zu leicht wärmerem Grau (Stone). Am schnellsten siehst du den Unterschied unten in der Live-Vorschau an der Oberflächen-Abstufung.

Eckenradius. Standard, Keine, Klein, Mittel oder Groß — wie stark Schaltflächen, Eingabefelder, Karten und Dialoge an den Ecken gerundet sind. Keine ergibt durchgehend rechtwinklige Ecken.

Schriftart. Eine Auswahlliste mit Standard und zehn Schriften: Inter, Roboto, Open Sans, Lato, Poppins, Nunito, Montserrat, DM Sans, Figtree und Source Sans Pro. Jeder Eintrag der Liste ist in seiner eigenen Schrift gesetzt, damit du den Charakter erkennst, bevor du auswählst. Darunter sitzt ein zweites, schmaleres Feld für die Grundschriftgröße: Standard, 12px, 13px, 14px, 15px oder 16px. Die Grundgröße skaliert die ganze Oberfläche mit, nicht nur den Fließtext — 12px macht flinkest insgesamt kompakter, 16px insgesamt größer.

„Standard" heißt: nicht anfassen. Solange Schriftart und Schriftgröße auf Standard stehen, bleibt die eingebaute Schrift der Software unverändert. Erst eine ausdrückliche Auswahl übersteuert sie. Das gilt genauso für Oberflächenton und Eckenradius.

Die Schriften werden nachgeladen. Sie stecken nicht in der Software, sondern kommen beim Öffnen der Liste aus einem Schriften-Dienst im Internet. Deshalb erscheint der Vorschautext gelegentlich einen Sekundenbruchteil später — und deshalb kann eine Schrift, für die es einen bestimmten Schnitt dort nicht gibt, an einzelnen Stellen etwas anders wirken.

Hell oder dunkel richtet sich nach deinem Gerät. Einen Umschalter dafür gibt es hier nicht. flinkest folgt der Hell-/Dunkel-Einstellung deines Betriebssystems beziehungsweise Browsers und wechselt automatisch mit. Markenfarbe, Oberflächenton, Rundung und Schrift wirken in beiden Fällen.

Belege sehen von all dem nichts. Markenfarbe, Schrift, Rundung und Dichte ändern ausschließlich die Bedienoberfläche im Browser. Wie eine Rechnung, ein Angebot oder ein Lieferschein als PDF aussieht — Schrift, Farben, Seitenränder, Spalten der Positionstabelle —, ist davon vollständig getrennt und wird im Belegdesign eingestellt. Wer dieselbe Markenfarbe auf dem Papier möchte, trägt sie dort ein zweites Mal ein.

Reiter „Erweitert"

Der zweite Reiter enthält zwei Gruppen für den Feinschliff.

Statusfarben. Vier Farbpunkte — Erfolg, Gefahr, Warnung und Info. Der Hinweistext darüber sagt genau, worauf sie wirken: „Steuert die Farben von Erfolg-, Fehler-, Warn- und Info-Buttons, -Tags und -Meldungen. Neutrale Erfolgs-Indikatoren (bezahlt, erledigt) behalten ihre eigene Farbe."

Dichte. Eine Umschaltleiste mit Kompakt, Normal und Komfortabel. Auch hier steht der Zweck darüber: „Steuert die Höhe von Eingabefeldern und Auswahllisten. Kompakt zeigt mehr auf einmal, komfortabel ist auf Touch-Geräten leichter bedienbar."

Mehr steht hier bewusst nicht. Der Reiter ist auf diese beiden Gruppen beschränkt, weil nur sie sich in flinkest verlässlich auswirken. Menü, Seitenleiste und die meisten Listen sind eigens gestaltet und lassen sich nicht über einzelne Stellschrauben umfärben — was gestaltbar ist, steht im Reiter Marke.

Zurückgesetzt wird im Reiter Marke. Der Reiter Erweitert hat keine eigene Schaltfläche dafür. Auf Standard zurücksetzen drüben im Reiter Marke räumt aber beides ab: Es löscht auch die hier gesetzten Statusfarben und die Dichte.

Live-Vorschau

Rechts neben den Einstellungen steht unter der Überschrift Live-Vorschau eine Sammlung der Bausteine, aus denen die Oberfläche besteht — so siehst du eine Änderung an allen Stellen gleichzeitig, statt sie in der Anwendung suchen zu müssen:

• Buttons & Aktionen — Schaltflächen in allen Ausprägungen, inklusive Erfolg, Gefahr und deaktiviert.
• Formularfelder — Eingabefeld, Auswahlliste, Textfeld, Kontrollkästchen, Optionsfeld, Schalter und ein Beispiel-Link.
• Tabs — eine Reiterleiste mit Chip, Zähler und Fortschrittsbalken.
• Datentabelle — eine Liste im gewohnten Stil mit den Spalten Name, Status und Aktionen und drei Beispielzeilen.
• Panels & Meldungen — je eine Meldung in Erfolg-, Info-, Warn- und Fehlerfarbe.
• Oberflächen-Abstufung — elf Farbfelder von 0 bis 900, an denen du den gewählten Oberflächenton direkt abliest.

Die Vorschau ist nicht die einzige Stelle, die sich ändert. Jede Änderung wird sofort auf die gesamte laufende Oberfläche angewandt — Menü, Kopfzeile und alles, was gerade offen ist, wechselt mit. Solange du nicht gespeichert hast, ist das nur ein Probelauf: Beim nächsten Laden der Seite gilt wieder der gespeicherte Stand.

Aktionen

Eine Vorlage übernehmen. Das Auswahlfeld Vorlagen oben rechts bietet fünf fertige Kombinationen an: Flinkest, Ocean Blue, Graphite, Violet und Amber. Ein Klick füllt Markenfarbe, Oberflächenton, Eckenradius, Schriftart und Schriftgröße auf einmal; danach darfst du jeden Wert einzeln weiterdrehen. Die Vorlagen selbst kannst du weder ändern noch überschreiben — sie sind Startpunkte, keine gespeicherten Designs. Kopieren musst du sie auch nicht: Es gibt ohnehin nur ein Erscheinungsbild je Betrieb, und das ist genau das, was gerade in den Feldern steht.

Warum die Vorlage „Flinkest" allein noch nichts zurücksetzt. Sie stellt alle fünf Felder auf Standard — die laufende Oberfläche behält dabei aber ihr aktuelles Aussehen, weil ein leeres Feld nichts übersteuert und das bereits Gesetzte nicht von selbst verschwindet. Der Ausgangszustand ist erst nach dem Speichern und dem nächsten Laden der Seite zu sehen. Willst du ihn sofort sehen, nimm stattdessen Auf Standard zurücksetzen.

Speichern. Schreibt den aktiven Reiter; anschließend erscheint die Meldung „Erscheinungsbild gespeichert". Es gibt keine Zwischenspeicherung nebenbei — was du nicht speicherst, ist beim nächsten Laden weg.

Auf Standard zurücksetzen. Nur im Reiter Marke vorhanden. Die Schaltfläche stellt den Auslieferungszustand sofort und ohne Rückfrage her und speichert ihn gleich mit; es erscheint die Meldung „Erscheinungsbild auf Standard zurückgesetzt". Sie räumt alles ab: Markenfarbe, Oberflächenton, Eckenradius, Schriftart und Schriftgröße genauso wie Statusfarben und Dichte aus dem Reiter Erweitert.

Was die anderen Benutzer sehen. Sobald gespeichert ist, übernehmen alle angemeldeten Benutzer die neue Einstellung automatisch, ohne die Seite neu zu laden. Nur zurückgenommene Werte verhalten sich anders: Eine wieder auf Standard gestellte Schrift oder ein komplettes Zurücksetzen kommt bei den anderen erst nach dem nächsten Neuladen an — bis dahin sehen sie noch das alte Aussehen.

Der Kundenshop hat sein eigenes Erscheinungsbild. Farben für das Kundenportal stellst du nicht hier ein, sondern unter Shop Erscheinungsbild — dieser Punkt ist nur sichtbar, wenn das Shop-Modul freigeschaltet ist.

Verwandte Seiten

• Allgemeine Einstellungen
• Belegdesign
• Benutzer
• Rollen
• Shop Erscheinungsbild

Häufige Fragen

Gilt ein Theme für den ganzen Betrieb oder für jeden Benutzer einzeln? Für den ganzen Betrieb. Es gibt genau ein Erscheinungsbild je Mandant; eine persönliche Einstellung je Benutzer ist nicht vorgesehen. Wer als Administrator unter Einstellungen › Erscheinungsbild speichert, ändert das Aussehen für alle.

Ändert das Erscheinungsbild auch meine Rechnungen und Lieferscheine? Nein. Markenfarbe, Schrift, Rundung und Dichte wirken nur auf die Bedienoberfläche im Browser. Das Aussehen der PDF-Belege ist davon vollständig getrennt und wird im Belegdesign eingestellt — dort gibt es eigene Felder für Schrift, Primärfarbe, Seitenränder und Spalten.

Wo schalte ich zwischen hellem und dunklem Erscheinungsbild um? Gar nicht in flinkest — die Software folgt der Hell-/Dunkel-Einstellung deines Betriebssystems oder Browsers und wechselt automatisch mit. Einen eigenen Umschalter gibt es nicht.

Ich habe in beiden Reitern etwas geändert, gespeichert wurde aber nur die Hälfte. Speichern sichert immer nur den Reiter, der gerade offen ist. Speichere den Reiter Marke, wechsle dann auf Erweitert und speichere dort noch einmal.

Wie komme ich zum Ausgangszustand zurück? Im Reiter Marke mit Auf Standard zurücksetzen. Das wirkt sofort, wird gleich mitgespeichert und löscht auch Statusfarben und Dichte aus dem Reiter Erweitert. Die Vorlage Flinkest leert zwar dieselben Felder, zeigt den Ausgangszustand aber erst nach dem Speichern und Neuladen.

Lassen sich die mitgelieferten Vorlagen bearbeiten oder als eigenes Design speichern? Nein. Die fünf Vorlagen sind fest eingebaute Startpunkte: Sie füllen die Felder, mehr nicht. Deine Anpassungen landen immer in dem einen Erscheinungsbild des Betriebs — eine Liste eigener Designs mit Namen gibt es hier nicht, anders als beim Belegdesign.

Kollegen sehen meine Änderung nicht. Neue Werte kommen bei angemeldeten Benutzern automatisch an, ohne Neuladen. Zurückgenommene Werte — eine wieder auf Standard gestellte Schrift oder ein komplettes Zurücksetzen — greifen bei den anderen erst nach dem nächsten Laden der Seite. Und: Ungespeicherte Änderungen sieht ohnehin nur, wer sie gerade vornimmt.