Initial commit: ayathedesigner Design-Analyse

02-farbpalette.md

@@ -0,0 +1,93 @@
+# ayathedesigner – Farbpalette & Farbanwendung
+
+---
+
+## Primäre Farbwelten
+
+Aya arbeitet mit vier distinkten Farbwelten, die sie je nach Kundenprofil einsetzt:
+
+---
+
+### Welt 1: Dark Premium (Fintech / SaaS / App)
+
+Die häufigste Ästhetik in ihren Posts. Basis ist immer ein sehr dunkler Hintergrund.
+
+| Rolle | Farbe | Beschreibung |
+|---|---|---|
+| Hintergrund | `#0A0A0F` – `#12102A` | Fast-Schwarz bis Tief-Dunkelblau |
+| Primär-Akzent | `#6B4EFF` – `#8B5CF6` | Violett / Electric Purple |
+| Sekundär-Akzent | `#3B82F6` | Blau |
+| Gradient-Akzent | Orange → Pink → Blau | Holographic / Neon-Gradient |
+| Text hell | `#FFFFFF` | Reines Weiß für Headlines |
+| Text gedimmt | `#9CA3AF` | Grau für Body-Text |
+| CTA | `#7C3AED` oder weiß auf dunkel | Button-Farbe |
+
+**Beispiele beobachtet:**
+- Beyond Finance App: Dunkel-Violett (#1A0533) + Neon-Gradient (orange-pink-blau, holographisch)
+- Proton Pass App: Reines Schwarz (#000000) + Weiß, keine Akzentfarbe außer Grau
+- Task-Management-App: Dunkel-Blau (#0D1B3E) + helles Blau als Akzent
+
+---
+
+### Welt 2: Neon Contrast (Bold Finance)
+
+Extrem hoher Kontrast durch eine einzige, fast schreiende Akzentfarbe auf fast-schwarzem Grund.
+
+| Rolle | Farbe | Beschreibung |
+|---|---|---|
+| Hintergrund | `#0F0F0F` – `#111111` | Tief-Schwarz |
+| Neon-Akzent | `#CCFF00` – `#D4FF00` | Neongrün / Acid Green |
+| Text | `#FFFFFF` | Weiß |
+| CTA-Button | `#CCFF00` mit schwarzem Text | Hoher Kontrast |
+
+**Beispiel beobachtet:**
+- Finance App "Find way to manage your finance": Schwarz + Acid Green für Balken, Karte, Button, Statistik-Highlights
+
+---
+
+### Welt 3: Warm / Organic (Marketing / Portfolio / Editorial)
+
+Für Kunden, die Wärme und Vertrauen kommunizieren wollen.
+
+| Rolle | Farbe | Beschreibung |
+|---|---|---|
+| Hintergrund | `#FAFAF8` – `#FFF8F0` | Off-White / Creme |
+| Warm-Akzent 1 | `#D4A853` – `#F0C060` | Gold / Amber |
+| Warm-Akzent 2 | `#E87040` – `#F05020` | Orange-Rot (CTAs) |
+| Pflanzen/Natur | `#4A7C59` | Grün für organische Elemente |
+| Text dunkel | `#111111` – `#1A1A1A` | Fast-Schwarz für Headlines |
+| Text medium | `#6B7280` | Grau für Body |
+
+**Beispiele beobachtet:**
+- Rapeto (Growth Marketing): Gold-Beige Hintergrund, schwebende Karten
+- Convix Software: Himmelsblau + Schmetterlinge + weiße UI-Elemente
+- BrandLyft: Creme (#FFF5F0) + Orange-Rot CTA + handgezeichnete Annotierungen
+
+---
+
+### Welt 4: Editorial Monochrom (Agentur / High-End)
+
+Reduziert auf Schwarz & Weiß, maximale Typografie-Dominanz.
+
+| Rolle | Farbe |
+|---|---|
+| Hintergrund | `#FFFFFF` oder `#0A0A0A` |
+| Text / Elemente | `#000000` oder `#FFFFFF` |
+| Akzent | Maximal 1 Farbe, sehr sparsam |
+
+**Beispiel beobachtet:**
+- Ockham Agentur-Website: Schwarz-Weiß, editorial, PROJECTS grid
+
+---
+
+## Farbprinzipien
+
+1. **Monochrome + 1 Akzent**: Fast alle Designs laufen auf einem neutralen Grund (schwarz, weiß, creme) mit exakt EINEM Akzentton. Nie mehr als zwei aktive Farben.
+
+2. **Akzent = Funktion**: Die Akzentfarbe sitzt immer auf dem CTA-Button, dem wichtigsten Datenwert oder dem Headline-Highlight. Farbe als Wegweiser.
+
+3. **Gradient = Premium**: Sobald ein Farbverlauf erscheint, ist er holographisch (mehrere Spektralfarben) – das positioniert die Marke sofort im Premium-Segment.
+
+4. **Hintergrundfarbe = Markencharakter**: Weiß = vertrauenswürdig/sauber, Schwarz = premium/tech, Gold = Wachstum/warm, Dunkel-Violett = mysteriös/fintech.
+
+5. **Keine Pastellfarben**: Aya meidet pastellige, verwässerte Töne. Ihre Farben sind entweder sehr gesättigt/neon oder komplett entsättigt (grau, weiß, schwarz).