Denotato — Design- und Style-Guide „Sternwarte"

Verbindlich für jeden Schirm, der gebaut oder angefasst wird (N22, N33). Grundlage ist die Wahl „Klarer Rahmen“ vom 29.10.2026 (docs/kontext/entscheidungen/2026-10-29-klarer-rahmen.md); warum, steht in philosophie.md. Gepflegt wird dieser Text im Wiki; docs/gestaltung/styleguide.md wird daraus erzeugt.

0. Wie man diesen Guide liest

Wo eine Regel ein Maß hat, steht es dabei: eine Zahl, ein Token oder eine Gegenprobe. Regeln ohne Maß prüft der Prüfkatalog. Steht hinter einer Regel ein Prüfglied (verify:…, /ansehen), meldet dieses Glied den Verstoß samt Abhilfe; die Liste steht in §21.

Zwei Geltungsbereiche:

• Ohne Vermerk gilt eine Regel in jedem Paket. Anordnung, Verhalten, Maße des Rahmens, Ruheregeln und Barrierefreiheit gehören dem Kern.
• „Nur Klar“ gilt im Paket Klar und sonst nicht. Alles, was nur Klar betrifft, steht zusammen in §23; die übrigen Abschnitte verweisen dorthin.

Einige Stellen lesen Prüfungen maschinell. Wer sie umbaut, ändert Code, nicht nur Text:

• verify:stil: in §3.2, §4.3 und §12 die erste Tabelle; in §3.4 die ersten beiden Tabellen und den Satz mit „Grundton der Szene“; in §5 die erste Spalte der ersten Tabelle, geteilt an „/“; in §6 die Spalte „Baustein“ der ersten Tabelle; in §8.1 die Tabelle mit dem Kopf „Stein“; in §13 die erste Spalte der ersten Tabelle, geteilt an Kommas.
• verify:blick: in §16.1 den fetten Satz mindestens N × N Pixel.

1. Grundsätze

1. Klar vor Stimmung. Auf jedem Schirm erkennt man in einer Sekunde, wo man ist, was das Wichtigste ist und was als Nächstes geht. Rang entsteht aus Größe, Gewicht und Grauwert der Schrift.
2. Der Kern ordnet, das Paket färbt. Ein Paket stellt Farbe, Schrift, Werkstoff und Grund. Wo etwas steht und wie es sich bewegt, ist in jedem Paket gleich (§14, §11).
3. Telefon und Schreibtisch werden zugleich entworfen, auf 393 px und 1280 px Breite. Jede Form muss auf beiden etwas bedeuten.
4. Hell und dunkel sind gleichrangig. Jede Fläche wird in beiden entworfen und in beiden gemessen. Welche Erscheinung gilt, bestimmt das Paket: in der Sternwarte die Szene, in Klar die Tageszeit und das System.
5. Kein Baustein kennt eine Farbe. Er kennt Werkstoff, Form und Bereich; der Wert kommt aus dem Theme. Eine rohe Farbe in einer Komponente meldet verify:arch.
6. Jede Funktion ist ein Plugin. Farbe, Zeichen, Ort, Lautstärke und Einstellungen eines Bereichs hängen am Plugin. Fehlt es, fehlt alles davon, und nichts anderes bricht.
7. Ein leerer Tag darf leer sein. Kein Element erfindet Inhalt, kein Satz lobt oder tadelt.
8. Form sagt, was etwas ist; Farbe sagt, wozu es gehört; Metall und Stein sagen, was man kann und wer man ist.
9. Anpassbar nur in den Einstellungen und als Ganzes, wo es ein Ganzes ist (Paket, Szene).

1.1 Die vier Ruheregeln

1.2 Die acht Regeln aus den Rückmeldungen

2. Die Marke

Die Marke besteht aus dem Logo, dem Zeichenvokabular (§7), den Formen (§6), den Bereichsfarben (§3.2) und der Eule. Illustrationen gibt es nicht (F14 bleibt offen, N60·4).

2.1 Logo und Motive

Das Logo ist der Freie Kranz (public/logo/kranz-*.svg): eine Scheibe mit Verlauf, der Leitstern oben links, sieben Körper auf einem offenen Kranz. Favicon und Symbole werden daraus gerechnet. Das Okular ist Zweitmarke, nur im Auftritt nach außen, am Anfang der Tour und auf der Seite 404, ab 64 px, nie als Knopf, Favicon oder in der Leiste. Im Reiter von beta steht das Okular in eigener Zeichnung, damit beta und prod unterscheidbar sind.

Gegenprobe: Ein Ring ohne Wert. Ein Gitter hinter einer Tabelle. Das Okular als Knopf.

2.2 Was süß heißt

Süß heißt bei Denotato: freundliche Formen, die Eule, zwei Sternchen beim Abhaken (0,4 s, dann weg), ein leicht schiefer Stempel (§7.5), die echte Mondphase in den Szenen der Sternwarte. Nicht süß: Ausrufezeichen, Lob, Emoji im Bedientext, Konfetti, Funkelzeichen.

2.3 Die Eule

Die Eule ist die einzige Figur. Sie steht als Zeichen am Satz, den Denotato selbst sagt: vor dem Satz, 20 px am Schreibtisch und 18 px am Telefon, Abstand 8 px, Schrift des Satzes in neutral.lese. Höchstens eine Eule je Schirm; der Begleiterschirm ist ausgenommen.

• Sie steht im Leerzustand eines Bereichs (§15), beim ersten Anmelden, bei Fehlern und am Satz eines Widgets, das Denotato formuliert.
• Sie steht nicht in Listen, Tabellen, Formularen, auf Knöpfen und nicht neben Inhalt, den der Mensch geschrieben hat.
• Eine schwebende Eule gibt es nicht. Den Begleiter erreicht man über seine Zeile in der Leiste und seinen Knopf im Kopf (§14.4); dieser Knopf trägt die Eule als Zeichen begleiter und zählt nicht als Eule je Schirm.
• Stimmungen: neutral (Auskunft), freut sich (nichts offen), überlegt (Frage), müde (Abend). Kostüme je Szene nur in der Sternwarte.
• Ihr Text folgt verify:briefing: kein Ausrufezeichen, kein Lob, kein Tadel.

Gegenprobe: Zwei Eulen auf einem Schirm. Eine Eule unten links über dem Inhalt. Eine Eule, die klatscht.

3. Farbe

3.1 Schichten und Rollen

Jede Buntfarbe hat genau eine Rolle. In der Sternwarte:

In Klar gibt es einen einzigen Akzent (§23.5). Alles andere ist unbunt (neutral.*): Heute-Markierung, Fortschritt, erledigte Haken, Rahmen, Diagrammlinien. Zurückholen ist handlung, das Ja zum Löschen danger; beides steht nie im selben Knopf.

Sammelschirme (Heute, Schnellsuche, Systemtafel) haben keine eigene Bereichsfarbe. Jedes Ding trägt dort das Zeichen seines Bereichs in dessen Farbe, sonst nichts in dieser Farbe.

Gegenprobe: Eine Kachel mit getönter Fläche. Ein Datum in Bereichsfarbe. Ein Rot, das nicht status.danger ist. Zwei gefüllte Knöpfe.

3.2 Bereichsfarben

Die Namen der ersten Spalte sind die Namen dieses Guides; wie ein Bereich auf dem Schirm heißt, steht in §14.1.

Tutor und Material erben das Blau des Studiums, der Stundenplan das Indigo des Kalenders. Fortschritt trägt kein Gold. Ein Bereich in reinem Grün oder Rot ist verboten; das sind Zustandsfarben.

Als Zeichen hält jede Bereichsfarbe 3 : 1 gegen Papier und Grund beider Basen. Wird sie als Zeichen auf hellem Himmel gezeichnet, rechnet theme/vorspannfarbe.ts sie dunkler, bis 3 : 1 trägt.

Token: plugin.<id>.darstellung.farbe, überlagert durch darstellung.bereiche.<id>.farbe (Nutzer).

3.3 Zustandsfarben

soft ist derselbe Ton als Fläche: 16 % in der Nacht, 12 % am Tag. Zustand schlägt Bereich: Eine überfällige Zeile ist rot, auch im grünen Bereich Leben.

Jede Wertfläche trägt ihre eigene Tinte. Es gibt genau zwei Tinten, Weiß #ffffff und #1c1b24; das Theme wählt die bessere (theme/schriftfarbe.ts). Für eine Fläche, die erst zur Laufzeit bekannt ist, rechnet schriftAufFlaeche(farbe), für den Himmel schriftAufHimmel(ton). Ein Verlauf hat zwei Enden und damit zwei Kontraste; lesbar ist er, wenn beide tragen.

Meldungen sind Glas (§5): Text in normaler Tinte, der Zustand nur am Zeichen. Rot heißt nur „es fehlt etwas“ oder „zerstört“; Gesperrtes ist grau.

Gegenprobe: Weiß auf success in der Nacht. Eine dritte Tinte. Ein Text auf einem Verlauf, der nur gegen ein Ende gemessen ist.

Gehalten von verify:statustoene und theme/kontrast.test.ts.

3.4 Neutrale je Szene

Jede Szene der Sternwarte ist eine Nacht- oder Tagszene und erbt deren Neutrale. Die Neutralen der Nacht:

Die Neutralen des Tages:

Der Grundton der Szene (N45) fällt in vier dieser neun Werte, und zwar verschieden weit: grund 22 %, stein 17 %, karton 13 %, papier 7 %. Text, Fließtext, Nebentext, Rand und Kante bleiben unberührt; an ihnen hängt der Kontrast aus §17. Nacht, Sonnentag und Sternschnuppen tragen keinen Grundton, die Milchstraße #07070f. Die eigene Szene (theme.eigen) setzt ihren Grundton selbst; reißt er eine Schwelle aus §17, dämpft toneDaempfen ihn zur Basis hin.

Für Schrift gibt es genau drei Namen: neutral.text für Überschriften, neutral.lese für Fließtext und klickbare Wörter, neutral.schwach für Beiläufiges. Rang zwischen ihnen entsteht aus diesem Grauwert und dem Gewicht (§9).

Die Neutralen von Klar stehen in §23.6.

Gegenprobe: Reines Schwarz oder Weiß als Grund. Eine Szene, die den Text mitfärbt. Ein vierter Name für Schrift.

3.5 Farben an Auswahlwerten

Ein Auswahlwert (Status, Kategorie, Art) trägt seine Farbe als Punkt oder Zeichen vor dem Wort, nie als getönte Fläche. Gesetzte Werte kommen aus FARBAUSWAHL, Freitext bekommt seine Farbe aus dem Wort gerechnet (N471). Am Tag wird jede Auskunftsfarbe beim Zeichnen mit mischen() bis 3 : 1 abgedunkelt; gespeichert bleibt der Wert ohne Szene (N345).

3.6 Farbe als Auskunft

Farbe ist immer Zusatz zu Wort oder Zeichen (N134). Ein Termin trägt die Farbe seiner Kategorie im Kalenderraster als Fläche; das ist die einzige Fläche aus einer Auskunftsfarbe, weil das Raster ohne sie unlesbar wäre. Die Jetzt-Linie im Kalender ist status.danger, die Spalte von heute ein Hauch der Tinte.

4. Szenen (Themes)

Szenen gibt es in der Sternwarte. Klar hat statt der zwölf Szenen einen Grund nach Tageszeit (§23.2).

4.1 Regel

Eine Szene ist ein Ganzes: Basis (Nacht oder Tag), Himmel, Atmosphäre, Grundton. Sie wird nur als Ganzes gewählt. Ab Werk folgt sie der Tageszeit (theme.folgtTageszeit), Wetter legt sich auf Wunsch darüber (theme.folgtWetter).

4.2 Aufbau einer Szene

Basis mit ihren Neutralen (§3.4), Himmel als Verlauf je Tageszeit (§4.4), Atmosphäre als Teilchen (§4.5), Land (§4.6), Grundton in vier Neutralen. Der Grund ist gemalt und bewegt sich nicht; nur die Atmosphäre bewegt sich, gebunden an bewegung.stufe.

4.3 Die zwölf Szenen

Keine Szene sind Nebel (ein Filter bei Nebelwetter), Regentag (Wetter auf jeder Szene) und Sonnenfinsternis. Die eigene Szene (theme.eigen) ist keine dreizehnte Zeile, sondern eine der zwölf als Elternszene mit eigenem Grundton und eigenen Himmelstönen.

4.4 Himmel als Uhr

Der Himmel zeigt die Stunde: Sonne nur am hellen, Sterne nur am dunklen Himmel, die Mondphase nach Kalender. Eine Nachtszene bleibt auch mittags Nacht. theme.himmel steht ab Werk auf vollbild; die Leseruhe blendet den Himmel nach unten aus (14 % bis 46 %). Der Himmel liegt nie unter Leseflächen; dort liegt Papier.

4.5 Wetter auf dem Himmel

Wetter ändert die Atmosphäre, nicht die Szene: Regen als Tropfen, nie als Linien; Nebel als Filter; Blitze mit Nachleuchten. Teilchen bewegen sich in Container-Einheiten (cqh, cqw), ihre Farben stehen in ATMOSPHAERE.

4.6 Das Land unter dem Himmel

Gebirge, Hügel und Dünen nach §4.3 stehen am unteren Rand, gezeichnet für das Vollbild (preserveAspectRatio="none"), nie gestreckt. Der Horizont blendet an den Rändern aus.

5. Werkstoffe

Korn: ein feTurbulence-SVG auf ::before, Deckkraft 0,08 in der Nacht und 0,05 am Tag, auf Papier, Karton und Grund. Nie auf Stein, nie auf Glas, nie mit mix-blend-mode. In Klar gibt es kein Korn.

Glas nur, wo etwas darunter liegt. Ein Knopf ist nie Glas, ein Feld nie, auch nicht im Ton des Glases. backdrop-filter steht nur im Werkstoff glas. Wer Glas benutzt, steht in der Liste SCHWEBEND von verify:eigenstil; in Klar kommen Karte und Widget dazu (§23.3). Bei prefers-reduced-transparency: reduce wird jedes Glas deckend (glas.fest).

Der Schleier unter einem Unterblatt oder Fenster ist rgba(0, 0, 0, 0.5) aus theme/werkstoffe.ts, ohne backdrop-filter.

Rand oder Schatten, nie beides, außer beim Glas in Klar (§23.3). Eine liegende Fläche trägt die Haarlinie neutral.rand. Schatten tragen nur Unterblatt, Menü, in Klar Karte und Widget und dort der gefüllte Hauptknopf.

Gegenprobe: Ein Panel mit backdrop-filter in der Sternwarte. Eine Tabellenzeile aus Glas. Korn auf einer Leiste. Ein Kasten mit Rand und Schatten.

5.1 Tiefe am Telefon

Am Telefon stehen dieselben Werkstoffe wie am Schreibtisch. Die Tableiste und jedes Unterblatt sind Glas. In der Sternwarte bleiben liegende Karten Karton; in Klar sind sie Glas auf jedem Gerät (§23.3). Bei weniger Transparenz wird jedes Glas deckend.

6. Formen

Rundung für Bedienung, Form für Bedeutung. Dinge haben die Form ihrer Art.

Rundungen (Radien nach iOS-Maß):

xs und sm sind in der Vorgabe gleich und bleiben getrennt, weil ein Paket Blatt und kleinen Knopf verschieden runden kann.

Die Form des Knopfs setzt das Paket: in der Sternwarte md, in Klar die Kapsel (§23.4). Ein Knopf ist so hoch wie layout.zeigerhoehe (Zeiger, 32 px) oder layout.zielflaeche (Telefon, 44 px); der Hauptknopf in Klar 44 px (§23.5).

Feste Höhen des Rahmens: Kopfknöpfe und Suchkapsel 40 px (layout.kopfknopf), Einträge der Seitenleiste 38 px (layout.leistenzeile), am Telefon beide 44 px.

Konzentrische Ecken: Liegt eine gerundete Fläche in einer anderen, ist ihr Radius der äußere minus den Abstand dazwischen, nie größer als der äußere. Ein Widget mit 24 px Radius und 16 px Innenabstand trägt darin höchstens 8 px.

Die Ecke ist eine Superellipse: corner-shape: squircle, gesetzt an einer Stelle (theme/ecken.ts). Alle Radien in diesem Guide sind die Werte, die man einträgt; theme/ecken.ts streckt sie für corner-shape: squircle auf das 1,5-Fache. Kreis und Pille bleiben rund. Ein Browser ohne corner-shape zeichnet den Kreisbogen der gestreckten Länge.

Profilbild: unter 24 px nur der Ring des Rangs; ab 24 px Ring und Streifen; ab 56 px Ring und Plakette mit Schrift (GRENZE_STREIFEN, GRENZE_SCHRIFT).

Gegenprobe: Ein Profilbild als abgerundetes Quadrat. Ein Knopf mit eckigen Kappen. Ein Baustein, der corner-shape selbst setzt. Eine innere Ecke, die runder ist als die äußere.

7. Zeichen und Indikatoren

7.1 Drei Stufen

1. Das gezeichnete Vokabular: ein geschlossener Satz für alles, was die Anwendung meint (@shared/config/zeichensatz.ts). Was fehlt, kommt in die Registry; ein Glyph aus der Schrift (✕ ▾ ☰ 🗑) ist verboten (N48).
2. Das Gewählte: Emoji nur, wo der Nutzer wählt (Skills, Kategorien, Seitensymbole); nie in einer Zeile neben einem gezeichneten Zeichen.
3. Indikatoren ohne Zeichen: Ring, Rang, Punkte, Reiter, Stempel, Sterne, Eselsohr.

Die Art eines Eintrags trägt keine eigene Farbe; ihre Form ist die Auskunft, die Farbe ist die des Bereichs. Die frühere Ausnahme der Startseite Dokumente (Ton je Art) ist aufgehoben.

7.2 Der Strich

Ab 20 px geschliffen (Kern und Saum, N46), darunter Duotone (2 px Strich in Textfarbe, eine Fläche in Bereichsfarbe zu 35–40 %). Einstellung zeichen.stil. In Klar zeichnen Zeichen mit einem gleichmäßigen Strich von 1,75 px ohne Saum (§23.1). Die Zeichenscheibe legt ein Zeichen auf eine runde Fläche seiner Bereichsfarbe zu 12 %; sie ist die einzige erlaubte Fläche in Bereichsfarbe, weil sie zum Zeichen gehört (R3).

7.3 Navigation

Zeichen in Bereichsfarbe, Wort neutral in neutral.lese. Der aktive Eintrag trägt eine Fläche in colors.handlung zu 13 %, sein Zeichen in colors.handlung und das Wort halbfett in neutral.text; Fläche und Rand in Bereichsfarbe gibt es nicht mehr (R3). Abschnitte eines Bereichs stehen als Segmente unter dem Titel (§14.3), Ansichten als Umschalter aus Zeichen in derselben Kapsel. Am Telefon zeigen nicht gewählte Segmente nur ihr Zeichen. Wie Seitenleiste, Kopf und Tableiste aussehen, regelt §14.

Gegenprobe: Bunte Wörter. Ein aktiver Eintrag mit einer Fläche in Bereichsfarbe. Zwei Reiterreihen übereinander.

7.4 Ring, Rang, Punkte

• Ring = Zeit oder Fortschritt. Fortschrittsringe tragen den Verlauf der Scheibe #4d9bff → #a631ff → #ff5470 (SCHEIBENVERLAUF), die einzige Stelle des Markenverlaufs. Der Zustandsring der Verwaltung zeichnet in Zustandsfarben.
• Rang = Priorität: ein bis drei Winkel. Drei Winkel in status.danger („sperrt“), zwei in status.warning („hoch“), einer neutral. „niedrig“ zeichnet nichts, außer wo es von „keine“ unterschieden werden muss.
• Punkte = Aufwand: drei Punkte, ein bis drei gefüllt.

7.5 Stempel und Sternchen

Der Stempel sitzt um −3° bis −6° gedreht, für „erledigt“, „bestanden“; er landet mit der Feder des Drucks. Zwei Sternchen beim Abhaken, 0,4 s, nie als Bewertung.

7.6 Fälligkeit

Die Grenzen 3 Tage und 24 h sind Vorgaben der Instanz (fristen.grenzen). Die Stufen stehen als Marke in theme/faelligkeit.ts. Die Bereichsfarbe am Datum gibt es nicht mehr (R3).

Gegenprobe: Eine Uhr neben jedem Datum. Ein Datum in Bereichsfarbe. Ein Streifen am Rand der Zeile.

8. Metalle und Steine

8.1 Stufen

Der Kristall zeigt die Stufe als Zahl darin, der Ring darum den Weg zur nächsten. Gezeichnet als Brillant mit vier Tönen je Stein, nie als einfacher linearer Verlauf.

8.2 Anwendungsfarbe nach Stufe

In der Sternwarte färbt die Stufe die Anwendung: frei Beere, die übrigen nach dem Stein, den ein Admin unter „Stufensteine“ stellt (stufen.steine, anwendungsfarbeFuer() in theme/metalle.ts). Jede Anwendungsfarbe hält 4,5 : 1 auf ihrem Grund. In Klar bleibt der eine Akzent; die Stufe zeigt sich dort nur am Kontoknopf (§23.5).

8.3 Rollen

In der Sternwarte färbt die Rolle den Primärknopf als geschliffener Stein; die Schrift steht auf der Tafel, die mit der Tinte 4,5 : 1 hält (SCHLIFFE). theme.abo wählt eine Stufe bis zur eigenen; beim Impersonieren gilt die Stufe des fremden Kontos.

8.4 Ränge

Ein Rang ist eine Rolle mit Material und zeigt sich als Abzeichen am Namen und als Ring am Profilbild, nie am Knopf. Ein Konto wählt auf /profil, welcher Rang gezeigt wird. Das Material liegt am Rand, die Schrift auf einer ruhigen Tafel. Bei reduzierter Bewegung steht das Farbspiel still.

8.5 Erfolge: Münzen

Stein heißt Status, Münze heißt Verdienst. Ein Erfolg ist eine runde Münze mit Riffelrand in Bronze, Silber oder Gold, in der Mitte das Emblem, darunter die erreichte Schwelle (30, 1,5k, 88 %). Noch nicht erreicht: ein gestrichelter Kreis ohne Prägung.

9. Typografie

Die Rangfolge der Schrift gilt in jedem Paket. Welche Schrift sie setzt und in welcher Größe, bestimmt das Paket.

Größen: In der Sternwarte gilt die Skala 12 / 14 / 16 / 18 / 20 / 24 / 32 px, der Aufmacher 30 px (23 px am Telefon). In Klar gelten die Textstile aus §23.1.

Keine Schrift unter 12 px, auch nicht für Kürzel, Marken oder Zahlen (verify:bausteine).

Zahlen stehen mit Tabellenziffern (font-variant-numeric: tabular-nums). Überschriften text-wrap: balance. Rang entsteht aus Größe, Gewicht und Grauwert (text, lese, schwach); eine Überschrift in Farbe gibt es nicht.

Schriften der Sternwarte: Lesen in Newsreader, Bedienen und Zahlen in Source Sans 3, Code in Fira Code; alle mitgeliefert als OFL-woff2 in public/schrift. Klar setzt die Systemschrift (§23.1). Keine Schrift von einem fremden Server. Monospace nur für Code, Kennungen, Pfade und Tasten. Deutsch setzt „…“, englisch “…” (verify:sprache).

Gegenprobe: Zwei Großtitel auf einem Schirm. Ein Kürzel in 11 px. Eine Zahl in Monospace. Ein Etikett in gesperrten Versalien. Eine Überschrift in Bereichsfarbe.

9.1 Die Lesefläche

Längerer Fließtext steht in einer Spalte von 65 Zeichen, gemessen in Pixeln: Source Sans 3 444 px, Newsreader 455 px, Systemschrift in Klar 440 px bei 17 px (LESEMASS in theme/lesemass.ts). Die Fläche darunter ist Papier ohne Schatten und bringt Spalte und Ruhe, keinen Kontrast. Zeilenlänge in ch ist verboten.

9.2 Markierung und Diagramm im Satz

Markiert ist, was ein Textmarker träfe: die Anwendungsfarbe zu 24 % über dem Papier, Schrift neutral.text, Ecke xs. Gewählte Blöcke liegen auf auswahlflaeche (14 %). Ein Diagramm steht im Rahmen des Codeblocks, in natürlicher Größe, mit Farben aus der Szene; breiter als die Spalte rollt es waagerecht.

10. Abstände und Dichte

Lücken zwischen Bausteinen folgen dem Raster 4 / 8 / 12 / 16 / 24 / 32 / 48 px; sie setzen Stapel, Reihe und Spalten (components/bausteine/Anordnung.tsx). Innenabstände, Seitenränder und die Lücke im Kopf stehen in der Tabelle und in §14 und weichen davon ab.

dichte liegt in der Geräteschicht, Vorgabe luftig, Tabellen kompakt. Die Inhaltsbreite ist layout.contentWidth (960 / 1440 px / volle Breite); auf „Heute“ gilt immer die volle Breite (B2).

11. Bewegung

11.1 Charakter: körperlich und abfangbar

Flächen haben Masse. Jede Bewegung ist eine Feder, unterbrechbar mitten im Lauf; eine neue Geste übernimmt die Geschwindigkeit der laufenden. Eine feste Kurve gibt es nur für Deckkraft.

In jedem Paket:

• Zoom: Antippen einer Karte zoomt sie in ihr Unterblatt; Schließen fliegt zurück an ihren Platz (geteilt(name)).
• Unterblatt: kommt von unten, trägt oben den Griff (36 × 5 px, Radius 3 px, in einer 44 px hohen Greiffläche) und geht nach unten weg; wegwischen ab einem Viertel der Höhe oder 500 px/s.
• Langes Drücken (0,5 s) hebt die Karte an und öffnet ihr Kontextmenü; es ist nie der einzige Weg (B4).
• Druck: gibt auf 97 % nach und federt zurück.
• Lage: Jede Änderung einer Lage (Einfügen, Entfernen, Ordnen, Umbruch) gleitet per FLIP; nichts springt (B6).
• Ziehen folgt dem Finger ohne Feder, gibt am Rand zu 30 % nach und behält beim Loslassen den Schwung.
• In den ersten 24 px am linken Rand beginnt keine Geste.

11.2 Federn je Anlass

Die Werte stehen einmal in FEDERN (theme/bewegung.ts) und werden nur über die Bausteine in components/bewegung/ eingesetzt. Eine Feder mit Dauer 0,4 s und Federung 0,15 entspricht einer Antwortzeit von etwa 0,4 s bei Dämpfung 0,85. Verspielte Federung (0,3 und mehr) bleibt Druck, Stempel und Sternchen vorbehalten. Beim Zeigen hellt sich eine Fläche auf: Karton bekommt colors.ueberfahren, Glas in Klar geht von 0,45 auf 0,6 Deckkraft (§23.3). Nichts verschiebt sich, scale bleibt 1.

11.3 Die Stufe

bewegung.stufe: voll | mittel | wenig | aus, Faktor 1 / 0,6 / 0,3 / 0 auf Weg, Staffel, Größenänderung und Federung. Bei voll, mittel und wenig ist die Dauer die Dauer aus §11.2 mal (0,5 + 0,5 · Faktor). Bei aus gilt stattdessen die Überblendung von 0,2 s. Vorgabe für alle ist mittel.

aus heißt kurze Überblendung. Was sich sonst bewegt, verschiebt sich nicht und wächst nicht, sondern blendet in 0,2 s über (Deckkraft, linear). Ein Unterblatt erscheint an seinem Platz, eine Liste blendet den neuen Eintrag ein, ein Zoom wird eine Überblendung zwischen Karte und Blatt. Gesten folgen dem Finger weiter. theme.transitions liefert bei aus die Überblendung, nicht 0s.

Rangfolge: eine eigene Wahl am Konto oder Gerät gilt immer; sonst setzt prefers-reduced-motion die Stufe auf aus; sonst die Vorgabe.

11.4 Atmosphäre

Steht still außer Wetter und den Teilchen der Szene, Perioden von mindestens 20 s, gedämpft mit dem Faktor der Stufe; bei aus steht sie, ist aber da. Parallaxe höchstens 6 px, nur in Klar (§23.2).

11.5 Laden und den Saal betreten

Nach der Anmeldung öffnet sich die Ladefläche in der Sternwarte als Iris vom Kristall (0,9 s, am Telefon 0,6 s). Sichtbares „Wird geladen …“ gibt es nicht (ladetext.test.ts).

11.6 Haptik

Am Telefon eine Vibration von 10 ms (navigator.vibrate(10)) beim Abhaken, beim Einrasten und beim Öffnen des Kontextmenüs; nie ein Ton. Einstellung haptik je Gerät.

12. Zimmer

Jeder Bereich hat einen Ort in der Sternwarte. Der Ort ist Kennung in der Struktur der Rechte und Einstellungen und Stimmung im Leerzustand: Dort steht sein Motiv (Strichzeichnung, 64 px, Bereichsfarbe, im Hellen abgedunkelt bis 3 : 1). Das Motiv ist neben dem Zeichen die einzige Stelle in Bereichsfarbe (R3). Im Kopf steht kein Motiv mehr; der Kopf gehört Titel und Werkzeugen (§14.3). Der Ort ordnet nicht; die Ordnung der Navigation ist der Raum (§14.1).

Die geöffnete Seite (Dokument, Wikiseite, LaTeX-Text) trägt kein Motiv. Motive sind aria-hidden.

Gegenprobe: Ein Motiv im Kopf. Ein Ort als Eintrag der Navigation.

13. Lautstärke je Bereich

Ein Baustein liest useBereich().lautstaerke und lässt weg, was ihm zu laut ist. Die Ruheregeln gelten auf jeder Stufe; auch Stufe 5 hat eine Hauptaktion und höchstens sechs Dinge über dem Falz. Das Lesebild des Wikis bleibt Stufe 2 und trägt das Schild der Seitenart, Ziffernkreise für Schritte und Zeichenkästen; die Kästen für Entscheidung und Frage tragen ihr Zeichen in Bereichsfarbe auf neutraler Fläche.

14. Rahmen und Heute

14.1 Seitenleiste: drei Räume

Am Schreibtisch ab 900 px. Breite 260 px; einklappbar mit Strg+\ (⌘+\ am Mac). Eingeklappt wird sie zur Zeichenleiste wie zwischen 600 und 900 px: „Heute“, die Zeichen der Bereiche samt begleiter, unten der Kontoknopf. Oben „Heute“, darunter elf Bereiche in drei Räumen; Admin steht im Kontomenü und zählt nicht mit.

• Ganz oben die Wortmarke „Denotato“ (Fußnote, Gewicht 600, neutral.schwach) und rechts daneben der Knopf „Leiste ausblenden“ (32 px rund, Kürzel Strg+\ oder ⌘+\).
• Raumüberschrift in der Stufe Fußnote, Gewicht 600, neutral.schwach, 16 px über dem ersten Eintrag.
• Eintrag mindestens 38 px hoch (am Telefon 44 px), Radius 10 px, Zeichen 20 px in Bereichsfarbe, Wort in der Stufe Unterzeile in neutral.lese, Lücke 12 px.
• Aktiv: Fläche colors.handlung zu 13 %, Zeichen in colors.handlung, Wort halbfett in neutral.text.
• Konto unten in der Leiste, über ihm eine Haarlinie: Profilbild 34 px mit Ring des Rangs, daneben Name (Gewicht 600) und Studiengang (Beschriftung, neutral.schwach). Ein Tipp öffnet das Kontomenü, für Admins mit „Admin“. Das Konto ist das vierte Werkzeug (§14.3).
• Ein Bereich, dessen Plugin fehlt oder abgeschaltet ist, fehlt; der Rest rückt auf.
• Werkstoff: Stein in der Sternwarte, Glas in Klar (schwebend, 10 px vom Rand, Radius 22 px).
• Zwischen 600 und 900 px die Zeichenleiste, darunter die Tableiste (§14.2).

Gegenprobe: Ein dreizehnter Eintrag. Moodle als eigener Eintrag. Admin in der Leiste. Eine eingeklappte Leiste ohne Begleiter und ohne Konto.

14.2 Tableiste und Kopf am Telefon

Unter 600 px trägt eine Tableiste fünf Plätze: Heute · Kalender · Lernen · To-Dos · Mehr. „Lernen“ öffnet den Lerndurchgang der fälligen Karten und trägt ihre Zahl als Marke; „Mehr“ öffnet ein Unterblatt mit allen übrigen Einträgen nach Räumen.

• Glas, schwebend: 12 px vom Rand links und rechts, 24 px über der Unterkante plus env(safe-area-inset-bottom), 64 px hoch, Radius 32 px.
• Je Platz Zeichen 24 px, Stufe Beschriftung (12 px) Gewicht 500, Zielfläche 54 px hoch; gewählt colors.handlung, sonst neutral.lese.
• Hochwischen auf der Tableiste öffnet „Mehr“, mit den Schwellen des Unterblatts (§11.1).

Kopf am Telefon: großer Titel (Stufe Großtitel) mit „…“ daneben, rechts der runde Knopf des Begleiters (§14.4) und der Kontoknopf. Beim Rollen fällt der große Titel in einen Kopf von 44 px mit dem Titel in der Stufe Überschrift in der Mitte zusammen. Tooltips gibt es am Telefon nicht; die Kürzel gelten mit Tastatur. Suche, Neu und Mitteilungen liegen am Telefon oben im Unterblatt „Mehr“.

Gegenprobe: Ein sechster Platz. Eine Tableiste, die beim Rollen verschwindet. Ein Kopf mit mehr als vier Knöpfen.

14.3 Kopf: großer Titel, vier Werkzeuge

Am Schreibtisch:

• Links: großer Titel (Stufe Großtitel, Gewicht 700, Laufweite −0,4 px), daneben der Knopf „…“ (32 px rund) mit den seltenen Handlungen des Schirms; darunter der Untertitel (Stufe Unterzeile, neutral.schwach) nur, wenn er Folge, Frist oder Ort nennt (§15); darunter die Segmente der Abschnitte.
• Rechts: Suche, Neu und Mitteilungen, dahinter der Knopf des Begleiters mit der Eule (§14.4), Lücke 10 px. Das vierte Werkzeug, das Konto, steht unten in der Seitenleiste (§14.1). Links vor ihnen stehen höchstens: „Bearbeiten“ (nur auf Heute) und im Bearbeitungsmodus „Widget hinzufügen“ (§14.7).
• Seitenrand 36 px links, 32 px rechts, 22 px oben.
• Die Adresszeile, Vor und Zurück gibt es nicht. Stern (Anheften), Rückgängig und Wiederholen liegen im Menü „…“; ⌘Z und ⇧⌘Z wirken weiter.

Weitere Kürzel des Rahmens:

• Tooltip nach 0,15 s Zeigen: Name und Kürzel, das Kürzel rechts in neutral.schwach. Unter pointer: coarse kein Tooltip.
• Kürzel aus einem Buchstaben wirken nur, wenn kein Feld den Fokus hat.
• Menüs (Menü „…“, Kontomenü, Kontextmenü) zeigen das Kürzel eines Eintrags rechtsbündig in neutral.schwach; Eintrag mindestens 44 px hoch am Telefon, 32 px mit Zeiger.

Gegenprobe: Ein weiterer Knopf rechts im Kopf außer dem Begleiter, „Bearbeiten“ und „Widget hinzufügen“. Ein Kopfknopf ohne Kürzel außer den offenen. Ein Tooltip, der erst nach einer Sekunde kommt.

14.4 Der Begleiter ist immer erreichbar

• Schreibtisch: die Zeile „Begleiter“ im Raum Studium, bei eingeklappter Leiste ihr Zeichen begleiter in der Zeichenleiste (§14.1); dazu die Eule im Kopf hinter den Mitteilungen (§14.3), damit der Begleiter auch bei ausgeblendeter Leiste dasteht.
• Telefon: die Eule als runder Knopf (36 px sichtbar, 44 px Zielfläche) im Kopf links vom Konto, Zeichen begleiter.
• Zeile und Eule öffnen das Gespräch als Unterblatt über dem Schirm; der Schirm darunter bleibt, wo er war.
• Er schwebt nicht über dem Inhalt.

14.5 Heute: alles ein Widget

„Heute“ ist die erste Seite nach der Anmeldung; es gibt keine feste Spitze.

Die Vorgabe (kuratiert, stellbar unter dashboard.widgets als Instanzwert):

• Was über dem Falz liegt, zählt R2; der Rest rückt nach unten.
• Ein Widget ohne Inhalt blendet sich aus (B2); die übrigen rücken mit der Feder der Liste auf.
• Blenden sich alle Widgets mit Inhalt aus, steht unter dem Titel der Leerzustand von Heute: Horizont und ein Satz mit der Eule (§2.3), ohne Knopf; der Gruß tritt dann zurück, damit nur eine Eule dasteht.
• Das Bereichszeichen begleiter im Widget Begleiter zählt nicht als Eule (§2.3).
• Der Satz eines Widgets folgt B1: Zahl und Zeichen zuerst, ein Satz nur, wo er Inhalt ist.
• Erledigtes verschwindet aus dem Widget, sobald es erledigt ist; die Rücknahmezeile steht 5 s (B8).

14.6 Das Widgetraster

• Schreibtisch: vier Spalten (repeat(4, minmax(0, 1fr))), Reihen zu 76 px (grid-auto-rows: 76px), Lücke 16 px, grid-auto-flow: dense.
• Telefon: zwei Spalten, Reihen zu 76 px, Lücke 12 px.
• Größen: Klein eine Spalte, mindestens zwei Reihen; Mittel zwei Spalten, mindestens zwei Reihen; Groß zwei Spalten, mindestens vier Reihen; Breit vier Spalten, mindestens eine Reihe. Am Telefon: Klein eine Spalte, sonst zwei.
• Höhe: so viele Reihen, wie der Inhalt braucht, nie weniger als die Größe verlangt. Nie abgeschnitten (B3).
• Widget: Radius widget (24 px), Innenabstand nach §10; Kopf in Titel 2 bei Breit und Groß, in Überschrift bei Klein und Mittel, das Zeichen des Bereichs davor.
• Antippen öffnet das Widget per Zoom in sein Unterblatt oder führt in seinen Bereich (§11.1).

Gegenprobe: Ein Widget mit Bildlaufleiste. Eine Höhe, die keine Zahl von Reihen ist. Eine Reihe von Kennzahlkacheln ohne Handlung.

14.7 Heute bearbeiten

„Bearbeiten“ (E) schaltet das Raster in den Bearbeitungsmodus; langes Drücken auf ein Widget ist der zweite Weg (B4):

• An der Stelle von „Bearbeiten“ steht „Fertig“, derselbe Textknopf, halbfett. Links davor erscheint der runde Knopf „Widget hinzufügen“ (§14.3). Im Modus steht kein gefüllter Knopf (R1).
• Die Widgets wackeln: ±1,2° bei Klein, kleiner bei größeren Widgets, Periode etwa 0,25 s, Phase je Widget zufällig. Bei aus kein Wackeln, nur der Knopf „Entfernen“.
• Jedes trägt oben links einen runden, grauen Knopf „Entfernen“ (26 px sichtbar, 44 px Zielfläche); Entfernen lässt das Widget mit der Feder der Liste verschwinden und zeigt die Rücknahmezeile.
• Ziehen ordnet; die Nachbarn weichen per FLIP aus. Am Telefon und mit Tastatur zusätzlich „Früher“ und „Später“ im Kontextmenü, dazu die Größen.
• „Widget hinzufügen“ öffnet die Galerie als Unterblatt: je Widget eine Vorschau in jeder verfügbaren Größe.
• Verlassen mit „Fertig“, Esc oder einem Tipp auf leere Fläche.
• Was nur das eigene Konto betrifft, wirkt sofort; „Für alle“ legt mit settings.global_default einen Entwurf an (§15.2).

15. Bausteine

Unterzeilen. Unter einer Überschrift steht ein Satz nur, wenn er eine Folge, eine Frist, eine Zusage zum Datenschutz oder den Ort der Handlung nennt (Grundsatz 75). Nebentext setzt den kleinen Satz neben einem Feld.

Löschen fragt über Wegtun: „ja, weg“ / „doch nicht“, wenn es in den Papierkorb geht; „ja, endgültig“ / „doch nicht“, wenn nicht. Ohne Frage gehen nur Block im Editor und Widget auf Heute, beide mit Rücknahmezeile.

Leerzustand. Der Horizont blendet an den Rändern aus, die Eule steht als Zeichen am Satz, der Satz ist die Aussage des Schirms in neutral.lese. Ist der ganze Bereich leer, stehen kein Suchfeld und kein Umschalter der Ansichten im Kopf. Auf „Heute“ gibt es keinen Leerzustand je Widget (B2).

15.1 Listen, Gruppen, Kacheln

Eine Liste steht als Zeilen mit Haarlinien, nicht als Stapel gerahmter Karten. Keine Karte in Karte. Wo die Reihenfolge die Aussage ist (Papierkorb, Chronik), bleibt die Liste. Auf der Startseite Dokumente stehen die zuletzt geöffneten als Kacheln; das Zeichen der Art steht in Bereichsfarbe ohne getönte Fläche.

15.2 Bearbeiten: im echten Schirm

Die Vorschau ist der Editor (Philosophie §15). Eintritt über „Bearbeiten“ am Ort. Im Modus steht oben ein Balken aus Stein (Klar: Glas) mit „Entwurf · n Änderungen“, „Verwerfen“ (sekundär) und „Übernehmen“ (primär); Bewegliches trägt den Griff (44 px Zielfläche) und einen gestrichelten Rand in neutral.rand, Festes ein Schloss mit Grund. Ausgeblendetes bleibt blass (40 %) am Platz. Im Modus navigiert kein Klick. Was andere Konten trifft, sammelt einen Entwurf; was nur das eigene betrifft, wirkt sofort mit Rücknahmezeile.

15.3 Verschmelzen

Wo zwei Sachen denselben Titel tragen (ohne Groß- und Kleinschreibung, Leerzeichen und Satzzeichen), steht unter dem Kopf eine Hinweiszeile (R4) mit Zeichen verschmelzen und Zahl; ohne Paare steht nichts. Das Fenster zeigt je Paar beide Seiten zur Wahl, vorgewählt die mit mehr Verknüpfungen. Nach dem Verschmelzen steht „„X“ ist in „Y“ aufgegangen.“ mit „Wieder trennen“. Doppeltes, das Denotato ohne Zweifel erkennt (derselbe Termin aus zwei Kalendern, dieselbe Frist aus Moodle und eigener Eingabe), führt es selbst zusammen und zeigt die Rücknahmezeile (B8).

15.4 Ein gesperrter Knopf nennt Grund und Ausweg

Weiß der Schirm vor dem Klick, dass ein Knopf nichts tun kann, ist er gesperrt, und daneben steht in einem Satz (neutral.lese, Stufe Unterzeile), was fehlt, mit dem Ausweg als Geist-Knopf. Baustein Sperrgrund, verbunden über aria-describedby. Geprüft von verify:sperrgrund.

16. Telefon und Schreibtisch

Telefon und Schreibtisch zeigen dieselben Bereiche. Am Telefon zeigt ein Ding, dessen Form breiter als 361 px wäre, nur seine Marke (Zeichen und Wort); Tabellen stehen kompakt.

16.1 Zielflächen

Hinweis: Jede Fläche, die man drückt, ist unter @media (pointer: coarse) mindestens 44 × 44 Pixel, auch wenn das Zeichen darin kleiner ist.

Die Zahl steht einmal im Theme: layout.zielflaeche. /ansehen misst gegen dieselbe Zahl (ZIELFLAECHE in blickKern.ts), und verify:blick prüft, dass beide und dieser Abschnitt übereinstimmen. Mit Zeiger sind Bedienelemente 32 px hoch (layout.zeigerhoehe). Eine feste 40 oder 44 unter pointer: coarse meldet verify:arch. Passen Knöpfe nicht in eine Zeile, wandern sie ins Menü „…“; kleiner wird die Fläche nicht.

16.2 Eingabeschrift

Am Telefon schreibt jedes Feld mit mindestens 16 px, sonst zoomt iOS beim Antippen in die Seite. Ein eigenes Feld bindet eingabeschrift aus @/theme/eingabeschrift als Letztes in seinem Block ein.

16.3 Wischen an einer Zeile

Nur unter pointer: coarse. Nach rechts löst die Hauptaktion aus, ab einem Drittel der Zeilenbreite, mindestens 72 px. Nach links öffnet sich das Fach, Knöpfe in voller Zeilenhöhe und mindestens 44 px breit, ganz rechts „Löschen“ in status.danger; ein Schnipsen ab 500 px/s genügt. Senkrechtes Rollen sperrt die Geste. Am Schreibtisch steht die Hauptaktion als Knopf an der Zeile und das Übrige im Menü „…“, „Löschen“ zuletzt. Bei aus blendet die Zeile, statt zu gleiten (§11.3).

17. Barrierefreiheit

• Text mindestens 4,5 : 1, Nebentext und Grafik (Zeichen, Ring, Rand einer Bedienung) mindestens 3 : 1, in jeder Szene, in Klar zu jeder Tageszeit und auf Glas gegen den ungünstigsten Grund darunter. Eine Deckkraft unter 1 wird mitgerechnet.
• Ein Wort, das man anklickt, ist Text (4,5 : 1), auch inaktiv.
• Form und Farbe sind Zusätze; das Wort steht daneben oder im aria-label. Eule und Motive sind aria-hidden.
• Fokusring 2 px in der Anwendungsfarbe, außen, überall; bei prefers-contrast: more 3 px.
• prefers-reduced-motion setzt bewegung.stufe = aus (Überblendung, §11.3), solange weder Konto noch Gerät gewählt haben.
• prefers-reduced-transparency macht jedes Glas deckend.
• prefers-contrast: more setzt theme.kontrast = mehr: Fließtext in voller Deckung, Rand als sichtbarer Strich, Glas deckend.
• Eine Überlagerung, die die Seite sperrt, hält den Fokus und gibt ihn beim Schließen zurück.
• Jedes Kürzel hat einen Weg ohne Tastatur.

18. Einstellungen, die dieser Guide voraussetzt

Eine Einstellung ohne Schalter ist keine; wer eine Zeile ergänzt, ergänzt den Schalter mit.

19. Verboten

20. Im Bogen Klarer Rahmen entschieden

Offen und mit der zweiten Runde der Bögen zu wählen: die Kürzel von Konto und „Widget hinzufügen“, die Dauer der Überblendung bei aus (Vorgabe hier 0,2 s), die vollen Verläufe von Mittag, Abend und Nacht in Klar (§23.2).

21. Was geprüft wird

22. Glossar

23. Das Paket Klar

23.1 Schrift

Die Systemschrift: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif. Sie wird nicht mitgeliefert; auf Geräten ohne San Francisco steht der Rückfall. Die Stufen aus §9 haben in Klar diese Größen:

Ab 20 px „SF Pro Display“, darunter „SF Pro Text“. Laufweite des Großtitels −0,4 px. Es gibt keine Serife; Dokumente stehen in der Systemschrift 17 / 26. Rang aus Größe (§9), Gewicht (400, 500, 600, 700) und Grauwert; keine Farbe. Zeichen zeichnen mit gleichmäßigem Strich von 1,75 px.

23.2 Grund nach Tageszeit

Der Grund folgt der Stunde am Standort des Geräts:

• Sonnenball am Morgen: ein radialer Verlauf, Ellipse 34 % × 30 % der Fläche, Mitte bei 52 % der Breite und 78 % der Höhe, zum Teil unter dem Horizont; innen rgba(255,214,170,0.95), bei 45 % rgba(255,190,150,0.55), bei 75 % ausgelaufen. Kein Weichzeichner; die Weiche kommt aus dem Verlauf.
• Keine Berge, keine Wolken, keine Sterne als Teilchen, nichts Fotografisches.
• Übergang zwischen den Zeiten in 60 Minuten, nie sprunghaft.
• Parallaxe des Sonnenballs beim Rollen höchstens 6 px; bei aus keine.
• Hell oder dunkel folgt dem System (prefers-color-scheme); die Nacht ist auch im hellen Modus ein dunkles Blau unter hellem Glas.
• Text auf dem Grund hält 4,5 : 1 zu jeder Zeit, gerechnet mit schriftAufHimmel.

23.3 Glas auf Karten

In Klar sind Karten, Widgets, Seitenleiste und Bearbeitungsbalken Glas, auf jedem Gerät.

• Bei prefers-reduced-transparency: reduce oder kontrast.stufe = mehr deckend: hell #fbf3ef, dunkel #1f1f22, ohne Weichzeichner.
• Text auf Glas hält 4,5 : 1 gegen den hellsten und den dunkelsten Grund darunter.
• Karte und Widget stehen in SCHWEBEND unter dem Vermerk „nur Klar“.

23.4 Ecken

Durchgehende Ecken (Superellipse, §6) mit diesen Radien:

Innen gilt die konzentrische Regel aus §6.

23.5 Ein Akzent

Klar hat genau eine Buntfarbe für Handlung: hell #0063d1, dunkel #4ea1ff; als Schrift hell #005bbd. Hauptknopf: Kapsel 44 px, 17 px Gewicht 600, Schrift Weiß, Schatten 0 4px 14px im Akzent zu 28 %. Zustandsfarben bleiben (§3.3), Bereichsfarben stehen am Zeichen. Stufe und Rang zeigen sich nur am Kontoknopf als Ring; der Hauptknopf trägt keinen Stein.

23.6 Neutrale

24. Alt → Neu

Unverändert übernommen: die zwölf Szenen, die Neutralen von Nacht und Tag samt Grundton, die Bereichsfarben, die Zustandsfarben und Tinten, die Werkstoffe, die Formen, die Leiter der Steine, die Federn je Anlass (außer Druck), die Stufe der Bewegung, die Zielflächen, die Eingabeschrift, das Wischen, die Kontraste 4,5 : 1 und 3 : 1, die Verbotsliste.