Live preview
IN
sports
Cricket Result
End-of-match card: the winner and margin, then both innings with their scores and each side's top batter and bowler.
Pattern libraryState modeData bindableCricketLive scoring
Resolution
1920×1080
Frame rate
60fps
Duration
1150ms
Objects
25
States
2
Widgets
—
Fonts
Oswald
Design rationale
Winner first
The winning side and margin lead in the largest type; the innings detail sits below for viewers who stay.
Stars of each innings
Each innings row names its top scorer and best bowler, which is usually what the commentary talks about next.
#ffc629
#0d1117
#ffffff
#9aa4b2
#16a34a
#3b82f6
Animation timeline — IN sequence (1150ms total)
rect
textbox
layer
lifetime
clip
effect
Header Platerect
0→350ms
Plate rises and fades in.
Winner Colourrect
200→600ms
Colour strip grows.
Innings Platerect
150→500ms
Plate rises and fades in.
Innings 1 Team Colourrect
600→900ms
Colour strip grows.
Row Rulerect
750→1150ms
Rule wipes across.
Innings 2 Team Colourrect
750→1050ms
Colour strip grows.
Match Titletextbox
300→550ms
Text fades up into place; rows follow in a short stagger.
Innings 2 Top Bowler Figurestextbox
810→1060ms
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 when the match ends. Before then the winner and margin are blank, and on a tie the margin reads 'Match tied'.
Related templates
Ready to use this template?
Open it in the CloudMonet editor to customize and export.