CardCollect Stream Overlays

Add these URLs as OBS Browser Sources. All overlays have transparent backgrounds.

Now Opening

Gold-framed plaque for the hand-cam scene: customer currently being opened for with pack progress and live indicator; hides entirely when no break is opening (competitions now rotate on the Host Banner instead). Seat it against the top edge of the ornate master frame. Add ?portrait=1 on the vertical canvas to wrap into two rows (1070 x 270).

1390 x 140 Preview
https://stream-overlay.cardcollect.local/now-opening

Host Banner

Border-less top band for the host / overhead / chat scenes — sits inside the background gfx, which already draws the gold borders. Rotates active raffle pools, low-key CTA slides and chat-command slides (!queue always, !lodd while a competition is live) — never goes dark; a queued order takes the band over for ~6.5s with a tier-scaled celebration (STANDARD subtle, PREMIUM gold glow, ELITE full-band spectacle). Replaces the deprecated Order Banner everywhere.

1350 x 120 Preview
https://stream-overlay.cardcollect.local/host-banner

Order Banner (Deprecated)

DEPRECATED — superseded by the Host Banner's order-celebration takeover. The old bottom slide-in; the page still works if a source points at it, but new scenes should carry the Host Banner instead.

800 x 600 (OBS default — the deployed source was never explicitly sized) Preview
https://stream-overlay.cardcollect.local/order-banner

Break Queue

List of pending sealed products waiting to be opened. Add as a browser source on one side of your scene.

470 x 555 Preview
https://stream-overlay.cardcollect.local/queue

Queue Ticker

Pill for the near-fullscreen hand-cam rip scene. Rests on the next two in line (rank, name, Twitch handle) + the in-line count whenever anyone is queued, hidden when the queue is empty. Every 30s an info frame takes over for 7s (the !queue chat CTA, any sales-raffle goal, queue-open while empty), and a queued order pre-empts everything as a tier-scaled celebration with the order sting — the hand-cam counterpart to /host-banner's takeover.

1920 x 90 (not currently in OBS) Preview
https://stream-overlay.cardcollect.local/queue-ticker

Card Reveal (Hand Cam)

Transparent center takeover for the hand-cam scene — the quick per-pack reveal (deck break-list button / R shortcut, presentation HANDCAM). Dims the cam, slams the card in face-up with name and set, counts the price up and ignites the tier, then fades back out on its own (~6–10s). No idle frame; add as a full-canvas source on every hand-cam scene. Test: ?test=1&tier=insane.

1840 x 1000 (deployed — inset on the 1920 x 1080 hand-cam scenes) Preview
https://stream-overlay.cardcollect.local/card-reveal

Card Reveal (Hand Cam, Vertical)

Same quick HANDCAM takeover framed 9:16 for the Aitum vertical canvas — add as a full-canvas source on the vertical hand-cam scene instead of the scaled-down horizontal one. Card fills the width up top, name/set/price stacked below, memes on the top and bottom bands. Test: ?test=1&tier=insane.

1080 x 1920 Preview
https://stream-overlay.cardcollect.local/card-reveal-vertical

Card Reveal Stage

The one card reveal, on its own dedicated OBS scene (opaque, 3D) — the deck's "Card reveal" scene. One-shot and face-up: the deck's card picker fires the ceremony, the card slams in already face-up, a price-check beat plays over the mystery "??? kr", then the price counts up and the tier ignites with tier-scaled celebration. Idle is just the nebula backdrop.

1343 x 870 Preview
https://stream-overlay.cardcollect.local/card-reveal-stage

Card Reveal Stage (Vertical)

Same big-reveal ceremony framed 9:16 for the Aitum vertical canvas — the continuously recorded vertical master captures every reveal ready for TikTok/Reels/Shorts clipping. Card centered up top, info and price stacked below.

1024 x 1900 Preview
https://stream-overlay.cardcollect.local/card-reveal-stage-vertical

Top 3 Hits

Ranked list of the best pulls this stream. Updates live as new hits are added in the admin panel. Add as a browser source on one side of your scene.

470 x 458 (sits inside a fixed frame graphic — not resizable) Preview
https://stream-overlay.cardcollect.local/top-hits

Top Hit Hype

Celebrates the most recent top hit with the card image, price and constant bells & whistles (confetti, sparkles, glow, shine sweep). Switch to this scene to hype a pull next to chat.

500 x 900 Preview
https://stream-overlay.cardcollect.local/top-hit-hype

Camera Frame

Decorative frame with the same border treatment as the Now Opening plaque — beveled gold band between dark keylines, rounded corners, inset vignette. Place over your camera source in OBS and size the browser source to match the camera rectangle.

Match camera area Preview
https://stream-overlay.cardcollect.local/camera-frame

Divider

Decorative seam divider — a full-bleed beveled gold band with dark keylines matching the plaque and camera-frame borders. Place between stacked sections on the vertical canvas (e.g. banner / hand cam / host cam).

1080 x 14 Preview
https://stream-overlay.cardcollect.local/divider

Starter Snart

Holding screen shown before the stream goes live. Spinning pokeball, animated title, rotating tips. Designed to sit inside the main content area of the start-of-stream backdrop.

1840 x 1000 Preview
https://stream-overlay.cardcollect.local/starting-soon

Pause

Holding screen for mid-stream breaks — same family as Starter Snart but blue-led: drifting aurora, floating logo, «Straks tilbake» title and rotating tips. Switch to this scene when you step away.

1920 x 1080 Preview
https://stream-overlay.cardcollect.local/pause

Logo Loop

Dark TV-studio logo backdrop for the host scene: the CardCollect logo on a near-black stage with slowly rotating light rays, soft spotlight beams, drifting gold dust, a periodic sheen sweep and a floor reflection. Purely decorative — no data.

Match content area (16:9) Preview
https://stream-overlay.cardcollect.local/logo-loop

Slik Bestiller Du

Five-step order walkthrough driven by the stream-deck operator. Backed by the Internal API singleton state + onHowToOrderDisplayChanged subscription — the operator advances/rewinds through the steps (cardcollect.no QR → «Åpne i livestream nå» button → basket → checkout → vi åpner live). One browser source covers all five steps.

1120 x 600 Preview
https://stream-overlay.cardcollect.local/how-to-order

Tilgjengelig Nå (grid)

3×2 grid of sealed products currently in stock, shuffled. Refreshes every 60 s. Use during slow periods to drive new orders. Pulls from the Public API.

Match content area (not currently in OBS) Preview
https://stream-overlay.cardcollect.local/in-stock

Tilgjengelig Nå (én av gangen)

Single sealed product driven by the stream-deck operator. Backed by the Internal API singleton state + onInStockDisplayChanged subscription — the operator advances through products one at a time. Shows image, price (with discount), and stock left.

1840 x 1000 Preview
https://stream-overlay.cardcollect.local/in-stock-single

Top Hits (én av gangen)

Single top hit driven by the stream-deck operator. Backed by the Internal API singleton state + onHitDisplayChanged subscription — the operator advances through the top hits sorted by price. Shows card image, set / number / rarity, price (NOK + USD), and who pulled it.

1840 x 1000 Preview
https://stream-overlay.cardcollect.local/top-hit-single

Twitch Chat

Native Twitch chat overlay. Subscribes to chat messages from the Internal API and renders them with large mobile-friendly text, colored usernames, and broadcaster/mod/VIP/sub badges. No scrollbar — oldest messages fade out the top.

1080 x 874 Preview
https://stream-overlay.cardcollect.local/twitch-chat

Active Poll

Live poll results. Renders the active poll's question, optional image and option bars that fill in real time as votes come in. Hides automatically when no poll is active. Place over the camera area.

1400 x 900 Preview
https://stream-overlay.cardcollect.local/active-poll

Draw Winner

Winner-draw overlay. One OBS browser source covers the whole ceremony — the armed machine holds on screen from the moment the draw arms, Go fires the spin straight from that pose, and every draw variant plays out (Roulette, Slot Machine, Pokéball Wobble, Booster Pack Rip, Pokédex Scan, Pokéball Throw).

1536 x 864 (dedicated capture window @ 1.25 dpr, not a browser source) Preview
https://stream-overlay.cardcollect.local/draw

Draw Winner (9:16)

Portrait version of Draw Winner for vertical clips (TikTok / Reels / Shorts). Same ceremony and Go event as /draw — add it as a separate browser source in the 9:16 scene. The full ceremony is portrait-aware: all six draw variants reframe their cameras (the pokéball throw also reshapes its tile arena and pans with the ball).

864 x 1536 (dedicated capture window @ 1.25 dpr) Preview
https://stream-overlay.cardcollect.local/draw-vertical

Draw Prize

Companion to Draw Winner — shows the prize being drawn for (title + optional image). Place alongside the draw scene; hides itself when no prize is set on the armed draw. Add ?portrait=1 for the band above the draw on the vertical canvas (image beside the text, 1080 x 469).

1080 x 469 with ?portrait=1 (landscape variant not currently in OBS) Preview
https://stream-overlay.cardcollect.local/draw-prize

Open Competition

Shows one currently-open competition at a time — name, prize image + description, and a live list of qualified viewers. Designed for the wide content box.

1840 x 1000 Preview
https://stream-overlay.cardcollect.local/competition

Sales Goal / Milestone

Live on-stream goal display for sales-raffle pools — a progress bar toward a kr or buyer-count target, or a ticking countdown for timer (aftershock) pools, with the prize. Re-fetches on every competition change. PII-safe (prize + progress only). Hides when there's no active goal.

Match content area (not currently in OBS) Preview
https://stream-overlay.cardcollect.local/milestone