Overlay Styles

Four styles, one system#

Every overlay in gd streamer is available in four visual styles. You select the style per match, and it applies to all overlays for that match automatically.

Tech style#

The Tech style has a command-center, tactical aesthetic built for competitive esports broadcasts.

Visual characteristics:

• Dark gradient backgrounds (#1a1a1f to #0d0d0f)
• Sharp, tight border radii (2-6px)
• Strong drop shadows for depth
• Subtle diagonal stripe patterns as accents
• Clean, angular player color gradients

Typography:

• Scores and data: JetBrains Mono -- monospace for precision and alignment
• Headers and UI: Barlow -- clean sans-serif for readability

Best for: competitive streams, tournament broadcasts, esports events. If your stream aims for an ESPN or BLAST.tv production feel, Tech is the right choice.

Glass style#

The Glass style uses glassmorphism with frosted panels and modern design language.

Visual characteristics:

• Semi-transparent dark backgrounds with backdrop-blur
• Larger, softer border radii (8-24px)
• Frosted glass effect on panel surfaces
• Radial gradient glows using player colors
• Subtle top-edge light gradient for dimensionality

Typography:

• Scores and data: JetBrains Mono -- monospace, consistent with Tech
• Headers and display: Rajdhani -- a geometric display font with modern weight
• Body and UI: Barlow -- shared across both styles

Best for: modern streams, content creators who want a polished but softer look, and broadcasts where the overlays should feel like floating HUD elements rather than hard UI panels.

Fantasy style#

The Fantasy style uses a high-fantasy medieval aesthetic with gold accents and ornate borders. Built for Age of Sigmar, Old World, and fantasy tabletop streams.

Visual characteristics:

• Deep aged-leather backgrounds with near-opaque panels
• Gold double-line borders with diamond corner ornaments
• Subtle parchment grain texture
• Player colors as thin accent bars with soft radial glows
• Warm-toned shadows throughout (no cool tones)

Typography:

• Headers and scores: Cinzel -- a serif font evoking medieval inscriptions
• Body and UI: Cormorant Garamond -- an elegant serif for labels and subtitles

Best for: Age of Sigmar streams, Old World broadcasts, and any tabletop game where a medieval or high-fantasy theme fits the mood. Gives your stream a sense of grandeur without competing with the tabletop.

Flat style#

The Flat style is a clean broadcast-TV aesthetic inspired by ESPN and esports production graphics. Zero decoration, maximum readability.

Visual characteristics:

• Player colors as full section backgrounds at 85% opacity with a subtle edge fade
• Sharp corners everywhere (0px border radius)
• No shadows, no gradients, no borders, no decorative elements
• Score numbers in dark inset rectangles for contrast
• Faction watermarks at 8% opacity for subtle identity

Typography:

• All text: Inter -- clean sans-serif with bold weights for broadcast readability
• Scores: JetBrains Mono -- monospace with tabular numerals

Best for: streamers who want maximum simplicity and a professional broadcast look. The player colors do all the visual heavy lifting, keeping focus on the data.

How styles are applied#

Overlay styles follow a three-tier hierarchy:

1. Account default#

Set your preferred style in Settings (account level). This style is applied automatically to every new match you create. Existing matches are not affected.

2. Per-match style#

Each match has its own style setting, editable from either the Settings or Overlays tab. Changing it takes effect immediately across all overlays for that match.

3. Per-overlay URL override#

For advanced use, you can override the style on a single overlay by adding ?style=tech (or glass, fantasy, flat) to its browser source URL. This is useful for mixing styles within a match.

Mixing styles#

Each match has its own style, but you can override individual overlays using the ?style= URL parameter. This lets you mix styles within the same match -- for example, using the Flat score banner with Fantasy scene overlays.

What's next?#

Ready to add overlays to your stream? Follow the OBS Browser Source setup guide.