Customizing your look
Out of the box, your league site is functional but generic. This walkthrough covers the branding tools that make it feel like your league -- colors, logo, homepage layout, fonts, and custom pages.
Video walkthrough coming soon
A 6-minute walkthrough of theming a league site from scratch.
Pick your theme colors
Open Settings → Branding in the admin panel. Set a primary color (used for buttons, links, and accents) and a secondary color (used for highlights). Most leagues use their league logo's main color as primary. We recommend WCAG AA contrast against white -- the picker shows you a warning if the contrast is too low for accessibility.
Screenshot coming soon
Upload your logo
You can upload three versions: a horizontal logo for the site header, a square version for social/favicon use, and a wordmark for the footer. PNG with a transparent background works best. We auto-generate dark and light variants from your upload, but if your logo doesn't auto-invert well, you can override the dark version manually.
Screenshot coming soon
Lay out your homepage
Open Settings → Homepage. Drag and drop the blocks you want -- featured game, upcoming schedule, standings, leaderboards, sponsor row, recent news, hero banner. Each block has its own settings (how many games to show, which season's standings, etc). The order on this page is the order they appear on your league's public homepage.
Screenshot coming soon
Customize fonts (optional)
We default to Inter, which works for most leagues. If you want something with more personality, pick from the curated list of Google Fonts under Settings → Branding → Typography. We don't let you go wild here on purpose -- the goal is for your league site to look professional, not like a 2009 MySpace page.
Screenshot coming soon
Add custom pages
Click 'Pages' in the admin sidebar to create static content pages -- About, Rules, Code of Conduct, Sponsorship, Contact. Each page has a simple rich text editor. They get added to your site's nav automatically, but you can also pin them in the footer or hide them from the main nav if they're more of an FYI.
Screenshot coming soon
Preview and publish
Every change has a Preview button that shows you the public site with your edits before they go live. Once you're happy, click Publish. The public site updates in a few seconds. If something looks wrong on mobile, the preview has a mobile toggle so you can check before pushing it live.
Screenshot coming soon
Was this helpful?
We use this feedback to figure out which guides need more detail.
Need more help?
Want a specific layout we don't ship out of the box? Tell us what you need.
Email usRelated guides
More ways to make your league site polished.