# Twitch streamer branding: panels, banners and offline screens

[Canonical HTML page](https://gradiently.design/guide/twitch-streamer-branding)

Your channel page is open in a tab for hours while people watch. Make the banner, panels, offline screen and schedule posts look like one person made them, on purpose.

## The short version

- Good Twitch streamer branding is one look repeated across the profile banner, panels, offline screen, overlays and the schedule posts you share elsewhere.
- The core Twitch sizes are a 1200×480 profile banner, a 1920×1080 offline screen and 640×320 panels.
- Panels work best as short labels on a consistent background, with the detail written in the text field underneath.
- An offline screen should say when you are next live and where to find you meanwhile, because it is what visitors see most often.
- A weekly schedule post in the same look, sized for stories, X and Discord, does more for returning viewers than a new design every week.

**Twitch streamer branding** comes down to five pieces that must agree with each other: a 1200×480 profile banner, 640×320 panels, a 1920×1080 offline screen, your on-stream overlays and the schedule posts you share on other platforms. Pick one background look, one or two fonts and a small palette, then make every piece from them. Viewers decide whether a channel feels serious in the few seconds they spend scrolling past the player, and a page where every graphic matches reads as a channel that will still be here next month.

## Twitch branding sizes in one place

| Asset | Size | Where it shows |
| --- | --- | --- |
| Profile banner | 1200×480 px | Top of your About page and channel |
| Offline screen | 1920×1080 px | The player whenever you are not live |
| Panel | 640×320 px | Below the player, under About |
| Discord server banner | 960×540 px | Top of your community server |
| X post | 1600×900 px | Going live and schedule announcements |
| Story | 1080×1920 px | Instagram, TikTok and Snapchat schedule posts |
| YouTube thumbnail | 1280×720 px | VODs and highlights |

Twitch only asks for the first three. The rest are where your viewers actually hear that you are live.

- Profile banner 1200×480: 1200 × 480
- Offline screen 1920×1080: 1920 × 1080
- Panel 640×320: 640 × 320
- Story 1080×1920: 1080 × 1920

The four shapes you will design most, to scale. The banner and panels are wide and short, so the words have to be few.

Twitch displays panels 320 pixels wide, so designing them at 640×320 keeps the lettering sharp on high density screens. The banner is cropped differently on phones and desktops, so keep your name and anything important in the centre two thirds. Detailed specs live in [Twitch panel size](https://gradiently.design/guide/twitch-panel-size) and [Twitch offline screen](https://gradiently.design/guide/twitch-offline-screen).

## Choose a look you can stream with for years

Most streamer packs are bought from the same handful of marketplaces, which is why so many channels share the same neon frames. Start instead with a ground colour that suits your content: deep and dark for horror and late night strategy games, warm and bright for cosy farming streams, clean and cool for speedruns. Then add two colours that sit near each other and one accent you use only for the live indicator and calls to action.

- Night ground: #0b0f1a
- Deep harbour: #1e3a5f
- Signal teal: #2dd4bf
- Pale mint: #a7f3d0
- Live orange: #f97316

A palette for a late night strategy channel. Orange appears only on the word LIVE and on buttons, so it always means something.

Keep the palette when your game changes. Viewers follow you, not the title you are playing, and a look that survives a switch from one game to the next is what makes a clip recognisable before anyone reads the name. [Creator branding](https://gradiently.design/guide/creator-branding) covers the wider idea of a personal look that outlasts trends.

## Twitch panels people actually read

Panels are the most neglected part of most channels. They sit under the player, people scroll to them when they are deciding whether to follow, and too often they are a dozen different styles stacked on top of each other. Treat them as a set of labels, not posters.

1. **Choose six or fewer** About, Schedule, Rules, Setup, Discord and Support cover most channels. More than that and nobody reaches the bottom.
2. **One word per panel** The image is a heading. Put the detail in the text field under it, which stays searchable and easy to update.
3. **Same background, same position** Every panel uses the same background and sets its word in the same place, so the column reads as one system.
4. **Link the panel image** Twitch lets each panel image link somewhere. Point Discord at your invite and Support at your tip page.

A wide Twitch panel with the single word Schedule set large on a dark teal gradient

A panel is a label. One word, large, on the channel's background.

A matching Twitch panel with the word Discord on the same dark teal gradient

The next panel matches it exactly, so the column reads as one set.

## Twitch offline screen design

Your offline screen is the image most visitors meet, because most of the time you are not live. It has one job: tell people when to come back. A good one carries your name, the next stream day and time with its timezone, and one place to follow you meanwhile.

A 1920 by 1080 Twitch offline screen reading Back Thursday, 8pm GMT, with a note about the Discord

One clear return time, the timezone, and somewhere to go meanwhile.

### Avoid

- A logo alone with no return time
- Every social handle you have ever made
- Small text in the bottom corner, hidden by player controls
- A different style from your panels and banner

### Do

- The next stream day, time and timezone, large
- One place to follow you between streams
- Words in the middle of the frame
- The same background and font as the rest of the channel

> **Keep the time generic if it changes** If your schedule moves weekly, write "See Schedule below" rather than a time you will forget to update. A wrong time on an offline screen costs more trust than no time.

## Schedule posts and going live graphics

Most new viewers find you somewhere other than Twitch. A weekly schedule post on stories and X, and a short going live post each time, are the graphics that actually bring people back. Make them a fixed layout you only edit, never a fresh design every Monday.

A vertical schedule story titled This week on stream with Monday, Wednesday and Friday at 8pm GMT

The weekly schedule as a story. Days in the middle band, clear of the app's buttons.

A landscape going live post reading Live now, with the stream title and channel address

The going live post for X and Bluesky, in the same look.

- **Schedule post:** once a week, story size and a 1600×900 version for X and Bluesky.
- **Going live:** the same layout every time, with only the stream title changed.
- **Discord banner:** 960×540, refreshed when you change your schedule or run an event.
- **VOD thumbnails:** 1280×720 with two or three large words, as in [YouTube thumbnail design](https://gradiently.design/guide/youtube-thumbnail-design).

This is where Gradiently earns its place for streamers. On Pro you design the schedule once, then resize it to every one of these formats in one step, and the background makes room for your words at each size so the day and time stay readable on a busy gradient. You can also export the going live post as an MP4 with the background moving behind still type.

## Overlays that match the rest of the channel

Starting soon, be right back and ending screens should be the offline screen's siblings: the same background, the same font, a different line of words. Keep webcam frames and alert boxes thin and in your palette so the game stays the star. [Stream overlay backgrounds](https://gradiently.design/guide/stream-overlay-background) goes through each scene, and [gaming channel art](https://gradiently.design/guide/gaming-channel-art) covers YouTube and Discord if you stream on several platforms.

- Starting soon: `radial-gradient(circle at 80% 20%, #2dd4bf 0%, #1e3a5f 40%, #0b0f1a 80%)`
- Be right back: `radial-gradient(circle at 20% 80%, #2dd4bf 0%, #1e3a5f 40%, #0b0f1a 80%)`
- Ending screen: `linear-gradient(180deg, #1e3a5f 0%, #0b0f1a 100%)`

One palette, three scenes. Moving the light from corner to corner tells regulars which screen they are looking at before they read it.

## FAQ

### What size is a Twitch profile banner?

1200×480 pixels. Keep your name and key words in the centre, because the edges are cropped on some screens.

### What size should Twitch panels be?

Design them at 640×320 pixels. Twitch shows panels 320 pixels wide, so the larger file stays sharp on high density screens.

### What should a Twitch offline screen say?

Your name, when you are next live with the timezone, and one place to follow you meanwhile. Keep the words in the middle so player controls do not cover them.

### How do I make my Twitch channel look professional?

Use one background, one or two fonts and a small palette across the banner, panels, offline screen, overlays and schedule posts. Consistency reads as professional faster than any single impressive graphic.

### Do I need to change my branding when I change games?

No. Keep your look and change only the words and screenshots. Viewers follow the streamer, and a stable look helps them recognise your clips anywhere.