Templates›sports›Football Scorebug

Live preview

sports

Football Scorebug

A single consolidated bar for American football: navy home and red away plates carry bindable team labels, badges, and scores, with three timeout dots and a fading possession triangle per side, plus a merged quarter/game-clock module. The whole bar scales open on entrance rather than cutting in. A separate down & distance pill and two color-matched team alert banners (default text "Field goal") sit off to the side, ready for the operator to slide in on command.

State modeData bindableAd-hoc down & distanceTimeoutsOperator alert banner

Resolution

1920x1080

Frame rate

25fps

Duration

1000ms

Objects

States

Widgets

—

Fonts

Roboto

Back to gallery

Design rationale

One bar that unfurls open, not a hard cut

The whole consolidated plate scales in on the X-axis from 0 to 1 over the first 310ms and scales back to 0 over the last 310ms on the way out — the score bug visibly opens and closes as a single object rather than appearing or disappearing instantly.

Down & distance detached into its own ad-hoc pill

Down & distance is a separate composite group, detached from the persistent bar. It slides in from the left (500ms) and continues sliding off to exit (500ms) entirely on operator command — useful for showing it only while a down is actually live and hiding it during replays, timeouts, or other coverage where it isn't relevant.

Possession is a momentary fade, not a static dot

Home Possession and Away Possession fade in and out (500ms / 499ms) on operator toggle, rather than sitting as a plain always-on visibility flag with no motion — a small addition that makes a possession change register as a discrete event rather than a silent state flip.

Team identity collapses to one field, one upload

Home/Away Label is a single free-text "Team Label/Abbr." field with fixed Roboto Bold typography, and Home/Away Badge is a single image-upload slot with no separate fit/padding controls. Keeping one control each, rather than separate font/size/alignment/fit settings, makes the on-air workflow faster and harder to misconfigure mid-broadcast, at the cost of per-graphic customization.

Alert banners share the bar's gradient-and-accent language and ease in with more weight

Home Alert and Away Alert carry the same navy-slate gradient wash and white accent line used on the Down pill and Main Score plate, unifying the visual language across all three modules. Their slide-in also uses a custom cubic-bezier curve (roughly an ease-out) rather than the linear "smooth-land" easing used everywhere else, so the banner's drop reads with a bit more physical weight than a plain slide.

Team color doubles as backplate and banner tone, not just a strip

Home/Away Team Background fills the entire plate behind the team label and badge, so setting it to the team's kit or brand color carries that identity across the whole plate rather than a thin accent. Home/Away Alert Background is an independently controlled color picker with the same navy/red defaults, so the operator can carry that same kit or brand color through to the alert banner for a consistent identity across the bar and the banner.

Animation timeline — IN sequence (1000ms total)

group

layer

lifetime

clip

effect

Main Scoregroup

0→310ms

Main Score plate scales open horizontally — the whole consolidated bar unfurls into place as a single object

Instruments — operator-triggeredplays independently, not part of the base timeline

instrument

on show

on hide

Downgroup

Slide → · 500ms

Slide ← · 500ms

Home Possessiontriangle

Fade · 500ms

Fade · 499ms

Away Possessiontriangle

Fade · 500ms

Fade · 499ms

Home Alertgroup

Slide ↑ · 520ms

Slide ↓ · 500ms

Away Alertgroup

Slide ↑ · 500ms

Slide ↓ · 500ms

Operator controls

Team plate color

Home/Away "Team Background" color pickers fill each team's entire plate (default navy for home, red for away) — color is the whole plate's identity, not just an accent. The same fill sits directly behind the team label and badge, so it can be set to the team's kit or brand color rather than the defaults.

Team label

Home/Away "Team Label/Abbr." is a single free-text field for the team code or name shown on the plate, in fixed Roboto Bold typography — no separate font, size, or alignment controls.

Team badge

Home/Away Badge is a single image-upload slot for the team crest — no separate fit or padding controls.

Score

Home/Away Score are grouped counter controls. A change plays a short downward roll animation, deliberately understated so a score update registers without pulling focus from the plate.

Possession

Home/Away Possession are triangle indicators, grouped with each team's score control, that fade in (500ms) and out (499ms) on operator toggle as possession changes.

Timeouts

Three independent timeout dots per side, grouped as Home Timeout / Away Timeout. The operator toggles each one off as that timeout is used during the game — plain visibility flags with no motion.

Quarter

A constrained select field with options 1ST, 2ND, HT, 3RD, 4TH, OT1, OT2, FT — typed in directly rather than free text, so the readout can never drift from a valid game state. Grouped with the game clock as "Session & Clock".

Game clock

A countdown-mode timer defaulting to 15:00 that holds at 00:00 on expiry; its duration is not exposed to the operator (locked). Every timer widget surfaces the Control App's built-in Start / Pause / Reset / Nudge card automatically, and the operator runs it by hand — a football clock stops for incompletions, out-of-bounds plays, and the two-minute warning, none of which a feed can drive.

Down & distance

A separate ad-hoc pill the operator slides in and out independently of the main bar. Down is a select (1ST &, 2ND &, 3RD &, 4TH &, KO, 1 PT, 2 PT, -); Distance is free text for the yardage (e.g. "24"). Down rolls on value change; the whole pill slides in from the left and off to exit.

Team alert banner

Home/Away Alert are full-width, color-matched, ad-hoc banners (navy for home, red for away) with a gradient wash and accent line, defaulting to "Field goal" text — meant for flagging a review, penalty, turnover, or scoring call. Alert Background is its own color picker, independent of the plate, so it can be set to match the team's kit or brand color for a consistent identity. Each has its own free-text title field and eases in with a custom cubic-bezier slide rather than a plain linear one.

Related templates