explain what you build and why Here is a breakdown of what was created for your Rive Broadcast & ...explain what you build and why Here is a breakdown of what was created for your Rive Broadcast & ...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
explain what you build and why
Here is a breakdown of what was created for your Rive Broadcast & Livestream UI Challenge entry and the visual design strategy behind it:
What Was Built
The generated video is a 30-second hyper-realistic broadcast graphics showcase designed around a Futuristic Live Race Command Center. It brings together key live-data visualization elements commonly used in top-tier sports broadcasting and esports production:
Futuristic Broadcast Environment:
Set in a dark, atmospheric control center control room (#05070F dark base).
Features glowing holographic displays, volumetric neon blue (#5B5BFF) and cyan (#00E5FF) lighting, and subtle particle ambient depth.
Dynamic UI & Glassmorphism Dashboards:
Multi-layered UI panels featuring translucent glassmorphic card designs with soft neon edge glows, dynamic spring animations, and active ambient motion.
F1-Style Live Timing Tower & Telemetry:
Real-time driver leaderboard updates, live position changes, animated timing counters, and fast lap highlights.
Expanded driver telemetry widgets showing dynamic speedometers, RPM meters, gear indicators, and real-time telemetry graphs.
3D Interactive Circuit Map & Broadcast Overlays:
Glowing 3D track visualization with moving car position markers and sector indicators.
Broadcast-ready TV overlays including dynamic lower thirds, race alerts, and statistical widgets.
Why It Was Built This Way
To win or stand out in a high-profile UI design competition like the Rive Broadcast & Livestream UI Challenge, the showcase needed to strike a balance across several key pillars:
Broadcast Authenticity (F1 / ESPN / Riot Games Aesthetic):
Modern live sports coverage relies heavily on high-density information architecture that remains clean and readable. Combining dynamic race telemetry with sleek, broadcast-ready lower-thirds mimics multi-million dollar television production packages.
Motion & Technical Precision (Apple Keynote Polish):
Every UI widget has continuous micro-animations (counters ticking, graphs oscillating, glowing neon pulses). Demonstrating active state changes proves the motion design is fluid, responsive, and high-frequency (60 FPS feel).
Visual Depth & Futuristic Aesthetic:
Using glassmorphism layered over a dark background creates high contrast for neon data indicators (#00E5FF Cyan, #00FF9D Green, #FF3D71 Red). This gives the UI a sleek, sci-fi HUD feel while maintaining clean visual hierarchy.
High-Impact Showcase Format:
By sweeping through macro views of the command center down to granular telemetry cards, the video effectively acts as a dynamic showreel of your UI vision, immediately communicating high quality and technical capability to challenge judges.
Nihal's avatar
Really cool 🔥
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started