Designing a Twitch panel

Where panels live

In the dashboard, open Twitch Panels under the Stream section of the sidebar. Everything on this page is the design side. The link a panel opens is set on Twitch, not in pulz.

How a panel set works

• A design holds a whole set of panels. A new set starts with six: About me, Socials, Rules, Discord, Schedule and Donate.
• Twitch shows panels 320 pixels wide, so every panel is 320 wide. Its height follows what is on it: add a line of text and the panel grows, delete one and it shrinks. Resize a panel by hand and it keeps that height (Fit to content switches off).
• Panels sit on a large free board, so you can park one beside another to compare them. Each panel downloads as its own image, exactly as you see it in the editor.
• A new set starts on your page theme. Any color or font you leave on the default follows your theme, so changing the theme on your page re-skins every panel with no per-layer edit.

Start from a template

Start from scratch

Editing your panels

• Select a panel to set its Name (this also names its file in the download), Fit to content, Padding (Tight, Cozy or Roomy), Background, accent color, Border and Shadow. Background takes your theme, a flat color, a gradient, an image or a shader.
• Add text, a list, an image, a shape or an icon from the Add rail. List holds up to 14 rows of a label and a value - rules, commands, prices. Panel adds one more panel to the set.
• Text comes with ten effects (Halo, Glow, Outline, Hard shadow, Retro, Emboss, Sticker, Neon tube, 3D extrude and Chrome), each with its own color and strength. Shape has 28 shapes, from rectangles and rings to stars, ribbons and tickets.
• Restyle several panels at once: Shift-click them and change a setting; it applies to all of them. Duplicate copies a panel next to the original.
• The Layers tab groups layers by panel, so you can reorder panels and find what sits on each one.

Layers snap to the edges and centers of other layers and show equal-gap guides while you drag. Hold Cmd/Ctrl to place something exactly with no snapping, and select two or more layers to align them to each other with Arrange in the top bar. Every gesture and shortcut is in using the canvas editor, and the keyboard button in the top bar opens the same list inside the editor.

Saving

Panels autosave. The top bar reads Saving, Unsaved or Saved, and it also saves when you leave the editor. If a save fails it keeps saying Unsaved rather than claiming a save that did not happen, and the next edit retries.

Sharing a set you are happy with

Share as template in the top bar sends the set to the public library. Give it a name, a category and one line about it, then press Send for review. A moderator publishes it, your handle is credited on the card, and your copy stays yours. Submissions are capped at 10 a day. More in using and sharing templates.