Preview image. Unlock full-res
Sports scoreboard displaying live game stats with team abbreviations, player ERA, and game context on a warm orange-to-red gradient.
Summary
A minimal sports scoreboard UI showing live game stats with team abbreviations (KC 7, SF 6), player names, and play-by-play context ("Bot 9th 3-2, 2 out") layered over a warm orange-to-red gradient.
Visual description
Two rounded-corner pill-shaped UI containers float against a warm orange-to-red radial gradient background. The upper container shows just the team abbreviations and scores (KC 7, SF 6). The lower, larger container repeats the scores with additional data: player names (LeMoine, Stern), pitching stats (3.07 ERA, .312 average), and game situation ("Bot 9th 3-2, 2 out"), separated by a diamond symbol. The background gradient shifts from saturated orange-red on the left to cooler red-maroon on the right. Typography is white and cream-colored display sans-serif on dark brown pill backgrounds.
Key takeaway
The data hierarchy using nested containers with consistent styling and spacing. The way color saturation and subtle tonal shifts in the gradient create depth without competing with the foreground UI. The efficient use of compact, label-plus-value formatting for dense statistical information.
Reuse notes
Strong reference for sports analytics interfaces, live score overlays, real-time data dashboards, or any scenario needing to layer compact data over a bold gradient background. The rounded-corner pill style reads as friendly and modern; the warm palette suits competitive sports or high-energy contexts.
More like this
