Technische Blueprint-Infografik

Allgemeine Gestaltungsvorgaben:\nTonalität: \"Analytisch, präzise, lehrreich, strukturiert, professionell\"\n\nVisuelle Identität:\nHintergrundfarbe: \"#F9F9F9\"\nTextfarbe: \"#222222\"\nAkzentfarbe: \"#5B9BD5\"\nSekundärfarben: [\"#C0392B\", \"#EAF4FC\", \"#888888\", \"#FFFFFF\", \"#D3D3D3\"]\n\nBildstil:\nMerkmale: \"Technische Strichzeichnungen, Maßlinien, architektonische Grundriss-Symbole, isometrische Diagramme, gerichtete Flusspfeile\"\nTextur: \"Flaches digitales Papier, glatte Vektorlinien, schematische Klarheit\"\nKomposition: \"Vergleichendes Split-Screen-Layout, hierarchischer vertikaler Fluss, ausgewogener Weißraum, rasterausgerichtete Diagramme\"\nBeleuchtung: \"Flaches, diagrammartiges Licht, durchgehend gleichmäßige Sichtbarkeit, keine Verläufe\"\nLinienstärke: \"Dünne, präzise Striche (1–2 px) für Strukturen; gestrichelte Linien für den Logikfluss\"\nDiagrammelemente: \"Grundrissumrisse, Maßlinien mit Angaben, isometrische Treppe, Flussdiagramm-Kästen\"\nVisuelle Hilfsmittel: \"Blaue Flächen für aktive Elemente, rote gestrichelte Pfeile für Übergänge oder Fehler\"\n\nTypografie:\nÜberschrift: \"Fette serifenlose Schrift (Gothic/Helvetica)\"\nFließtext: \"Serifenlose Schrift mit mittlerer Stärke, gut lesbar\"\nBeschriftungsschrift: \"Schmale serifenlose Schrift oder Monospace für technische Angaben\"\nHierarchie: \"Große Hauptüberschrift, klar abgesetzte Abschnittsüberschriften, kleiner Anmerkungstext\"