🎨 Cards4You - Farbpaletten

Wählen Sie eine Farbpalette für Ihre Visitenkarte

📝 So funktioniert's

Jede Farbpalette zeigt Ihnen die benötigten Farbcodes. Kopieren Sie einfach die Codes und ersetzen Sie die Werte in Ihrer Visitenkarte.

Schritt 1: Wählen Sie eine Farbpalette unten aus
Schritt 2: Klicken Sie auf "Codes kopieren"
Schritt 3: Öffnen Sie Ihre card.html Datei
Schritt 4: Ersetzen Sie die Farben an den markierten Stellen (siehe unten)
#2563eb
#1e40af
💙 Blau (Aktuell)
Professionell, vertrauenswürdig, klassisch. Perfekt für Business.
Gradient Codes:
background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
#10b981
#059669
💚 Grün
Frisch, natürlich, wachstumsorientiert. Ideal für Gesundheit & Nachhaltigkeit.
Gradient Codes:
background: linear-gradient(135deg, #10b981 0%, #059669 100%);
#f97316
#ea580c
🧡 Orange
Energisch, kreativ, freundlich. Perfekt für kreative Berufe.
Gradient Codes:
background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
#ec4899
#db2777
💗 Rosa/Pink
Elegant, kreativ, modern. Toll für Beauty, Mode & Design.
Gradient Codes:
background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
#14b8a6
#0d9488
💎 Türkis
Modern, beruhigend, innovativ. Ideal für Tech & Wellness.
Gradient Codes:
background: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);
#c31924
#4b5563
❤️ Rot & Grau (Empfohlen)
Energisch, professionell, modern. Perfekte Balance zwischen Kraft und Seriosität.
Gradient Codes:
background: linear-gradient(135deg, #c31924 0%, #4b5563 100%);
#ef4444
#dc2626
❤️ Rot
Kraftvoll, leidenschaftlich, auffällig. Für starke Persönlichkeiten.
Gradient Codes:
background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
#1e40af
#1e3a8a
🔵 Dunkelblau
Seriös, zuverlässig, kompetent. Klassisch für Business.
Gradient Codes:
background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);
#374151
#1f2937
⚫ Grau/Schwarz
Elegant, minimalistisch, zeitlos. Premium & edel.
Gradient Codes:
background: linear-gradient(135deg, #374151 0%, #1f2937 100%);

🔧 Wie ändere ich die Farben?

In Ihrer card.html (oder card-beispiel-frau.html):

  1. Öffnen Sie die Datei in einem Text-Editor
  2. Suchen Sie nach (Strg+F / Cmd+F): linear-gradient(135deg,
  3. Sie finden 2 Stellen:
    • Zeile ~46: body background (Hintergrund)
    • Zeile ~78: card-header background (Header-Bereich)
  4. Ersetzen Sie beide Stellen mit Ihrem gewählten Gradient
  5. Speichern Sie die Datei
  6. Fertig! 🎉

Beispiel:

VORHER (Blau):

background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);

NACHHER (Grün):

background: linear-gradient(135deg, #10b981 0%, #059669 100%);

💡 Profi-Tipp

Erstellen Sie für jedes Familienmitglied oder jeden Verwendungszweck eine eigene Datei:

• card-arno.html (Blau)
• card-frau.html (Rosa)
• card-privat.html (Grün)
• card-geschaeftlich.html (Dunkelblau)