Templates›soccer›Soccer Lineup · Floodlight
Live preview
IN
soccer

Soccer Lineup · Floodlight

Full-screen soccer line-ups for both sides: starters with shirt number and position, formation, bench and manager, in team colours on a deep indigo plate.

Pattern libraryState modeData bindableSoccerLineup

Resolution
1920x1080
Frame rate
25fps
Duration
1800ms
Objects
33
States
2
Widgets
—

Fonts
Oswald

Back to gallery
Design rationale

Two columns, home left, away right

Each side gets an equal panel, so neither team reads as the main one. The number in lime and the name in white make a row scannable from the sofa; the position is quiet because viewers rarely need it.

Team colour in two places only

The colour tab and the rule under each header follow the team colour from the squad. Everything else stays on the plate palette, so any kit colour looks right and a clashing pair of kits never changes the rest of the layout.

The code sits on the colour, readable on any kit

The team code on the tab takes its text colour from `home.onColor` / `away.onColor`, which CloudMonet picks as black or white for contrast. A yellow kit gets black text and a navy kit gets white, with no operator action.

Rows follow the players, not a fixed eleven

Each table hides rows whose name is empty, so a 7v7 side shows seven rows and a full side shows eleven. The footer stays put; with fewer players the space under the list is left open rather than the bench jumping around.

A missing number does not remove a player

The table decides whether a row is empty from the name column, not the leading number. Youth teams without shirt numbers still list every player; the number cell is just blank.

Logos are optional and never move the layout

Each team's crest sits between its colour tab and its name, and the tournament and sponsor logos sit top right. They come from the squad, tournament and sponsor (Logos are optional image slots bound to the feed: a team, tournament or sponsor without one leaves its slot empty, with no broken image and no gap in the layout. They are HTML/OBS only; a GDL export keeps whatever logo was in the slot when exported.). Upload them once, on the squad or sponsor, and every graphic shows them.

Bench on one flowing line

`home.subsLine` and `away.subsLine` join the bench into one text block that wraps to a second line, so a long bench fits without a second table.

Animation timeline — IN sequence (1800ms total)
rect
textbox
table
layer
lifetime
clip
effect
Platerect
0→400ms
Plate fades in.
Top Rulerect
100→600ms
Top rule wipes across.
Titletextbox
330→580ms
Title rises into place.
Home Panelrect
380→730ms
Home panel slides in from the left.
Away Panelrect
380→730ms
Away panel slides in from the right.
Home Colour Tabrect
480→780ms
Colour tab grows down.
Home Rulerect
650→1050ms
Header rule wipes across.
Home Lineuptable
780→980ms
Lineup rows reveal top to bottom in a short stagger.
Away Lineuptable
780→980ms
Lineup rows reveal top to bottom in a short stagger.
Home Substextbox
1370→1620ms
Bench settles in.
Away Managertextbox
1470→1720ms
Manager settles in last.
Operator controls
IN / OUT
Takes the graphic on and off air. Nothing to type.
Lineup
Add the graphic to a match (Match Center → Add graphic, or Add to a match in the editor's Data tab). Edit the lineup from the Lineup card in the Control App; every value on the graphic follows it.
Plate colour
Branding → Plate colour changes the background to the league or broadcaster colour.
Related templates

Ready to use this template?

Open it in the CloudMonet editor to customize and export.

Soccer Lineup · Floodlight | Broadcast Graphics Template | CloudMonet