wFACEIT

Put wFACEIT on your stream

Animated pieces for the OBS Browser Source: banners for your layout and a frame for your camera. Nothing to download — paste the URL, set the size, done. With your code, the piece also shows the 10% off your viewers get on their first payment.

The banner is served from the site, so it is never a file that goes stale on your machine — when we sharpen a line, your stream gets the new one on the next scene.

YOUR CODE
Becomes a fixed chip and one of the rotating lines. Without a code the banner still runs — just without the offer.
BANNER LANGUAGE
The text on your stream, not the text on this page.
BACKGROUND
Transparent to sit over the gameplay. Solid when the banner gets a strip of its own.
MESSAGE CHANGE
Slower wears the room down less on a long stream.

Banners

The piece that argues for the product. Rotating lines that open a question about the viewer's own game, then turn it on the enemy team.

Bar

1920 × 120

The lower third, running the full width of the stream. It is the format that takes the longest line without wrapping.

/obs/banner.html?lang=en&format=bar

Badge

560 × 160

A corner block, for when the bottom of your layout already belongs to alerts or chat. Same content as the bar, stacked.

/obs/banner.html?lang=en&format=badge

Column

300 × 1080

The whole side, for layouts with the gameplay cropped. The feature list trims itself if your column is shorter than 1080.

/obs/banner.html?lang=en&format=sidebar

Camera overlay

A frame for your webcam, with a lit segment travelling the border. The middle is transparent: this piece goes ABOVE your camera source in OBS, not in place of it. No rotating text here — it sits centimetres from your face, and text changing there competes with you.

BRAND BAR
Unchecked leaves just the frame — the overlay on its own, with no branding at all. Useful when your layout already names the sponsor elsewhere.
STRIP BACKGROUND
Translucent lets a bit of the camera through. Solid when your background is busy.

Widescreen

480 × 270

The usual 16:9 webcam. Viewfinder brackets on the corners and a strip at the foot carrying the mark and your code.

YOUR CAMERA HERE
/obs/facecam.html?lang=en&format=wide

Circle

400 × 400

For a camera cropped round. The ring follows the crop and the label becomes a pill resting on the lower edge.

YOUR CAMERA HERE
/obs/facecam.html?lang=en&format=circle

Logos, colours and usage rules are on the brand page — grab the SVG there instead of screenshotting the site.

Brand guidelines

Putting it in OBS

  1. 1Under Sources, hit + and pick Browser.
  2. 2Paste the URL of the format you picked into the URL field.
  3. 3Type the exact width and height shown above. The whole drawing is scaled from them — stretching the source with the mouse afterwards only blurs the text.
  4. 4For the camera overlay, drag the Browser source ABOVE your camera in the Sources list and match its size and position to the camera. Below it, the frame ends up behind your face.
  5. 5Leave “Shutdown source when not visible” on and “Refresh browser when scene becomes active” off, so the banner does not restart on every scene change.
  6. 6For the transparent background, the OBS default CSS already handles it. If you cleared that field, use body { background: transparent; }