Overlay Builder

Custom Goals HUD

Pick a layout, start from a darker scene mood if you want one, then set the numbers and colors that matter and save a named channel look with a stable OBS browser source. The deeper styling controls are still here, but they stay out of the way until you need them.

1. Pick a layout Start with the structure you want on stream instead of inheriting somebody else's look.

2. Add brand + goals Set the owner, the finish, two accents, and the numbers that matter.

3. Copy to OBS Use the live preview, save a named look, and copy either the stable link or the channel default URL.

Layout-first OBS ready Brand colors

Quick start

Dark starting themes

These are just polished starting moods for the reveal. Layout stays separate, and every color is still yours to change.

Optional seed look

Look name Stable slug

Save a named look to get a stable browser-source URL. Set one as your default look and the plain channel URL becomes your always-on scene link.

Saved channel looks

Load a stable look, copy its URL, or mark it as the default scene for the plain channel link.

No default look yet

No saved looks yet. Pick a layout, name it, and save it to get a stable URL.

Ready.

Goals and layout

Follow lane

Main hero target. This sits on the larger panel with live watching data.

Label Current Target

Sub lane

Use month mode when you want the current month to auto-label itself.

Label Mode Current Target

Check-in lane

Great for daily participation, member goals, or channel-point rituals.

Label Current Target

Layout Panel width Edge margin Radius

Identity and finish

Brand label Brand tag Brand dock

Panel finish Milestone glow

Give the overlay an owner and a finish. Those two choices do more to make it feel custom than another page of raw controls.

Live data line

Updated label Hours style Show watch count Show hours live

Show follows lane Show subs lane Show check-ins lane

Poll ms TZ label Manual stream start ISO

Watching and hours-live use the existing GameBot watchlist data. If `started_at` is missing from that feed, set a manual stream start ISO here.

Brand colors

Primary accent

Secondary accent

Start with two accents. Matching depth shades are generated for you, and you can still override them inside the advanced styling drawer if you want finer control.

Open full styling controls

Primary depth

Secondary depth

Text Muted text Soft text

Background top Background bottom Edge

Edge strong Glow Tick lines

Live preview

Current preview URL

/gamebot/overlays/goals/

Stable look URL

Save a named look to generate a stable URL.

Channel default URL

/gamebot/overlays/goals/