AzuTear
3.5 KiB
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
-
Monochrome + 1 Akzent: Fast alle Designs laufen auf einem neutralen Grund (schwarz, weiß, creme) mit exakt EINEM Akzentton. Nie mehr als zwei aktive Farben.
-
Akzent = Funktion: Die Akzentfarbe sitzt immer auf dem CTA-Button, dem wichtigsten Datenwert oder dem Headline-Highlight. Farbe als Wegweiser.
-
Gradient = Premium: Sobald ein Farbverlauf erscheint, ist er holographisch (mehrere Spektralfarben) – das positioniert die Marke sofort im Premium-Segment.
-
Hintergrundfarbe = Markencharakter: Weiß = vertrauenswürdig/sauber, Schwarz = premium/tech, Gold = Wachstum/warm, Dunkel-Violett = mysteriös/fintech.
-
Keine Pastellfarben: Aya meidet pastellige, verwässerte Töne. Ihre Farben sind entweder sehr gesättigt/neon oder komplett entsättigt (grau, weiß, schwarz).