Templates›sports›Cricket Batting Card
Live preview
IN
sports

Cricket Batting Card

Full-screen batting card for one innings: every batter in order with how they were out, runs, balls, fours, sixes and strike rate, plus extras, the total and the fall of wickets.

Pattern libraryState modeData bindableCricketLive scoring

Resolution
1920×1080
Frame rate
60fps
Duration
1300ms
Objects
13
States
2
Widgets
—

Fonts
Oswald

Back to gallery
Design rationale

Eleven fixed rows

Every XI has eleven batters, so the card always has eleven rows. Players who haven't batted keep their name with blank figures, which is how a printed scorecard reads, and the layout never shifts as wickets fall.

Runs are the brightest number

Runs are white and bold; balls, boundaries and strike rate are softer. The eye lands on what viewers look for first.

An asterisk and a tint for the batters in

`bat{n}Mark` is `*` for the two batters at the crease. The table shows it in the accent colour and tints those rows, so viewers find them at a glance.

One Table widget

The eleven rows are a single Table widget bound to the `bat` fields, so a column's width, alignment or colour changes in one place.

#ffc629
#0d1117
#ffffff
#9aa4b2
#16a34a
Animation timeline — IN sequence (1300ms total)
rect
textbox
layer
lifetime
clip
effect
Header Platerect
0→350ms
Plate rises and fades in.
Team Colourrect
150→450ms
Colour strip grows.
Accent Rulerect
200→600ms
Rule wipes across.
Body Platerect
80→430ms
Plate rises and fades in.
Footer Rulerect
900→1300ms
Rule wipes across.
Team Nametextbox
300→550ms
Text fades up into place; rows follow in a short stagger.
Fall of Wicketstextbox
1000→1250ms
Last text settles.
Operator controls
IN / OUT
Takes the card on and off air. Nothing to type.
Live scoring
Add the graphic to a match (Match Centre → Add graphic, or Add to a match in the editor's Data tab). Every value then follows the match as it's scored.
When to use

Use between overs, at a wicket, at the innings break or at the end of the match. It shows the innings in play, or the first innings during the break. Pair it with the Cricket Scorebug in the same match.

Related templates

Ready to use this template?

Open it in the CloudMonet editor to customize and export.