PitLane Systems

Broadcast Overlays

The built-in broadcast overlays — what each shows, positioning, and per-overlay controls.

PitLane includes 10 overlays — 5 production-grade Advanced Broadcast overlays and 5 simple templates. All are served as web pages from PitLane's built-in overlay server and displayed in your stream via OBS browser sources.

Managing overlays

Go to the Overlays panel in PitLane (enable via View > Overlays if hidden).

  • Add Overlay — click the add button to browse available overlays and add them to your active set
  • Toggle on/off — each overlay has a switch to enable or disable it. Disabled overlays stop receiving data.
  • Controls — click an overlay to expand its inline controls. Click the gear icon for additional settings.
  • Remove — remove an overlay from your active set (this doesn't delete it, just hides it from the panel)

Only overlays in your active set receive live data and appear as iframe previews in the program monitor.

Advanced Broadcast overlays

These are production-grade overlays built for broadcast use. They share a consistent dark visual style with the Teko font for names and JetBrains Mono for data.

Timing Tower

URL: http://localhost:9100/overlay/pro-timing-tower Position: Left edge of screen

The main standings display. Shows all drivers with animated position changes, gap times, and configurable data columns.

Inline controls:

  • Gap Mode — interval (gap to car ahead) or leader (gap to P1)
  • Data Column — choose what to show in the flex column: last lap, best lap, sectors, tire compound, tire age, pit count, car name, or none
  • Sector Dots — show colored sector indicators for each driver
  • Tire Compound — show the current tire compound
  • Car Badge — show the manufacturer badge
  • Nation Flag — show the driver's nation flag
  • Driver Number — show the car number

Settings:

  • Name Format — first+last, full name, or 3-letter code
  • Pinned Rows — how many top positions always stay visible (default: 3)
  • Max Visible Rows — maximum rows shown (default: 20, scrolls if more)
  • Panel Width — width in pixels (default: 310)
  • Accent Color — the highlight color used for position changes and fastest laps
  • Stripe Colors — color the left accent stripe by accent color, manufacturer, or team
  • Row Size — compact, normal, or large

Lower Third

URL: http://localhost:9100/overlay/pro-lower-third Position: Bottom-left corner

Automatically appears when the camera cuts to a new car, showing the driver's name, position, and contextual stats. Slides in and out with animation.

Inline controls:

  • Data Mode — what stats to show: auto (smart selection based on race context), interval, last lap, best lap, or tire info
  • Car Badge — show the manufacturer badge
  • Nation Flag — show the driver's nation flag

Settings:

  • Show Duration — how long the card stays visible (3–15 seconds, default: 8)
  • Accent Color

Battle Graphic

URL: http://localhost:9100/overlay/pro-battle Position: Bottom-center

Shows a head-to-head comparison when two cars are battling. Displays car livery previews, an animated gap counter, and directional chevron indicators showing who's gaining.

Inline controls:

  • Car Preview — show or hide the car livery images

Settings:

  • Driver Detail — show nation flag, car badge, or last lap time alongside each driver
  • Battle Threshold — gap in seconds below which a battle is shown (default: 2.0s)
  • Accent Color

Telemetry HUD

URL: http://localhost:9100/overlay/pro-telemetry Position: Top-center

Real-time driver inputs for the currently focused car: throttle/brake/clutch pedal bars, steering wheel indicator, gear, speed, RPM arc (scaled to each car's rev limit), TC/ABS activity indicators, and G-force crosshair.

Inline controls:

  • Pedal Inputs — show/hide the throttle, brake, and clutch bars
  • Steering Wheel — show/hide the steering indicator
  • G-Force — show/hide the G-force crosshair
  • TC / ABS — show/hide traction control and ABS indicators

Settings:

  • Accent Color

Track Map

URL: http://localhost:9100/overlay/pro-track-map Position: Top-right corner

A live circuit map built from real track width data. Shows car positions as dots, with the focused car highlighted. Supports zooming in to follow the action.

Inline controls:

  • Focus Current Car — zoom and pan to follow the focused car
  • Zoom — zoom level (1x–6x)
  • Position Numbers — show position numbers on car dots
  • Racing Line — show the racing line on the track

Settings:

  • Accent Color
  • Runoff Areas — show gravel/grass runoff alongside the track
  • Map Size — size of the map in pixels (200–400, default: 280)

Template overlays

These are simple, single-file HTML overlays designed to be easy to understand, customize, and fork. They have no configurable controls — what you see is what you get.

OverlayURLWhat it shows
Timing Towerhttp://localhost:9100/overlay/leaderboardBasic position list with gaps
Lower Thirdhttp://localhost:9100/overlay/lower-thirdDriver name and position card
Battle Graphichttp://localhost:9100/overlay/battleSimple gap display between two cars
Session Infohttp://localhost:9100/overlay/session-infoTrack name, session type, time remaining
Event Tickerhttp://localhost:9100/overlay/tickerScrolling feed of race events

Template overlays are a good starting point for building Custom Overlays.

Overlay theming

All Advanced Broadcast overlays support an Accent Color setting that tints key visual elements (position highlights, borders, data emphasis). You can set this per-overlay or use the global theme to apply one color to all overlays at once.

The global theme controls are in the Overlays panel header — click the palette icon.