Ckmbanner Design

• Je hebt banners nodig voor een of meer sociale mediaplatformen en wilt in één keer meerdere stijlopties om uit te kiezen.
• Je voert een advertentiecampagne uit en hebt Google Display- of Meta-banners nodig die voldoen aan de tekst-verhoudingsregels van het platform.
• Je ontwerpt een hero-sectie voor een website en wilt door AI gegenereerde visuals die zijn samengesteld op basis van jouw merkrichtlijnen.
• Je hebt event- of printbanners nodig op 300 DPI met afloop en wilt een herhaalbare, begeleide workflow.

• Je hebt videobewerkingen, motion graphics of geanimeerde banners nodig — deze skill levert uitsluitend statische afbeeldingen op.
• Je hebt een volledig websiteontwerp nodig dat verder gaat dan een hero-sectie.
• Je hebt printproductiediensten nodig (het aanleveren van drukklare bestanden, kleurproeven) — de skill levert bestanden met printspecificaties op, maar beheert de printproductie niet.

Elke ontwerpaanvraag levert 2–3 onderscheidende art direction varianten op (standaard: 3) met stijlen zoals minimalistisch, vette typografie, verloop, glassmorfisme, neon, geometrisch, retro, en meer. Hiermee kun je richtingen vergelijken voordat je er één kiest.

Achtergrondpatronen, verlopen en snelle iteraties maken gebruik van een snel Standard (Flash)-model op 2K. Hero-illustraties, fotorealistische scènes en complexe productfoto's maken gebruik van een Pro-model op 4K. De skill leidt elk element automatisch door naar het juiste model op basis van complexiteit.

De ingebouwde maatverwijzing omvat Facebook Cover, Twitter/X Header, LinkedIn, YouTube Channel Art, Instagram Story en Post, Google Ads leaderboard en medium rectangle, en websitebanners. HTML/CSS-banners worden weergegeven en als schermafbeelding vastgelegd op exacte pixelafmetingen.

Elke banner past veilige-zone-regels toe (kritieke inhoud in het centrale gebied van 70–80%), een enkele CTA, maximaal twee lettertypen, een contrastverhouding van 4,5:1 en Meta's richtlijn voor minder dan 20% tekstoppervlak. Drukuitvoer wordt gegenereerd op 300 DPI met CMYK-kleur en 3–5 mm afloop.

Na HTML/CSS-samenstelling wordt elke banner automatisch als schermafbeelding opgeslagen naar een benoemde PNG via Chrome DevTools. Bestanden groter dan 5 MB worden gecomprimeerd via Sharp. Uitvoerbestandsnamen volgen een kebab-case {style}-{width}x{height}.png-conventie, gegroepeerd per campagnemap.

Merkrichtlijnen opgeslagen in docs/brand-guidelines.md worden automatisch via inject-brand-context.cjs in elke banner geïnjecteerd, waardoor kleuren, lettertypen en logo-plaatsing consistent blijven over alle varianten zonder handmatige herinvoer.

Geef de skill een briefing met je campagnekop, CTA en doelplatformen (bijv. Facebook Cover + Instagram Post + Twitter/X Header). De skill onderzoekt ontwerpverwijzingen, genereert drie art-directionopties per formaat en levert benoemde PNG's die klaar zijn om te uploaden.

Geef je advertentietekst en merkmateriaal op. De skill maakt een leaderboard (728×90) en een medium rechthoek (300×250) als koppel, waarbij het tekstgebied onder de 20% blijft om te voldoen aan het Meta- en Google-beleid, en exporteert vervolgens gecomprimeerde PNG's voor directe upload naar je advertentieplatform.

Beschrijf het product of de boodschap en de gewenste visuele sfeer. De skill genereert een volledig uitgevuld 1920×600–1080 hero-afbeelding met overlappende typografie, veilig ingezoomd voor responsief bijsnijden, en exporteert een hoge-resolutie PNG die klaar is voor uw frontend.

Geef de fysieke afmetingen op en de skill levert een 300 DPI CMYK-bestand met 3–5 mm afloop — geschikt om direct aan een printleverancier te overhandigen. De stijlopties variëren van gedurfde redactionele lay-outs tot retro/vintage behandelingen, afhankelijk van het type evenement.