Themes & Backgrounds

Last updated: July 3, 2026

Your tournament website's look is controlled from Website > Website Editor > Theme (in the toolbar). Everything here is staged in your draft and goes live only when you press Publish, so you can experiment freely and preview before committing.

Every tournament starts on a tasteful Standard theme. Paid plans unlock the Premium themes, custom colors, and the premium background gallery.

Themes#

A theme sets your site's colors and typography in one click. Themes come in two groups, shown in the picker:

Standard themes (free on every plan)#

Available to all tournaments. A solid set of clean, sporty looks — for example Dark Stadium, Light Mode, Blue Sports, Red Energy, Green Field, and more. Pick one and the whole site — hero, headings, buttons, tables — restyles instantly.

Premium themes (Pro & Premium plans)#

An editorial, magazine-grade set — Editorial Night, Editorial Day, Classic Championship, Broadcast, Pitch, Court, Sand. These change more than color: they use refined typography and a calmer, premium surface (cleaner hero, understated section headers) for a top-class feel.

In the picker, premium themes are always visible so you can see what they look like. On a free plan they appear locked with a Pro plan link — upgrade to select one. If your plan changes, your public site always renders a theme you're entitled to.

Custom colors (Pro & Premium plans)#

Choose Custom in the theme picker to define your own palette:

  • Background — the base color of the site.
  • Primary accent — buttons, links, highlights.
  • Secondary accent — secondary highlights.

Built-in contrast check#

As you adjust the colors, the editor runs a live readability check and warns you before an unreadable combination can go live:

  • An amber hint means the contrast is low — readable, but not ideal.
  • A red hint means the contrast is too low to publish. While a red issue is showing, the Apply button is disabled.

The check covers body text against your background and your accent against your background (so buttons and links stay visible). Adjust the background or accent until the hints clear, then Apply.

Hero background#

The hero is the banner at the top of your site. You can leave it as the theme's gradient, pick a ready-made background, or upload your own.

In the hero block settings you'll find Sample backgrounds, split like the themes:

  • Standard backgrounds are free on every plan — a range of colorful curved-pattern and gradient looks (Crimson, Azure, Emerald, Amber, Rose, Cyan, and more, plus Ocean, Green pitch, Stadium night, Charcoal).
  • Premium backgrounds (Pro & Premium plans) add richer, multi-hue options — Spectrum, Prism, Aurora, Nebula, Midnight Gold, Champagne, Royal, and others. On a free plan these show locked with a Pro plan link.

Click any unlocked sample to apply it to your hero.

Upload your own (Images feature)#

Tournaments on a plan with the Images feature can upload a custom hero image instead. Use a wide image — 1920×600px or larger is recommended — so it stays crisp across screen sizes.

Hero description#

The hero shows your tournament name, and — when Show description is on — a short blurb beneath it. Edit that text directly in the hero block's Description field.

  • Leave the field blank to fall back to your tournament's main description.
  • The field starts pre-filled from your existing tournament description, so you can tweak the wording for the hero without changing anything else.
  • Keep it short — a sentence or two reads best in the hero.

Turn the blurb off entirely with the Show description toggle.

Was this page helpful?

Let us know if you found this documentation helpful or if you have suggestions for improvement.

Thank you for your feedback!

We're glad this documentation was helpful. If you have suggestions for improvement, feel free to contact our support team.

💭

Thanks for letting us know

We're sorry this page wasn't helpful. Please help us improve by contacting our support team with your feedback.