Black Mirror
This sci-fi anthology explores what the UI would look like in various high-tech worlds.
Full credits list
Missing your name? Let us know.
Analytics
A swipe right gesture is used on the touchpad to zoom into the graph.
The pan out transition reveals a holistic view of this person's interaction circle.
Highlight: I love the color palette & geometric design style of the data screens on the USS Callister. 🎨
Black Mirror - Nosedive
Black Mirror - USS Callister
Anatomy
Highlight: The pop-up window shows a detailed description of the patient's rotator cuff. 💀
Black Mirror - Arkangel
Gamification
Highlight: He bends his finger to extract merits from his account. 🤑
Black Mirror - Fifteen Millions Merits
Geo Location
The grid displays a warning sign when a signal is detected.
Highlight: The familiar pinch to open gesture is used to zoom in. You can see a wireframe of the building with a close-up location of the target. 🔎
Black Mirror - Arkangel
Black Mirror - USS Callister
Social Media
Everyone has a virtual reality social rating displayed when people look at you.
Your social profile displays your rating and profile name as the focal point. Your post takes up most of the horizontal space.
Highlight: A swipe up gesture is used to upload your social post or rate a post. 📱
Black Mirror - Nosedive
Transportation
The touchscreen center console has the radio and a/c controls.
The taxi has a built-in video screen displaying on the backseat window. It shows details about the driver, destination, car speed, and weather.
Highlight: This futuristic car's windshield is interactive with controls to operate the vehicle. 🚘
Black Mirror - Nosedive
Virtual Reality
Highlight: A nice ripple effect transition displays a timeline of video recorded throughout your day. There's a quick pop up effect that highlights a video while scrolling. 📹
Black Mirror - The History of You
Typography
Similar to Neutraliser Caps Bold
Similar to Endurance Pro Cond Light
