# Esports team branding: match day graphics and a team look [Canonical HTML page](https://gradiently.design/guide/esports-team-branding) An esports team posts more often than almost any other kind of club: every fixture, every result, every roster change. The look has to be strong, and fast to reuse. ## The short version - Esports team branding has to survive volume: a team may post a match day graphic, a live score and a result for every fixture, across several game titles. - A strong team look rests on a background, a display typeface for names and scores, a short palette with one signal colour and fixed places for the logo and sponsors. - Match day posts need four facts in a fixed order: opponent, competition, time with time zone and where to watch. - Prepare both a win and a loss template before each match, so the result goes out within minutes whatever happens. - Stream overlays, the Twitch offline screen and panels should use the same background and type as social posts, so viewers see one team everywhere. **Esports team branding** is built for volume. A team in an active season might post a match day graphic, a live update and a result for every fixture, plus roster news, sponsor posts and stream graphics, sometimes across several game titles at once. So the brand cannot depend on a designer making each post by hand. It needs a look that is unmistakable at thumbnail size and templates that a social manager can fill in minutes, win or lose. ## What makes esports branding different Traditional clubs have a kit, a crest and a stadium. An esports team has a logo, a feed and a stream, and the feed does most of the work. Graphics are seen on phones, on stream and in Discord, often at small sizes and in dark interfaces. Many teams lean on the same visual shortcuts: black backgrounds, red accents and heavily stylised mascots. Standing out means owning something more specific, a colour world and a texture that fans can spot before they read the name. - Arena black: #05060f - Night indigo: #1e1b4b - Team indigo: #4338ca - Signal lime: #a3e635 - Score white: #e2e8f0 A team palette that avoids the usual black and red: a dark ground for dark interfaces, two indigos for depth, and one lime used only for scores, times and wins. The signal colour is the important decision. Use it sparingly and only for the things fans scan for: the score, the match time, the word "win". If it appears everywhere it stops signalling anything. [Accent colour](https://gradiently.design/guide/accent-color) explains how to keep one colour special. ## How to build an esports team look 1. **One background, used everywhere** A dark, textured gradient in team colours carries recognition on posts, overlays and the offline screen alike. Avoid photos as the base layer; they make every post look different. 2. **A display face for names and scores** Condensed, heavy type fits long player handles and big numbers. Pair it with a plain sans for details. [Bold fonts](https://gradiently.design/guide/bold-fonts) has options. 3. **Fixed places for logos** Your logo in the same corner every time, opponent logos in a set position, sponsor logos in one strip. [Logo on a gradient background](https://gradiently.design/guide/logo-on-gradient-background) covers contrast. 4. **Templates for every recurring post** Match day, live score, result win, result loss, roster reveal, sponsor thanks. Six templates cover most of a season. Gradiently suits this kind of brand. A Mark gives you a living background with real texture and motion, it keeps player names and scores readable wherever they sit, and once you claim it, only you can export with it, so no rival team can wear the same look. Lettering treatments such as Extrude, Contour and Cut give team names a gaming edge without a separate tool. ## How to design a match day graphic The match day graphic answers four questions in this order: who are we playing, in what competition, when, and where can I watch. Always give a time zone, or two if your fans are spread out; esports audiences are international and "7pm" means nothing on its own. Post the wide version on X and a story version a few hours before. A wide match day graphic reading Vanta vs Northfall, Spring Split week 4, at 19:00 CET live on Twitch The wide X post: opponent, competition, time with zone, where to watch. A vertical match day story for Vanta vs Northfall today at 19:00 CET, with space for a link sticker The story a few hours before, with room left for a link sticker. ## Esports roster reveal posts A roster reveal is the post fans share most, so it is worth more care than a result. Give each player a card: handle large, real name and role smaller, the game title and season as the eyebrow. Release them one at a time over a few days, then post the full lineup. A short text animation, such as a rise or a wipe on the handle, turns a still card into a reveal; export it as MP4 (a Pro format) for X, Instagram and TikTok. A roster reveal card with the player handle KESTREL in large letters, welcoming them as the team's jungle player One handle, one role, one season. Big enough to read on a phone in a crowded timeline. ## Results posts, win or lose Results should go out within minutes, so prepare both versions before the match starts. The win post can be loud: score in the signal colour, a confident line. The loss post should still look like the team: same background, same layout, a calmer line that respects the opponent. Fans notice when a team only posts on the good days. A results post showing a 2 to 0 victory for Vanta against Northfall The win: the score is the headline. A results post showing a 1 to 2 loss with the line GG Northfall, back on Thursday The loss: same layout, a respectful line and the next fixture. With a long fixture list, put opponents, dates and times in a spreadsheet and create every match day card for the split in one pass with [bulk create](https://gradiently.design/guide/bulk-create-from-spreadsheet) on Pro. ## Stream overlays and channel graphics The stream is where fans spend the most time with your brand, so it should feel like the same team as the feed. Use the team background, behind the camera frame, on the starting soon and break screens, and on the offline screen. Keep overlays light around the edges so they never cover game information. [Stream overlay backgrounds](https://gradiently.design/guide/stream-overlay-background) and [Twitch offline screen](https://gradiently.design/guide/twitch-offline-screen) go into detail. | Graphic | Size | Use | | --- | --- | --- | | X post | 1600×900 | Match day, results, news | | Instagram post | 1080×1350 | Roster cards, results | | Story and TikTok | 1080×1920 | Match day reminders, reveals | | X header | 1500×500 | Current season and sponsors | | Twitch offline screen | 1920×1080 | Next match and schedule | | Twitch profile banner | 1200×480 | Team look and logo | | Twitch panel | 640×320 | Roster, sponsors, schedule links | | Discord server banner | 960×540 | Next match for the community | The sizes a team needs across social, stream and community. Panels are easier to keep tidy with [Twitch panel size](https://gradiently.design/guide/twitch-panel-size). ### Avoid - Black and red because every team uses it - A different style for each game title - Match times with no time zone - Only posting when you win - Glows and effects that blur the score ### Do - A colour world fans can name - One look, with the title in the eyebrow - Time with zone, and where to watch - A prepared loss template that keeps your dignity - Clean, heavy type on a calm area If your players also stream on their own channels, [Twitch streamer branding](https://gradiently.design/guide/twitch-streamer-branding) shows how a personal look can sit alongside the team's. ## FAQ ### What graphics does an esports team need? Match day posts, live score and result posts, roster reveals, sponsor posts, an X header, Twitch banner, panels and offline screen, and a Discord server banner. ### What should a match day graphic include? The opponent, the competition, the time with a time zone and where to watch. Keep them in that order every time. ### What size is an esports match day post? 1600×900 for X, 1080×1350 for an Instagram post and 1080×1920 for stories and TikTok. ### Should an esports team post losses? Yes. A loss post in the same layout with a respectful line and the next fixture shows fans the team is consistent on good days and bad. ### How do I make esports graphics faster? Build templates for each recurring post before the season, prepare win and loss versions before each match, and create fixture cards in bulk from a spreadsheet.