Ckmbanner Design

• Du behöver banners för en eller flera sociala medieplattformar och vill ha flera stilalternativ att välja mellan i ett enda steg.
• Du kör en annonskampanj och behöver Google Display- eller Meta-banners som följer plattformarnas regler för textandel.
• Du designar en hero-sektion för en webbplats och vill ha AI-genererade bilder sammansatta enligt dina varumärkesriktlinjer.
• Du behöver event- eller tryckbanners i 300 DPI med utfall och vill ha ett upprepningsbart, guidat arbetsflöde.

• Du behöver videoredigering, rörlig grafik eller animerade banners — denna färdighet producerar endast statiska bildresultat.
• Du behöver fullständig webbplatsdesign utöver en hero-sektion.
• Du behöver tryckproductionstjänster (tryckklar filinlämning, färgkorrektur) — färdigheten levererar filer med tryckspecifikationer men hanterar inte tryckproduktion.

Varje designförfrågan genererar 2–3 distinkta varianter av konstnärlig inriktning (standard: 3) som täcker stilar som minimalistisk, fet typografi, gradient, glassmorfism, neon, geometrisk, retro och mer. Detta låter dig jämföra inriktningar innan du bestämmer dig för en.

Bakgrundsmönster, övertoningar och snabba iterationer använder en snabb Standard (Flash)-modell i 2K. Hjälteillustrationer, fotorealistiska scener och komplexa produktbilder använder en Pro-modell i 4K. Skickligheten dirigerar automatiskt varje element till rätt modell baserat på komplexitet.

Inbyggd storleksreferens täcker Facebook Cover, Twitter/X Header, LinkedIn, YouTube Channel Art, Instagram Story och Post, Google Ads leaderboard och medium rectangle samt webbplatshjältar. HTML/CSS-banners renderas och skärmdumpas i exakta pixeldimensioner.

Varje banner följer regler för säkra zoner (kritiskt innehåll i de centrala 70–80 %), en enda CTA, maximalt två typsnitt, ett kontrastförhållande på 4,5:1 och Metas riktlinje om att textyta ska uppta under 20 %. Tryckta utskrifter genereras i 300 DPI med CMYK-färg och 3–5 mm utfall.

Efter HTML/CSS-komposition tas en skärmbild av varje banner automatiskt och sparas som en namngiven PNG med hjälp av Chrome DevTools. Filer som överstiger 5 MB komprimeras via Sharp. Utdatafilnamn följer en kebab-case-konvention {style}-{width}x{height}.png och grupperas i kampanjmappar.

Varumärkesriktlinjer lagrade i docs/brand-guidelines.md injiceras automatiskt i varje banner via inject-brand-context.cjs, vilket säkerställer att färger, typsnitt och logotypplacering förblir konsekventa i alla varianter utan manuell återinmatning.

Ge Ckmbanner Design din kampanjrubrik, CTA och målplattformar (t.ex. Facebook-omslag + Instagram-inlägg + Twitter/X-sidhuvud). Den söker upp designreferenser, genererar tre konstnärliga riktningsalternativ per storlek och levererar namngivna PNG-filer redo att ladda upp.

Ange din annonstext och dina varumärkestillgångar. Kompetensen skapar ett par bestående av en leaderboard (728×90) och en medelstor rektangel (300×250), håller textarean under 20 % för att följa Metas och Googles riktlinjer, och exporterar sedan komprimerade PNG-filer för direkt uppladdning till din annonsplattform.

Beskriv produkten eller budskapet samt önskad visuell stämning. Färdigheten genererar en helskärmsomfattande hero-bild i 1920×600–1080 med överlagd typografi, säkerhetszonerad för responsiv beskärning, och exporterar en högupplöst PNG redo för ditt frontend.

Ange fysiska mått och skickligheten genererar en 300 DPI CMYK-fil med 3–5 mm utfall — lämplig för att lämnas direkt till en tryckleverantör. Stilalternativen sträcker sig från djärva redaktionella layouter till retro/vintageteman beroende på evenemangstyp.