Das Tier ist die Farbe.
Türkis am Kopf, Grün durch den Körper, Orange am Hinterbein — die Färbung der echten Lacerta viridis, und der Grund, warum die drei Markenfarben in genau dieser Reihenfolge existieren. Alles Sichtbare kommt aus einer Datei: brand/tokens.yaml. Auch diese Seite.
Von der Trockenmauer ins Panel
Die Smaragdeidechse sonnt sich auf den Trockenmauern der Weinterrassen im Kamptal. Diese Mauern hat niemand am Reißbrett geplant — sie sind über Generationen von Hand gesetzt worden, Stein für Stein, nicht von Architekten, sondern von Leuten, die dort ohnehin gearbeitet haben. Und das Tier wirft nach dem Winter seine Haut ab und kommt farbiger heraus als vorher.
Der Name ist klein geschrieben, ohne „OS“ und ohne „Linux“. Türkis führt, Grün unterstützt: Bei der Smaragdeidechse färben sich Kehle und Kopfseite zur Paarungszeit türkis. Das setzt die Marke außerdem vom openSUSE-Grün ab.
Schützbar ist nicht das Wort, sondern die Wort-Bild-Marke. Deshalb ist sie der Teil, der gezeichnet wurde — in Space Grotesk, als Pfade exportiert, damit kein Rechner je eine Schrift installiert haben muss, um sie richtig zu zeigen.
Der Platz entscheidet, nie die Vorliebe
Breite Plätze bekommen den Lockup. Quadratische Plätze bekommen die eingerollte Eidechse — in drei Größen, je weniger Details, je kleiner der Platz. Bei 22 Pixeln bleibt eine kräftige Locke ohne Auge und Beine, weil alles andere zu einem Klecks wird.
Die eingerollte Eidechse, drei Stufen
Der Kopf ist ein Ellipsoid mit einem Loch — das Auge ist nicht gemalt, sondern ausgestanzt. Es war der Trick, damit das Tier bei jeder Größe ein Tier bleibt. Die türkise Kachel mit Radius 22 kommt nur dort zum Einsatz, wo der Grund unbekannt ist — Favicon und Notfall-Logo.
Die eine erlaubte Ausnahme
Orange erscheint im Zeichen — und sonst nirgends im Produkt. Ein Zeichen ist keine Oberfläche, es ist Heraldik. Der Verlauf der Eidechse läuft von Türkis über Grün nach Orange, weil das die Färbung des Tiers ist, nach dem das Projekt benannt ist. Der Torwächter weist Orange trotzdem überall zurück, wo ein Mensch es für ein Signal halten könnte.
Und „based on openSUSE“ gehört zum Zeichen, nicht zum Layout drumherum: Es ist die eine openSUSE-Marke, die wir führen dürfen — unter der Bedingung, dass jede andere entfernt wird.
Türkis heißt klickbar. Orange heißt Aufmerksamkeit.
In dem Moment, in dem Orange auch für Betonung verwendet wird, ist die Regel tot — und mit ihr der Hauptvorteil des Sicherheitswerkzeugs. Und jede Farbe braucht zwei Werte: einen leuchtenden für Flächen, einen abgedunkelten für Text. Das Türkis erreicht als Text auf Weiß nur 2,19 : 1; die dunkle Variante 6,07.
- Türkis · Fläche
#17C3C0 - Türkis · Text auf hell
#0B6E6C - Türkis · Text auf dunkel
#46D6D2
- Grün · Fläche
#0E9F6E - Grün · Text auf hell
#0A6B49 - Grün · Text auf dunkel
#35C98D
- Orange · Fläche
#F2761C - Orange · Text auf hell
#B2540E - Orange · Text auf dunkel
#F5904A
Kalkstein — hell
- Fenster
#F5F3EE - Inhalt
#FFFFFF - Titelleiste
#EDEAE3 - Rahmen
#E1DDD4 - Text
#1C2B26 - Nebentext
#67726D - Auswahl
#17C3C0 - Akzent
#0B6E6C - Aufmerksamkeit
#B2540E - Erfolg
#0A6B49 - Fehler
#A82A24
Urgestein — dunkel
- Fenster
#12251F - Inhalt
#0B1A16 - Titelleiste
#0D1E19 - Rahmen
#1E362E - Text
#E8EDE9 - Nebentext
#7E948B - Auswahl
#17C3C0 - Akzent
#46D6D2 - Aufmerksamkeit
#F5904A - Erfolg
#35C98D - Fehler
#F0635E
Gebaut, nicht invertiert
Im hellen Thema ist der Inhalt heller als das Fenster, im dunklen dunkler. Daran erkennt man, ob ein Dark Mode gebaut oder nur invertiert wurde.
Die Auswahl bleibt gleich
Das Auswahl-Türkis ist in beiden Themen identisch — es ist der wichtigste Wiedererkennungspunkt und darf sich nicht mit der Tageszeit ändern. Im Hellen trägt es deshalb einen Rand.
Geprüft, bei jedem Bau
Jedes Text-Grund-Paar wird gegen WCAG AA gemessen: mindestens 4.5 : 1 für Text, 3.0 : 1 für Bedienelemente. Zwei Werte des Manifests fielen durch die eigene Regel und wurden korrigiert. Ein Verstoß bricht den Bau.
Vier Motive, jedes in beiden Themen
Schuppen, Schliff, Horizont, Tiefe. Erzeugt, nicht gemalt: jedes ist eine Handvoll Kreise und Verläufe aus den Tokens, unter zwei Kilobyte als Vektor. Klick zum Vergrößern.
Dieselben Tokens, jeder Bildschirm
GRUB, Plymouth, SDDM und der Startbildschirm teilen ein dunkles Artwork — byteidentisch, aus einer Quelle gerendert. Der Desktop wechselt die Palette, die Symbole und die Wallpapers zusammen.
Der Rettungsbildschirm in Zahlen
GRUB-Menü in Noto Sans 16, Terminal in JetBrains Mono 14, Zeilenhöhe 36 Pixel, Auswahl im aufgehellten Türkis mit 10,06 : 1 Kontrast auf dem dunklen Grund. Kein Patch, nur ein Theme und ein Eintrag in /etc/grub.d/.
Die Systemschrift wird nicht angefasst
Noto Sans deckt praktisch jede Schrift der Welt ab. Modernisierung passiert über Größe, Zeilenabstand und Gewicht — nicht über eine andere Familie. Monospace ist JetBrains Mono. Space Grotesk gibt es nur in der Wortmarke, als Pfade.
Die sieben Stufen
headlineDein Gerät läuft gut.titleSicherung eingerichtetsubtitleZuletzt gesichert: heute, 14:20body_boldDateien im Hintergrund prüfenbodyBraucht etwa 1 GB Arbeitsspeicher. Auf diesem Gerät ist das gut verkraftbar.captionKleiner als das gibt es nicht.Größen in Pixeln, wie in tokens.yaml: 11 · 14 · 16 · 20 · 26. Diese Website nimmt dieselben Gewichte, etwas größer.
Ein Abstandsraster, keine Zwischenwerte
Innerhalb einer Gruppe die kleinen, zwischen Gruppen die großen. Nie zwei verschiedene Werte für denselben Zweck auf einem Bildschirm.
Drei Radien
Was „ruhig“ heißt
Hover und Fokus 120 ms, Dialoge 200 ms, Fensterwechsel 320 ms, Easing cubic-bezier(0.2, 0, 0.2, 1). Auf schwachen Geräten oder mit „Bewegung reduzieren“: 0 / 100 / 120. Der reduzierte Satz ist keine Höflichkeit, sondern ein Versprechen — auch auf dieser Seite.
Was du mit dem Zeichen darfst
Der Name, die Wortmarke und die Eidechse dürfen unverändert und in jeder Größe verwendet werden, um auf smaragd zu verweisen — in Artikeln, Videos, Vorträgen, Paketbeschreibungen, Bildschirmfotos. Unveränderte ISOs dürfen mit Marke weitergegeben werden. Dafür braucht niemand eine Erlaubnis.
Nicht erlaubt: das Zeichen für eine veränderte Fassung so verwenden, als wäre sie smaragd; es umfärben, strecken, neu zusammensetzen; es als Marke, Domain oder Konto eintragen, das mit dem Projekt kollidiert.
Wer forkt, wählt einen eigenen Namen und darf schreiben: based on smaragd. Dieselbe Regel, die smaragd selbst gegenüber openSUSE anwendet. Die Software bleibt GPL.
Wie diese Seite ihre Farben bekommt
smaragd/brand/tokens.yaml ← die eine Quelle
│ smaragd/brand/generate/ erzeugt Themes, Icons, Wallpapers
▼
smaragd/theme/web/tokens.css ← unverändert übernommen
│ smaragd-website/bin/sync-brand.py
▼
Zeichen, Wallpapers, Paletten,
Vorschauen, Zahlen auf dieser SeiteKein literaler Farbwert in der Website selbst. Ein Prüfskript weist ihn zurück — dieselbe Regel wie im Produkt.