Templates›sports›Cricket Bowling Card
Live preview
IN
sports

Cricket Bowling Card

Full-screen bowling figures for one innings: each bowler's overs, maidens, runs, wickets and economy, with the batting side's total.

Pattern libraryState modeData bindableCricketLive scoring

Resolution
1920×1080
Frame rate
60fps
Duration
1250ms
Objects
11
States
2
Widgets
—

Fonts
Oswald

Back to gallery
Design rationale

Eight rows, only the ones used

Limited-overs sides rarely use more than eight bowlers, and eight rows keep 30 px text inside title-safe. The rows are a Table widget that hides empty rows, so a card with five bowlers shows five. A ninth bowler wouldn't appear.

Wickets in the accent colour

Wickets are the number viewers read first on a bowling card, so they carry the accent colour; the other figures stay soft.

The fielding side's colour

The header strip is bound to `cardBowlingColor`, the team that's bowling, not the team batting.

#ffc629
#0d1117
#ffffff
#9aa4b2
#3b82f6
Animation timeline — IN sequence (1250ms 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
850→1250ms
Rule wipes across.
Team Nametextbox
300→550ms
Text fades up into place; rows follow in a short stagger.
Batting Totaltextbox
900→1150ms
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 at the end of an over, at the innings break, or after a bowler finishes their spell. It follows the same innings as the batting card.

Related templates

Ready to use this template?

Open it in the CloudMonet editor to customize and export.