Generate Banners with AI
Create on-brand banner artwork for your league’s public pages, no design tools needed.
Where to Find It
The banner editor lives in the Admin dashboard on the Appearance page (System & Tools), with the Simple homepage template selected, since the banner is that template’s headline visual. It’s also offered while creating a new organization. The editor has three modes:
- Custom: pick one of five designed templates (Hero, Duotone, Split Panel, Glass, Gradient), each backed by sport-specific artwork, then tune the colors and font. Your color palette and font apply live to every template.
- Upload: use your own image.
- Generate with AI: describe the look you want and let AI produce artwork.
Generate a Banner
- Open Appearance (System & Tools), select the Simple template, and switch the banner editor to Generate with AI.
- Pick a Vibe (Pro, Amateur, or Social) to set the tone of the artwork. The sport shown next to the vibe comes from your organization and shapes the imagery.
- Pick a Color palette (primary + secondary, with an optional accent). Palettes default to sport-appropriate combinations, so your banner matches your public site’s colors.
- Click Generate banners. Generation runs in the background and typically takes 10–30 seconds; a progress indicator shows the current stage.
- Three variants appear. Click one to select it and see it in the live preview above.
- Click Save banner to publish it to your public pages.
Iterate
- Regenerate produces three fresh variants with the same vibe and palette.
- Each variant has a “more like this” option; use it to refine in the direction of a variant you almost like.
How it works: banners are generated server-side with OpenAI’s image model through an async job queue, so you can keep working while they render. Self-hosted deployments need the worker process and Redis running, plus an OPENAI_API_KEY on the server.
Next Steps
- Get Started: the guided setup launcher
- Create a League: structure your competition
Last updated on