Das Gesicht, als Regel.
Dieses Designsystem ist aus dem entstandenen Gesicht von Prognos destilliert. Farbe, Schrift, Rhythmus und Tonfall sind hier nicht Vorschlag, sondern Gesetz — damit jede neue Oberfläche das gleiche Atemzugsgefühl trägt.
Die Wortmarke.
Serif, kursiv, mit goldenem Punkt. Der Punkt ist das einzige typografische Ornament, das sich Prognos erlaubt — er steht für den Zustand: gesetzt, finalisiert, entschieden.
Schrift Playfair Display · Stil italic · Gewicht 500 · Punkt-Farbe --c-highlight. Niemals sans. Niemals upright. Niemals ohne Punkt.
Vier tragende Säulen.
Die Mehrheit jeder Oberfläche lebt von diesen vier. Alle anderen sind Begleiter.
Die stillen Helfer.
Nur wenn nötig — nie dekorativ.
Drei Schriften. Jede hat ihre Aufgabe.
Playfair für Autorität, Inter für Lesbarkeit, JetBrains Mono für Präzision. Niemals mehr als drei Gewichte pro Familie.
Das System liest dich.
Fünf Schichten. Ein Lernapparat.
Prognos verwandelt deine Projekthistorie in einen Lernvorsprung, der sich nicht kopieren lässt.
Jeder Eintrag ist ein Fehler, der mehr als einmal aufgetreten ist. Bei drei oder mehr Projekten wird er zur globalen Regel promoviert — so verschwinden wiederkehrende Fehler strukturell.
Weißraum als Stimme.
Der Rhythmus folgt dem Spacing-System — 0.25 rem bis 9 rem in neun Schritten. Großzügig. Nie gedrängt.
Content max-width 1120 px · Prose max-width 720 px. Nichts darf sich über die volle Bildschirmbreite erstrecken.
Wie Prognos spricht.
Tut
- Direkt, unverschnörkelt, auf Deutsch
- Konkrete Zahlen statt Adjektive (60 Prozent, nicht die meiste)
- Technische Begriffe in
Monotype, einmal erklärt - Zitate in Serif, eingerückt, mit Quelle
- Grenzen ehrlich benennen (Machbarkeit als offener Kreis für langfristig)
Tut nicht
- Hype-Vokabular (revolutionär, disruptiv, Game-Changer)
- Ausrufezeichen am Satzende (außer in Zitaten)
- Emojis im Fließtext (außer Status-Symbole)
- Stock-Fotos, Gradient-Hintergründe, Glow-Effekte
- Wir revolutionieren oder Vertraue uns, dass
Bewegung ist Atem, nicht Effekt.
| Token | Wert | Einsatz |
|---|---|---|
| --dur-fast | 160 ms | Hover, Fokus |
| --dur-med | 320 ms | Modale, Dropdowns |
| --dur-slow | 520 ms | Scroll-Reveal, Spawn |
| --ease | cubic-bezier(0.22, 0.61, 0.36, 1) | Ausschließlich diese Kurve |
Keine Springs, keine Bounces, keine Neon-Glows. Reine Opacity und sanfte Translate-Y. Bei prefers-reduced-motion: Animation auf 0 ms.
Alle Werte an einer Stelle.
Eine CSS-Custom-Property-Datei als Single Source of Truth. Jedes Projekt, das die gleiche CI trägt, kopiert diese Datei.
tokens.css direkt öffnen · base.css · components.css
Maschinenlesbare Regel im Gehirn unter /srv/prognos/rules/20_ci.md — wird von jeder künftigen Session als Designbasis gelesen.