Scharfkantiger Minimalismus

# presentation_design_spec_minimal_jp.yaml\n# Stil: Raffiniertes minimalistisches Portfolio\n# Merkmale: Navigation oben links, Ästhetik des Weißraums, rasterbasiertes Layout\n\nAllgemeine Gestaltungsvorgaben:\n  Tonalität: \"Professionell, architektonisch, scharfkantiger Minimalismus\"\n  Farbpalette:\n    Basis: \"#E9E9E9 (Hellgrau) oder #FFFFFF (Weiß)\"\n    Text: \"#000000 (Tiefschwarz) oder #333333 (Dunkelgrau)\"\n    Akzent: \"#000000 (Schwarz) – für fette Linien und hervorgehobenen Text\"\n    Sonderfall: \"Dark Mode (schwarzer Hintergrund) – für Folien, die Betonung brauchen\"\n  Typografie:\n    Überschriften: \"Englische serifenlose Schrift (z. B. Helvetica Now, Inter). Fett und dekorativ platziert.\"\n    Fließtext: \"Serifenlose Schrift in (der vom Nutzer im Prompt gewünschten Sprache). Kleine Größe mit großzügigem Zeichen- und Zeilenabstand.\" Die Sprache soll jedoch die sein, die die Nutzer im Prompt angegeben haben.\n  Allgemeine Layout-Regeln:\n    Navigation: \"Platzieren Sie auf jeder Folie oben links (oder oben rechts) eine kleine Abschnittsnummer und einen Titel wie '01. EINLEITUNG'.\"\n    Raster: \"Verwenden Sie ein strenges Rastersystem zur Ausrichtung der Elemente.\"\n    Weißraum: \"Lassen Sie bewusst große Flächen leer (negativer Raum), um ein Gefühl von Luxus zu erzeugen.\"\n\nLayout-Varianten (Katalog):\n  - Typ: \"Titel-Typografie\"\n    Gestaltung: \"Verstreutes Layout. Auszeichnungen oder Schlüsselwörter zufällig wie Stempel platzieren. Der zentrale Titel ist klein, fett und zurückhaltend.\"\n\n  - Typ: \"Text + Datenbetonung\"\n    Gestaltung: \"Asymmetrische Aufteilung. Erzähltext links, übergroße Zahlen (schwarz) rechts. Dünne Trennlinien einfügen.\"\n\n  - Typ: \"Karten-Raster\"\n    Gestaltung: \"Eng gesetztes Raster. Hochwertige Bilder mit web-artigem Interaktionsgefühl anordnen, etwa Text, der beim Hover erscheint.\"\n\n  - Typ: \"Vollbildgrafik\"\n    Gestaltung: \"Büro-Innenaufnahme über den gesamten Bildschirm (oder mehr als die Hälfte). Betontexturen, Schreibtische mit Macs. Sättigung reduzieren für einen kühlen Ton. Sehr kleine Bildunterschrift unten links hinzufügen.\"\n\n  - Typ: \"Foto + Listen-Split\"\n    Gestaltung: \"50:50-Aufteilung. Links: architektonische oder abstrakte Fotografie. Rechts: Datenliste (fette Überschriften + leichte Beschreibungen). Für Unternehmensinfos. Fette Positionsnamen, dünner Fließtext. Großzügiger Abstand; keine Überladung.\" Die Sprache soll jedoch die sein, die die Nutzer im Prompt angegeben haben.\n\n  - Typ: \"Minimalistische Karte\"\n    Gestaltung: \"Karte im Silhouetten-Stil. Hellgrauer Hintergrund mit weißer Karte. Hauchdünne Hinweislinien zur Standortmarkierung.\"\n\n  - Typ: \"Vertikale Zeitleiste\"\n    Gestaltung: \"Vertikale Achse. Eine einzelne dünne Linie mit Text, der links und rechts abzweigt. Klare chronologische Reihenfolge.\"\n\n  - Typ: \"Bubble-Chart / Venn-Diagramm\"\n    Gestaltung: \"Wireframe-Stil. Schwarzer Hintergrund mit dünnen weißen Linien. Halbtransparente, überlappende Kreise.\"\n\n  - Typ: \"Dialog (Chat-Stil)\"\n    Gestaltung: \"Minimalistisches Gesprächsformat. Keine Comic-Sprechblasen, sondern einfache Textblöcke mit fett gesetzten Sprechernamen.\"\n\n  - Typ: \"Chronologische Liste\"\n    Gestaltung: \"Rhythmische Liste. Große Jahreszahlen (z. B. 2024) links, Beschreibungen rechts. Starker Kontrast bei den Schriftgrößen.\"\n\n  - Typ: \"Dark-Mode-Diagramm\"\n    Gestaltung: \"Intellektuelle Tech-Ästhetik. Schwarzer Hintergrund mit dünnen weißen Linien, die Knotenpunkte verbinden. Sternbild- oder netzwerkartiges Erscheinungsbild. Kreise, verbunden durch feine Linien oder geometrische Muster, als Ausdruck der Verschmelzung von Technologie und Kreativität.\"\n\n  - Typ: \"3-Schritt-Spalten\"\n    Gestaltung: \"Typografiegetriebene Spalten. Große Zahlen (01, 02, 03) fungieren als Säulen. Keine Icons; typografischer Kontrast trägt die Wirkung.\"\n\n  - Typ: \"Logo-Raster\"\n    Gestaltung: \"Monochromes Raster. Alle Logos in Schwarz oder Grau umwandeln und in einem strengen Raster ausrichten.\"\n\n  - Typ: \"Zwei Spalten (Problem vs. Lösung)\"\n    Gestaltung: \"Scharfer Kontrast. Eine dicke schwarze vertikale Linie trennt 'Problem' und 'Lösung'. Text blockartig ausgerichtet.\"\n\n  - Typ: \"Zentriertes Layout (Dark Mode)\"\n    Gestaltung: \"Filmisch. Ein kleines Video-Thumbnail oder Key Visual, zentriert auf schwarzem Hintergrund. Emotionaler englischer Tagline hinzufügen.\"\n\n  - Typ: \"Formel-/Flussdiagramm\"\n    Gestaltung: \"Mathematischer Stil. Ausdrücke wie 'A × B = C' in großer Serifenschrift. Minimale Pfeile.\"\n\n  - Typ: \"Pfeil-Schritte\"\n    Gestaltung: \"Linearer Prozess. Text innerhalb großer Pfeile platzieren. Hoher Kontrast (schwarze Pfeile mit weißem Text).\"\n\n  - Typ: \"Diagramm\"\n    Gestaltung: \"Präzisionsdaten. Grafiken mit dünnen Linien, die in kleinen schwarzen Punkten enden. Anmutung wissenschaftlicher Messinstrumente.\"