Ckmbanner Design

• Hai bisogno di banner per una o più piattaforme social e vuoi avere diverse opzioni di stile tra cui scegliere in un'unica sessione.
• Stai gestendo una campagna pubblicitaria e hai bisogno di banner per Google Display o Meta che rispettino le regole sul rapporto testo/immagine delle piattaforme.
• Stai progettando la sezione hero di un sito web e vuoi visual generati dall'IA composti secondo le linee guida del tuo brand.
• Hai bisogno di banner per eventi o stampa a 300 DPI con al vivo, e vuoi un flusso di lavoro guidato e ripetibile.

• Hai bisogno di editing video, motion graphics o banner animati — questa skill produce esclusivamente output di immagini statiche.
• Hai bisogno di un design completo per siti web che vada oltre una hero section.
• Hai bisogno di servizi di produzione per la stampa (invio di file pronti per la stampa, prove colore) — la skill genera file con specifiche per la stampa, ma non gestisce la produzione tipografica.

Ogni richiesta di design produce 2–3 varianti distinte di art direction (predefinito: 3) che coprono stili come minimalista, tipografia bold, gradiente, glassmorphism, neon, geometrico, retrò e altro ancora. Questo ti permette di confrontare le direzioni prima di impegnarti su una.

I pattern di sfondo, i gradienti e le iterazioni rapide utilizzano un modello Standard (Flash) veloce a 2K. Le illustrazioni principali, le scene fotorealistiche e le riprese di prodotti complesse utilizzano un modello Pro a 4K. La skill instrada automaticamente ogni elemento al modello corretto in base alla complessità.

Il riferimento alle dimensioni integrato include Facebook Cover, Twitter/X Header, LinkedIn, YouTube Channel Art, Instagram Story e Post, leaderboard e medium rectangle di Google Ads, e hero per siti web. I banner HTML/CSS vengono renderizzati e catturati in screenshot alle dimensioni esatte in pixel.

Ogni banner applica le regole delle zone sicure (contenuto critico nel 70–80% centrale), un singolo CTA, un massimo di due caratteri tipografici, un rapporto di contrasto di 4,5:1 e la linea guida di Meta sull'area di testo inferiore al 20%. I materiali per la stampa vengono generati a 300 DPI con colori CMYK e un margine al vivo di 3–5 mm.

Dopo la composizione HTML/CSS, ogni banner viene automaticamente acquisito come screenshot in un PNG denominato tramite Chrome DevTools. I file superiori a 5 MB vengono compressi tramite Sharp. I nomi dei file di output seguono una convenzione kebab-case {style}-{width}x{height}.png, raggruppati per cartella di campagna.

Le linee guida del brand memorizzate in docs/brand-guidelines.md vengono automaticamente iniettate in ogni banner tramite inject-brand-context.cjs, garantendo che colori, font e posizionamento del logo rimangano coerenti in tutte le varianti senza dover reinserire manualmente i dati.

Fornisci alla skill il titolo della tua campagna, la CTA e le piattaforme di destinazione (ad esempio, Cover Facebook + Post Instagram + Header Twitter/X). Ckmbanner Design ricerca riferimenti di design, genera tre opzioni di direzione artistica per ogni formato e consegna file PNG nominati pronti per il caricamento.

Fornisci il testo dell'annuncio e le risorse del brand. La skill produce una coppia composta da un leaderboard (728×90) e un rettangolo medio (300×250), mantenendo l'area di testo al di sotto del 20% per rispettare le politiche di Meta e Google, quindi esporta PNG compressi pronti per il caricamento diretto sulla tua piattaforma pubblicitaria.

Descrivi il prodotto o il messaggio e l'atmosfera visiva preferita. La skill genera un'immagine hero a piena pagina in formato 1920×600–1080 con tipografia sovrapposta, con zone sicure per il ritaglio responsive, ed esporta un PNG ad alta risoluzione pronto per il tuo frontend.

Specifica le dimensioni fisiche e la skill genera un file CMYK a 300 DPI con 3–5 mm di abbondanza — adatto per essere consegnato direttamente a un tipografo. Le opzioni di stile spaziano da layout editoriali d'impatto a trattamenti retrò/vintage, a seconda del tipo di evento.