SA-MIRADLO-VISUAL-THEME-001
Miradlo Visual Theme#
Zweck und Grenze#
Dieses GlossarbegriffEin Theme beschreibt die visuelle und strukturelle Gestaltung eines Reports, beispielsweise CSS, einfache JavaScript-Erweiterungen, Navigation, Logo, Schriftgrößen oder Farbdefinitionen. Themes ändern nicht die fachliche Aussage der Dokumentation. Sie betreffen ausschließlich die Darstellung der Materialisierung.Glossareintrag vollständig lesen macht die publizierten Wissensberichte als zusammengehörige Miradlo-Solution erkennbar. Es legt Farben, Abstände, Konturen, Typografie, Interaktionszustände und die Darstellung von Kontextgraphen fest. Es definiert ausdrücklich nicht die Semantik von Symbolen, Kanten oder Beziehungstypen: Diese bleibt im unternehmensweiten Notationsvertrag führend.
So kann eine andere Solution später ein eigenes Theme verwenden, ohne die GlossarbegriffBedeutung beschreibt den fachlichen Sinn eines Elements und seine Relevanz für Menschen und Organisationen.Glossareintrag vollständig lesen von GlossarbegriffEin Artefakt ist jede eindeutig identifizierbare fachliche, technische, organisatorische oder reale Einheit, die in der Engineering-Landschaft modelliert wird. Alles Modellierbare wird als Artefakt geführt. Dazu gehören unter anderem Systeme, Beziehungen, Features, Dokumente, ADRs, Tests, UI-Buttons, Menüs, Farben, Icons, Konfigurationen, Diagramme, Runtime-Ressourcen, fachliche Objekte und reale Objekte wie ein Blumentopf, sofern sie modelliert werden. Knowledge ist keine Sonderklasse. UI- und Applikationsartefakte werden fachlich nach demselben Grundmodell behandelt.Glossareintrag vollständig lesen, Bedeutung, GlossarbegriffEine Beziehung beschreibt eine nachvollziehbare Verbindung zwischen Bedeutungen, Artefakten und ihrem Kontext.Glossareintrag vollständig lesen sowie Kontext und zeitlicher Einordnung zu verändern.
Farb- und Formtokens#
| Zweck | Token | Wert |
|---|---|---|
| Primärakzent, Fokus und zentrale Knoten | Miradlo Navy | #000046 |
| dunkler Header | Navy Deep | #00002f |
| interaktive Links | Link | #182f8a |
| Primärtext | Ink | #111827 |
| Sekundärtext und Beziehungstext | Slate | #334155 |
| Beziehungslinien und Konturen | Line | #475569 |
| feine Rahmen | Border | #cbd5e1 |
| Hintergrund | Page | #f8fafc |
| ruhige Auswahlfläche | Soft | #eef2ff |
| sichtbarer Tastaturfokus | Focus | #f0b429 |
Karten und Knoten verwenden kleine Rundungen statt pillenförmiger Flächen; Konturen bleiben fein und Schatten zurückhaltend. Große helle Flächen sind bewusst Teil des Themes: Text, Beziehungen und Symbole sollen wichtiger sein als dekorative Flächen.
Kontextgraphen und Zeichenbrett#
Kanten sind standardmäßig 1,5 px stark, skalierungsunabhängig und zeigen eine eindeutige Pfeilspitze. Ausgehende und eingehende Kanten werden zusätzlich durch durchgezogene beziehungsweise gestrichelte Linien unterschieden. Der Beziehungstyp erscheint bei Auswahl, Fokus oder Hover und wird nicht als dauerhafte grafische Last behandelt.
Die vier Präsentationsdimensionen werden durch Symbole erkannt. Farbe darf ihre Bedeutung unterstützen, jedoch niemals allein tragen. Tooltip und Detailansicht zeigen die deutsche Bezeichnung und den stabilen kanonischen englischen Schlüssel.
Das spätere zoom- und fokussierbare Zeichenbrett übernimmt diese Tokens. Seine dezenten Bereiche Enterprise, Solution und Engineering/Runtime ordnen die Architekturebene ein; sie sind keine zusätzlichen Präsentationsdimensionen.
Beziehungen#
- MeaningMVP-001 – LösungsprinzipienAus Enterprise-Prinzipien abgeleitete Leitplanken für MVP-001.Vollständig lesen — specializes
- ArtifactBB-EP-012 – Wissens- und LeitlinienverwaltungSolution-Building-Block-Verantwortung für Knowledge, Terminology, Help und Explainability.Vollständig lesen — supports