Templates›sports›Live Sports Score Crawler
Live preview
IN
sports

Live Sports Score Crawler

Multi-sport score crawler with blue (#1d9bf0) identity block, white Bebas Neue scores on near-black (#0d1117), and live ET clock.

Continuous scrollLive clockState machine

Resolution
1920×1080
Frame rate
25fps
Duration
800ms
Objects
1
States
2
Widgets
—

Fonts
Bebas Neue, Montserrat, Roboto Mono

Back to gallery
Design rationale

Sports energy without noise

The palette is cool and precise — near-black (#0d1117) for the bar, electric blue (#1d9bf0) for the identity block and accent marks, white for scores. There is no red, no gradient, no warm tone. Blue reads as live data, not alarm — the correct register for a score crawler that runs through an entire broadcast. The 3 px blue topline is the only decorative gesture, and it doubles as a visual separator from picture above.

Dual-font identity system

The 200 px identity block uses two fonts deliberately. SCORES in Bebas Neue at 30 px (weight 400, tracked wide) occupies the upper zone — display-grade condensed sans, high air-time legibility at distance. LIVE in Montserrat at 28 px (weight 700, tracking 320) sits below at 75% opacity — present but recessive, a status indicator not a headline. The opacity differential (1.0 vs 0.75) creates hierarchy without a second colour. The 120 ms stagger on LIVE's clip start means SCORES lands first, then LIVE breathes in behind it.

Ticker zone and score formatting

The ticker occupies 1520 px beginning at x:218, in Bebas Neue at 28 px — the same face as the identity block, creating typographic continuity across the bar. Scores are multiline, one match per line (the separator widget inserts blue ● glyphs between items at 18 px bold). The dash separator within each score line — e.g. '2 - 1' — carries an inline character style: blue (#1d9bf0) at 18 px bold, so the score separator reads as a live data accent against the white team names. Speed is 120 px/sec, appropriate for dense sports data where fast rotation keeps scores current.

Clock and colour palette rationale

The clock (Roboto Mono, 22 px, 12-hour ET) sits flush right at x:1760, 45% white opacity — engineered to recede further than a news ticker clock because the scores themselves carry time context. Roboto Mono is chosen deliberately over a proportional face: fixed-width digits prevent width jump as seconds tick, critical for a clock at the edge of a live graphic. The single accent colour (#1d9bf0) is shared by the topline stripe, identity block, divider between scores, and dash inline styles — the template reads as a coherent system despite seven discrete objects.

#0d1117
rgba(255,255,255,0.45)
rgba(255,255,255,0.12)
#1d9bf0
rgba(255,255,255,0.75)
#ffffff
Animation timeline — IN sequence (800ms total)
group
layer
lifetime
clip
effect
Ticker Frmgroup
0→800ms
—
Operator controls
Score content
Edit the ticker text in the editor. Enter one match result per line — format is 'TEAM A score - score TEAM B'. Do not add separator characters between lines; the ticker widget inserts blue ● glyphs automatically. The dash character within each score line ( - ) carries a blue inline style in the template — if you retype lines from scratch, reapply the inline character style to the dash to preserve the accent.
Ticker speed
Currently 120 px/sec — calibrated for dense multi-sport score data. Reduce to 90–100 px/sec for single-sport use where fewer scores are in rotation. Do not exceed 160 px/sec; at Bebas Neue 28 px, faster speeds begin to compromise score legibility mid-scroll.
Clock timezone
The clock (ssc_clock) is set to America/New_York (ET) in 12-hour format (%I:%M %p). Change clockTimezone to any IANA zone string for local broadcast time. For international feeds, consider switching clockFormat to %H:%M (24-hour) to avoid AM/PM ambiguity.
IN / OUT states
This template uses Cloudmonet's State Machine playback mode with discrete IN (800 ms) and OUT (600 ms) states. Trigger IN to bring the crawler on-air; trigger OUT to take it off cleanly. States are operator-switchable live from the control room without reloading the graphic.
Identity label
ssc_label_scores reads SCORES and ssc_label_live reads LIVE. Both are editable. Change SCORES to RESULTS, CRICKET, NBA, or any sport identifier as needed. The LIVE subline can be changed to FINAL or FT for post-match result crawlers.
RSS / data feed mode
The ticker is currently in static mode (rssMode: static) with rssRefreshInterval set to 1 minute. Switch rssSource and supply an rssFeedUrl to pull live scores from a data feed. The 1-minute refresh rate is aggressive — appropriate for live match data. Increase to 5 minutes for standings or post-match results.
When to use

Use this template during any live multi-sport broadcast window where scores need to run continuously without operator intervention — match breaks, halftime shows, studio transitions, or as an always-on underlay during live commentary. The blue identity palette is sport-neutral; it does not carry team colour associations and will not clash with team-branded lower thirds running above it. Switch the SCORES label to a specific sport name for single-sport coverage, or leave it as SCORES for an omnibus scores service.

Related templates

Ready to use this template?

Open it in the CloudMonet editor to customize and export.

Live Sports Score Crawler — Broadcast Graphics Template