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
Back to feedPost
One of my main goals for my Data Visualization component was that it should be very customizable. I wanted to give the user the ultimate experience of data creation.
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
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.
Really cool 🔥
A sustainable energy platform designed to empower the shift toward renewable power and smart energy solutions with Quantum. Our focus was on combining clean data visuals, strong branding, and a frictionless experience to present green tech at its best.
Check out the full breakdown on our page and drop your feedback below!
📩 Collaborate with Us? Contra Odama Studio
Amazing work👏🔥🔥
I have added customization to frameshaders
which you can use to check the shaders you need and desire
After you finalize your shaders, you can click on them to add them to the framer.
It's simple with lifetime access: https://www.framer.com/community/marketplace/plugins/frameshaders/
