Templates›soccer›Soccer Penalty Shootout · Floodlight
Live preview
IN
soccer

Soccer Penalty Shootout · Floodlight

A compact penalty shootout tracker in the Floodlight look: each side's crest, code and shootout score, five kick markers that turn green or red as each kick is taken, and a banner that slides in with the kicker's name after every kick and goes again.

Pattern libraryState modeData bindableSoccerPenalty shootoutKicker names

Resolution
1920x1080
Frame rate
25fps
Duration
1400ms
Objects
27
States
2
Widgets
—

Fonts
Oswald

Back to gallery
Design rationale

Two rows, the same shape as the scorebug

Each side is a row: kit-colour tab, crest and code, then the shootout score in lime. A viewer who knows the scorebug reads it at once, and the score is where the eye lands first.

A big marker per kick

Five circles per side start empty and fill green when a kick scores or red when it is missed, in the order they are taken. They are big enough to read at a glance and small enough to sit comfortably beside the score.

The kicker slides in, then goes

Each time a kick is recorded a banner slides up under the plate with the kicker's name, the side and SCORED or MISSED in the result colour, and takes itself away after a few seconds. Names are news for a moment, not furniture, so the board stays clean.

Sudden death slides the window

After five each the markers slide on to show the latest five rounds, so the board never runs out of room. The status line says ROUND 3, SUDDEN DEATH or the winner.

Colours match the form guide

Green and red are the Table graphic's form-guide colours, so the two graphics speak the same visual language.

One graphic for matches and standalone

Every value comes from the match when there is one, and the Control App hides those fields. With no match, the markers are colour pickers (Not taken, Scored, Missed) and the names and scores are fields.

Animation timeline — IN sequence (1400ms total)
rect
textbox
image
circle
layer
lifetime
clip
effect
Platerect
0→500ms
Plate wipes open from the left.
Top Rulerect
80→530ms
Top rule races across the plate.
Titletextbox
250→500ms
Title rises into place.
Statustextbox
300→550ms
Status rises into place.
Home Colour Tabrect
350→700ms
Home Colour Tab grows down.
Home Crestimage
410→660ms
Home Crest fades in.
Home Codetextbox
430→680ms
Home Code rises into place.
Home Shootout Scoretextbox
470→720ms
Home Shootout Score rises into place.
Home Kick 1circle
550→800ms
Home Kick 1 fades in.
Home Kick 2circle
620→870ms
Home Kick 2 fades in.
Home Kick 3circle
690→940ms
Home Kick 3 fades in.
Home Kick 4circle
760→1010ms
Home Kick 4 fades in.
Home Kick 5circle
830→1080ms
Home Kick 5 fades in.
Away Colour Tabrect
470→820ms
Away Colour Tab grows down.
Away Crestimage
530→780ms
Away Crest fades in.
Away Codetextbox
550→800ms
Away Code rises into place.
Away Shootout Scoretextbox
590→840ms
Away Shootout Score rises into place.
Away Kick 1circle
670→920ms
Away Kick 1 fades in.
Away Kick 2circle
740→990ms
Away Kick 2 fades in.
Away Kick 3circle
810→1060ms
Away Kick 3 fades in.
Away Kick 4circle
880→1130ms
Away Kick 4 fades in.
Away Kick 5circle
950→1200ms
Away Kick 5 fades in.
Row Dividerrect
500→750ms
Row Divider fades in.
Kicker Banner Platerect
900→1150ms
Kicker Banner Plate rises into place.
Kicker Banner Teamtextbox
950→1200ms
Kicker Banner Team fades in.
Kicker Banner Nametextbox
950→1200ms
Kicker Banner Name fades in.
Kicker Banner Resulttextbox
950→1200ms
Kicker Banner Result fades in.
Operator controls
IN / OUT
Takes the tracker on and off air.
In a match
Nothing to type. Record each kick on the scorer's screen: Shootout, the kicker, Scored or Missed. The banner shows the kicker for four seconds. Plate colour is the only control left.
Standalone
With no match, the Control App shows: Status, Home and Away abbr, colour, crest and shootout score, and for each side five kick markers (Not taken / Scored / Missed). The kicker banner is shown by hand: set its plate On, type the kicker and side and pick the result.
Plate colour
Branding → Plate colour changes the plate to the league or broadcaster colour.
Related templates

Ready to use this template?

Open it in the CloudMonet editor to customize and export.