Artwork

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. Alle Zahlen hier stehen in derselben Datei wie die Farben.

Die sieben Stufen

headlineDein Gerät läuft gut.

titleSicherung eingerichtet

subtitleZuletzt gesichert: heute, 14:20

body_boldDateien im Hintergrund prüfen

bodyBraucht 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

xs 4

sm 8

md 12

lg 16

xl 24

xxl 32

Innerhalb einer Gruppe die kleinen, zwischen Gruppen die großen. Nie zwei verschiedene Werte für denselben Zweck auf einem Bildschirm.

Drei Radien

small 4 · Felder

medium 8 · Karten

large 12 · Fenster

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.

Die Marke ist nicht frei

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 Seite

Kein literaler Farbwert in der Website selbst. Ein Prüfskript weist ihn zurück — dieselbe Regel wie im Produkt.