Nothing to hand? Load the — an incident-response dashboard launching self-serve pricing, headed for an X header and a LinkedIn banner — or the , whose owner insists on a brand gold that cannot pass contrast as text, headed for an Instagram post and two small display ads. Both replay a saved run for free.
Banner design is two crafts, and one of them is geometry
Exact platform dimensions, safe zones, type that fits, a CTA pill, a background that does not fight the copy — that is arithmetic, and the browser does all of it for free before you sign in. Sixteen formats built out from the source skill's size table, eight art-direction styles as seeded procedural backgrounds, per-format safe areas that respect the X avatar overlap and YouTube's TV-safe crop, adaptive layouts that drop the subtext on a 728×90 strip, and SVG, exact-dimension PNG or one-ZIP export. Type a headline and you have shippable banners without ever pressing the paid button.
Every design rule is measured, not asserted
The source skill states the rules; the studio measures them. Text and CTA contrast are computed as WCAG ratios — 4.5:1 or the lint says so next to the render. The CTA must lead with an action verb; at most two font families; text stays inside each format's real safe area — the central 76% by default, but YouTube's 1546×423 TV-safe box and the X header's avatar reserve where the platform crops; ad formats are held to the source skill's 20% text-ratio guideline with the coverage actually estimated from the type ink. The same lint runs on the AI's palettes as on yours, so a low-contrast direction is flagged in public, not shipped quietly — and every contrast failure carries a free one-click fix rather than a reason to pay for another run.
The metered pass is taste, and it must show its work
The AI pass receives the brief, your draft copy, the brand pair with its measured contrast, and the chosen formats. It returns three directions in three different styles — palette, copy, layout, seeds — each with a rationale naming whom it convinces, rendered by the same engine you just used. It may sharpen your copy but not your claims: nothing beyond the brief may appear, and every change is listed with its reason. Pricing is honest: a worst-case amount is reserved before the run, only what the run uses is charged, and untouched examples replay a saved run for free. Campaigns are saved to your account and searchable by meaning.
What can I do without signing in or paying?
All of the geometry. The studio renders every selected format from your headline, supporting line and CTA, in sixteen platform sizes plus any custom dimensions, in eight art-direction styles, with full control of the palette, background seed, density, angle, motif, alignment, type scale and both font families. It measures every design rule and exports SVG, exact-dimension PNG, or the whole set as a single ZIP. None of that calls the model and none of it is charged. Only the three art directions cost credits.
Which banner sizes does it produce?
X / Twitter header 1500×500, Facebook cover 820×312, LinkedIn banner 1584×396, LinkedIn sponsored 1200×627, YouTube channel art 2560×1440, Instagram post 1080×1080, Instagram portrait 1080×1350, Instagram story 1080×1920, website hero 1920×800, social share card 1200×630, and the display sizes 300×250, 728×90, 160×600, 320×50, 970×250 and 336×280 — plus any custom width and height you type. Every export is at the exact pixel dimensions, not a scaled approximation.
Does it know about avatar overlaps and TV-safe crops?
Yes, per format. YouTube channel art is laid out inside the 1546×423 area every device shows; the X header keeps text clear of the profile photo that overlaps its lower left; the LinkedIn banner reserves the same corner; the Instagram story avoids the app chrome at top and bottom. Formats with no crop hazard use the central 76% safe zone, and the lint reports which box it measured against.
My brand color fails contrast — what happens?
The app measures it and tells you the number instead of quietly shipping unreadable text. A brand gold at 2.19:1 on white is not a headline color, and the app says so. Where a palette misses 4.5:1, a Fix contrast button nudges the text or CTA color toward black or white until it passes, shows you the before and after hex, and re-renders — free, with no second run.
What does an AI pass cost, and can I iterate without paying again?
A worst-case amount is reserved before the run and only what the run actually uses is charged; the reserved figure is shown before you press the button, and the run button stays disabled if your balance cannot cover the model's minimum. After a result, every knob the model set — palette, seed, density, angle, motif, alignment, type scale, fonts and copy — is editable in the free studio, with a revert to the direction as designed. Iterating costs nothing; only a fresh set of three directions does.
A derived work of @nextlevelbuilder/ckm-3abanner-design (MIT): its platform size table, safe-zone and typography rules, CTA and text-ratio constraints and art-direction taxonomy are what this studio renders and measures. Facebook, X, LinkedIn, YouTube, Instagram and Google are trademarks of their respective owners; this app is not affiliated with any of them, and platform crop and ad policies change — check current specs before a paid placement.