## Farbpalette

### Primärfarben

**Hintergrund**

- Farbe: `#f2f2f0`

- Beschreibung: Helles, neutrales Off-White, klar und minimalistisch.

- Verwendung: Alle Folienhintergründe ohne Ausnahme

**Primärer Text & Zeilen**

- Farbe: `#2B2B2B` oder `#1A1A1A`

Beschreibung: Sehr dunkles Grau, fast schwarz

- Verwendung: Sämtlicher Textinhalt, Trennlinien in Kopfzeilen, geometrische Konturen, Zeichenkonturen

### Akzentfarben

**Leuchtendes Blau**

- Farbe: `#5B7FFF` (Alternative: `#4D6FE8`)

- Beschreibung: Mittleres bis helles Blau mit Energie

- Verwendung: Kreisförmige Knoten auf geometrischen Formen, Charakterkleidung/Schals, Knopffüllungen, dekorative Punkte

**Gedämpftes Gold**

- Farbe: `#C9B568` (Alternative: `#D4C17A`)

- Beschreibung: Warmer Senf-/Goldton

- Verwendung: Kreisförmige Knoten auf geometrischen Formen (abwechselnd mit Blau), dekorative Akzente

### Regeln für die Farbanwendung

- Der Hintergrund ist IMMER `#E8E6E3`

- Der Text lautet IMMER `#2B2B2B`

- Blau und Gold werden NUR für kreisförmige Knoten und Akzente verwendet.

Verwenden Sie niemals Blau oder Gold als große Flächen oder Textfarben.

- Hohen Kontrast zwischen Text und Hintergrund beibehalten.

## Typografiesystem

### Schriftfamilien

**Primäre Schriftart für die Anzeige: Roca Two (oder eine ähnliche Schriftart mit markanten Serifen)**

- Merkmale: Kräftige, freundliche Serifenschrift mit abgerundeten Eigenschaften

- Gewichtung: Fett/Schwer

- Verwendung: Alle Folientitel, Hauptüberschriften, Abschnittsüberschriften

- Schriftart beibehalten

**Zweite Schriftart für den Fließtext: Poppins (oder Inter)**

- Eigenschaften: Klare, moderne serifenlose Schrift mit hervorragender Lesbarkeit

- Gewicht: Normal (400) für den Körper, Mittel (500) für Betonung

- Verwendung: Sämtlicher Fließtext, Untertitel, Bildunterschriften, Seitenzahlen, Logotext

- dieselbe Schriftart beibehalten

### Schriftgrößenhierarchie

**Extra große Titel** (Titelfolien, Hauptabschnittstrenner)

- Schriftart: **Roca Two**

- Größe: 72-96pt

- Farbe: `#2B2B2B`

- Verwendung: "Haupttitel", "Vielen Dank", "Tagesordnung"

**Große Überschriften** (Titel der Inhaltsfolien)

- Schriftart: **Roca Two**

- Größe: 48-60pt

- Farbe: `#2B2B2B`

- Verwendung: "Unsere Vision", "Markenpositionierung", "Was ist Ihnen wichtig?"

**Haupttext** (Absätze, Beschreibungen)

- Schriftart: Poppins Regular

- Größe: 18-24pt

- Farbe: `#2B2B2B`

- Zeilenhöhe: 1,6-1,8

- Verwendung: Sämtlicher Absatzinhalt, Beschreibungen

**Kleingedrucktes** (Seitenzahlen, Fußzeile, Bildunterschriften)

- Schriftart: Poppins Regular

- Größe: 16-18pt

- Farbe: `#2B2B2B`

- Verwendung: "Seite X", Website-URLs, E-Mail-Adressen

**Button-/Pillentext**

- Schriftart: Poppins Regular oder Medium

- Größe: 20-24pt

- Farbe: `#2B2B2B`

- Verwendung: Text innerhalb abgerundeter Pillenknöpfe

### Typografieregeln

Serifenschriften niemals mischen – nur **Roca Two** für Display-Zwecke verwenden.

- Verwenden Sie niemals Serifenschriften für Fließtext - nur Poppins

- Gleichmäßige Zeilenhöhe (1,6-1,8) für bessere Lesbarkeit einhalten.

- Der gesamte Text muss `#2B2B2B` lauten – ohne Ausnahme.

- Großzügiger Zeilenabstand (24-32pt)

## Layoutsystem

### Globale Header-Struktur

**Nur Titelfolie (Seite 1):**

**Linkes Header-Element:**

- Logo

- Größe: 32-40 pt Durchmesser

- Farbe: Schwarze Kontur `#2B2B2B`

- Position: 60–80 Pixel vom linken Rand, 60–80 Pixel vom oberen Rand

- Abstand: 12-16px zwischen Logo und Text

**Rechtes Header-Element:**

Schriftart: Poppins Regular, 16-18pt

- Farbe: `#2B2B2B`

- Position: 60–80 Pixel vom rechten Rand, 60–80 Pixel vom oberen Rand

- Ausrichtung: Rechtsbündig

**Überschriftentrenner:**

- Dünne horizontale Linie

- Gewicht: 1-2pt

- Farbe: `#2B2B2B`

- Position: Unterhalb der Header-Elemente, über die gesamte Breite mit Rändern

- Abstand von den Rändern: 60-80px links und rechts

**Inhaltsfolien (Seiten 2-4) und Schlussfolie (Seite 5):**

- Kein YouMind-Logo

- Nur der Text „Seite X“

- Position: Oben rechts, unten mittig oder an einer anderen unauffälligen Stelle

- Keine Trennlinie in der Kopfzeile

- Mehr vertikaler Platz für Inhalte verfügbar

### Margensystem

**Standardmargen:**

- Oben: 60-80px (unterhalb der Kopfzeilentrennlinie weitere 40-60px hinzufügen)

- Unten: 60-80px

- Links: 80-100px

- Rechts: 80-100px

**Inhaltsbereich:**

Nach Berücksichtigung von Kopfzeile und Rändern beträgt die Inhaltsfläche ungefähr 1200-1280px Breite × 600-680px Höhe (bei 16:9 und 1920×1080 Pixeln).

## Visuelle Elemente

### Handgezeichnete geometrische Formen

**Kerndesign:**

- Stil: Unvollkommene, handgezeichnete Rechtecke und Quadrate

- Schnurstärke: 2-3pt

- Farbe: Schwarz `#2B2B2B`

- Qualität: Organisch, leicht unregelmäßige Linien (nicht perfekt gerade)

- Verbindung: Linien, die Formen in verschiedenen Winkeln miteinander verbinden

**Kreisförmige Knoten:**

- Form: Perfekte Kreise

- Größe: 24-40 pt Durchmesser

- Füllung: Volltonfarbe - entweder `#5B7FFF` (Blau) oder `#C9B568` (Gold)

- Position: An Verbindungspunkten und Ecken geometrischer Formen

- Muster: Blau und Gold abwechselnd für mehr Abwechslung

**Platzierungsregeln:**

- Position in den Ecken der Folien (oben links, oben rechts, unten links, unten rechts)

- Überlappung mit Textinhalten ist unbedingt zu vermeiden.

- Halten Sie einen Abstand von 40-60px zu Inhaltsbereichen ein.

- Visuelles Gleichgewicht schaffen – wenn die linke Seite Formen enthält, sollte die rechte Seite das auch tun.

- Typische Anordnung: 2-4 verbundene Rechtecke mit 3-6 kreisförmigen Knoten

### Abgerundete Pillenknöpfe

**Konstruktionsspezifikationen:**

- Form: Abgerundetes Rechteck (Pillenform)

- Rahmen: 2pt durchgezogenes Schwarz `#2B2B2B`

- Füllung: Transparent oder `#E8E6E3` (wie Hintergrund)

- Randradius: Radius der vollen Höhe (perfekte Pille)

- Innenabstand: 16-24px horizontal, 12-16px vertikal

- Text: Poppins Regular, 20-24pt, `#2B2B2B`

**Verwendung:**

- Navigationselemente auf den Agenda-Folien

- Call-to-Action-Buttons

- Abschnittsbezeichnungen

Immer nur umrissen, nie mit Farbe gefüllt

**Hover-/Aktivzustand (falls interaktiv):**

- Füllung: `#5B7FFF` (blau)

- Text: Weiß `#FFFFFF`

- Rahmen: `#5B7FFF`

### Dekorative Punktgitter

**Spezifikationen:**

- Punkte: Kleine Kreise, 3-4 pt Durchmesser

- Farbe: `#2B2B2B`

- Muster: Regelmäßiges Raster, 12-16px Abstand

- Anordnung: 6×6- oder 8×8-Raster

- Position: Obere rechte Ecke, 100–150 Pixel vom Rand entfernt

- Verwendung: Optionale Akzentuierung, die visuelles Interesse weckt, ohne aufdringlich zu wirken.

### Symbole (Minimale Verwendung)

**Stil:**

- Nur Strichzeichnungen, keine Füllungen

- Gewicht: 2-3pt

- Farbe: `#2B2B2B`

- Größe: 48-64pt

- Beispiele: Augensymbol (Sicht), Ziel/Fadenkreuz (Mission)

- Verwendung: Sparsam, nur zur Festigung spezifischer Konzepte

## Charakterillustrationssystem

### Charakterdesign-Spezifikationen

**Grundstruktur:**

Eine minimalistische, handgezeichnete Illustration einer einfachen, weißen, humanoiden Figur. Die Figur hat einen runden, länglichen Kopf, zwei kleine schwarze Punkte als Augen und eine markante, spitze Nase. Finger und Zehen sind nicht erkennbar. Sie trägt einen dicken, langen, einfarbig blauen Schal (optional: senfgelber Schal), der um ihren Hals gewickelt ist und dessen Ende herabhängt. Der Zeichenstil verwendet dicke, strukturierte schwarze Markerumrisse und flächige Farben ohne Schattierungen vor einem schlichten, cremeweißen Hintergrund. Die Figur ist [passend zum Kontext].

**Blauer Akzent (KRITISCH):**

- Element: Schal, Hemd oder Kleidungsstück

- Farbe: `#5B7FFF` (leuchtendes Blau)

- Stil: Handgezeichnete, fließende organische Formen

- Abdeckung: 15-25 % des Zeichens

- Zweck: Markenidentität, visuelles Interesse, Bewegung

**Stilkonsistenz:**

- Stets handgezeichnete Qualität (organische, unvollkommene Linien)

- Immer ein blaues Akzentelement einbeziehen

- Behalten Sie die gleiche Linienstärke für alle Zeichen bei.

- Die Proportionen sollten in allen Posen einheitlich sein.

### Richtlinien für minimalistische Illustrationen

**Einfachheit geht vor:**

- Alle Illustrationen sollten extrem einfach und minimalistisch gehalten werden.

- Die Zeichenhöhe sollte 120 pt (ca. 10-12 % der Folienhöhe) nicht überschreiten.

- Geometrische Elemente sollten klein sein und sich nur auf Ecken beschränken.

- Die Gesamtfläche der Illustrationen sollte weniger als 15 % der Folienfläche betragen.

- Vermeiden Sie komplexe oder detaillierte Zeichnungen

**Raum und Atemfreiheit:**

- Achten Sie auf ausreichend Weißraum auf der gesamten Folie.

- Der Text sollte nur 50-55 % des Inhaltsbereichs einnehmen (typischerweise die linke Seite).

Die rechte Seite sollte weitgehend frei bleiben, um visuelle Freiräume zu schaffen.

- Große Ränder an allen Seiten: mindestens 100px, vorzugsweise 100-120px

- Illustrationen dürfen nur in der unteren rechten Ecke platziert werden und müssen mindestens 100 Pixel Abstand zum Rand haben.

**Layout-Balance:**

Die Mitte der Rutsche sollte sauber und leer sein.

- Vermeiden Sie Unordnung oder das Füllen des gesamten verfügbaren Platzes

- Nutzen Sie Leerraum strategisch, um Fokus und Klarheit zu schaffen.

- Weniger ist mehr: Entfernen Sie unnötige visuelle Elemente

- Lesbarkeit und Großzügigkeit haben Vorrang vor Dekoration.