Hier und dort.

Zweiton

Das Viertel „dort“ in Pflaume 400, als flache Entsprechung des Glases. Für App-Symbol, große Flächen und Bewegtbild. Unter 32 Pixel immer einfarbig.

Zweiton auf Dunkel

„Hier“ in Pflaume hell, „dort“ in Pflaume 600. Das eigene Viertel ist immer das hellere oder kräftigere, nie umgekehrt.

Waagerecht

Regelfall. Das Zeichen ist 1,42 x-Höhen hoch und steht auf der Grundlinie, Abstand zum Wort 0,62 Zeichenhöhen.

Gestapelt

Für quadratische Flächen: Profilbild, Aufsteller, Titelseite. Zeichen 30 Prozent der Wortbreite, mittig.

App-Fassung

Zeichen und Versalien, Zeichen so hoch wie die Versalhöhe. Nur in Oberflächen, nicht auf Papier.

Schutzraum

Um das Lockup bleibt mindestens eine halbe Zeichenhöhe frei, um das Zeichen allein ein Viertel seiner Kante. In diesem Raum stehen kein Text, keine Kante und kein anderes Logo.

Mindestgrößen

Darunter wird nicht verkleinert. Wird es enger, steht das Zeichen allein.

Zwischen 16 und 32 Pixel gilt die nächstkleinere Handfassung mit Rand. Das Zeichen im waagerechten Lockup ist bei 160 Pixel Breite 16 Pixel hoch.

Neutral, Hell

Neutral, Dunkel

Zustandsfarben

Diese vier Farben zeigen ausschließlich den Zustand einer Verbindung. Sie sind nie Schmuck, und Pflaume zeigt nie einen Zustand an. Ein Zustand steht immer auch als Wort da.

Getrennt ist kein Fehler und deshalb grau. Rot steht nur dort, wo etwas schiefging und der Nutzer handeln muss. Wartet blinkt langsam, alle anderen stehen still.

Kontrast

Gemessen nach WCAG 2.1. Für Text sind 4,5 zu 1 verlangt (AA), alle Paare liegen darüber.

Schnitte

Lizenz und Einsatz

• LizenzSIL Open Font License 1.1, Copyright The Mona Sans Project Authors (GitHub). Frei für Druck, Web und Apps, auch eingebettet. Der Name „Mona“ ist reserviert: veränderte Fassungen tragen einen anderen Namen.
• AuslieferungVon der eigenen Adresse als WOFF2, nicht über einen fremden Dienst. Datei und Lizenztext liegen im Paket.
• ZiffernGeräte-IDs in Dreiergruppen mit Leerzeichen, Zahlen in Tabellen rechtsbündig. Keine Tabellenziffern (tnum): Mona Sans setzt dort eine durchgestrichene Null.
• ErsatzWo Mona Sans nicht geht (E-Mail, Office ohne eingebettete Schrift): Arial. Keine dritte Schrift.
• ZeilenFließtext 15 bis 17 Pixel, höchstens 64 Zeichen je Zeile, Zeilenhöhe 1,6.

Glas in Oberflächen

• Immer mit WeichzeichnerGlas heißt halbtransparente Fläche und backdrop-filter zugleich. Nur Transparenz ohne Weichzeichner sieht nach Fehler aus.
• WoÜber Bild, Video, 3D und Fremdinhalt: Kopfzeile, Werkzeugleiste in der Sitzung, Menüs, Hinweise über dem entfernten Bildschirm.
• Wo nichtAuf ruhigem Grund ohne etwas dahinter. Dort ist eine Fläche einfach Fläche.
• VerschachteltEin Weichzeichner am Elternelement schluckt den des Kindes. Aufklappende Menüs als Geschwister setzen oder den Filter des Elternelements abschalten.

So im Code

.glas {
  background: var(--rp-glas);
  -webkit-backdrop-filter: blur(var(--rp-glas-blur)) saturate(1.3);
  backdrop-filter: blur(var(--rp-glas-blur)) saturate(1.3);
  border: 1px solid var(--rp-glas-linie);
}

Die Werte stehen in tokens.css und wechseln mit Hell und Dunkel. Im Druck gibt es kein Glas: dort steht das Zeichen flach oder als Rendering.