Ckmbanner Design

• Sie benötigen Banner für eine oder mehrere Social-Media-Plattformen und möchten in einem einzigen Durchgang mehrere Stiloptionen zur Auswahl haben.
• Sie führen eine Werbekampagne durch und benötigen Google Display- oder Meta-Banner, die den Text-Verhältnis-Regeln der jeweiligen Plattform entsprechen.
• Sie gestalten einen Website-Hero-Bereich und möchten KI-generierte Visuals, die mit Ihren Markenrichtlinien komponiert sind.
• Sie benötigen Event- oder Druckbanner mit 300 DPI und Beschnitt und wünschen sich einen wiederholbaren, geführten Workflow.

• Sie benötigen Videobearbeitung, Motion Graphics oder animierte Banner — diese Fähigkeit erzeugt ausschließlich statische Bildausgaben.
• Sie benötigen ein vollständiges Website-Design, das über einen Hero-Bereich hinausgeht.
• Sie benötigen Druckproduktionsdienstleistungen (druckfertige Dateieinreichung, Farbproofing) — die Fähigkeit liefert druckspezifikationskonforme Dateien, übernimmt jedoch keine Druckproduktion.

Jede Designanfrage erzeugt 2–3 unterschiedliche Artdirection-Varianten (Standard: 3), die Stile wie Minimalist, fette Typografie, Gradient, Glassmorphismus, Neon, Geometrisch, Retro und weitere abdecken. So können Sie verschiedene Richtungen vergleichen, bevor Sie sich für eine entscheiden.

Hintergrundmuster, Verläufe und schnelle Iterationen verwenden ein schnelles Standard-(Flash-)Modell in 2K. Hero-Illustrationen, fotorealistische Szenen und komplexe Produktaufnahmen verwenden ein Pro-Modell in 4K. Ckmbanner Design leitet jedes Element automatisch basierend auf der Komplexität an das richtige Modell weiter.

Die integrierte Größenreferenz umfasst Facebook Cover, Twitter/X Header, LinkedIn, YouTube Channel Art, Instagram Story und Post, Google Ads Leaderboard und Medium Rectangle sowie Website-Hero-Bilder. HTML/CSS-Banner werden in exakten Pixelabmessungen gerendert und als Screenshot erfasst.

Jedes Banner wendet Safe-Zone-Regeln an (kritische Inhalte im zentralen Bereich von 70–80 %), einen einzelnen CTA, maximal zwei Schriftarten, ein Kontrastverhältnis von 4,5:1 und Metas Richtlinie zur Textfläche von unter 20 %. Druckausgaben werden mit 300 DPI, CMYK-Farbe und 3–5 mm Beschnitt generiert.

Nach der HTML/CSS-Komposition wird jedes Banner automatisch mit Chrome DevTools als benannte PNG-Datei erfasst. Dateien über 5 MB werden über Sharp komprimiert. Die Ausgabedateinamen folgen einer Kebab-Case-Konvention {style}-{width}x{height}.png und werden nach Kampagnenordner gruppiert.

Markenrichtlinien, die in docs/brand-guidelines.md gespeichert sind, werden automatisch über inject-brand-context.cjs in jedes Banner eingefügt. So bleiben Farben, Schriften und Logo-Platzierung über alle Varianten hinweg konsistent, ohne dass eine manuelle Neueingabe erforderlich ist.

Gib der Skill deine Kampagnen-Überschrift, den CTA und die Zielplattformen vor (z. B. Facebook-Cover + Instagram-Post + Twitter/X-Header). Ckmbanner Design recherchiert Design-Referenzen, generiert drei Art-Direction-Optionen pro Format und liefert benannte PNGs, die sofort hochgeladen werden können.

Stellen Sie Ihren Anzeigentext und Ihre Marken-Assets bereit. Das Skill erstellt ein Leaderboard (728×90) und ein mittleres Rechteck (300×250) als Paar, hält den Textbereich unter 20 %, um den Meta- und Google-Richtlinien zu entsprechen, und exportiert anschließend komprimierte PNGs für den direkten Upload in Ihre Anzeigenplattform.

Beschreibe das Produkt oder die Botschaft sowie die gewünschte visuelle Stimmung. Die Skill generiert ein vollflächiges 1920×600–1080 Hero-Bild mit überlagerter Typografie, sicher zoniert für responsives Zuschneiden, und exportiert eine hochauflösende PNG-Datei, die direkt für dein Frontend bereit ist.

Geben Sie die physischen Abmessungen an und die Ckmbanner Design-Skill gibt eine 300-DPI-CMYK-Datei mit 3–5 mm Beschnitt aus – geeignet zur direkten Übergabe an einen Druckdienstleister. Die Stiloptionen reichen von fetten redaktionellen Layouts bis hin zu Retro-/Vintage-Behandlungen, je nach Veranstaltungstyp.