# FUI — Fictional UI

> Holographic screens, spinning data globes, and cyan wireframes: the interface design language of science fiction, optimised for drama over usability.

- Category: Mood & theme
- Era: 1980s–present
- Origin: Science fiction film production design; Iron Man, Minority Report, Westworld
- Lesson: https://design.dawit.dev/styles/fui
- Try it: https://design.dawit.dev/styles/fui?style=fui

## Where it came from

Fictional User Interface — FUI or "sci-fi UI" — is the discipline of designing interfaces for film and television that communicate technological power to an audience without training them to use anything. Mark Coleran's work on films including The Bourne Identity and Lara Croft: Tomb Raider defined a visual vocabulary: dark backgrounds, glowing cyan data, animated orbital diagrams. Iron Man and later Westworld pushed it mainstream. Real products increasingly borrow the aesthetic for its emotional associations.

## How to spot it

- Deep dark navy or black background
- Cyan, electric blue, or holographic multicolour light elements
- Animated data streams, orbital paths, and scanning lines
- Thin, precise lines with occasional glow effects

## Strengths

- Immediately communicates advanced technology and power
- Dark background excellent for data-dense monitoring contexts
- Glow and animation effects provide strong visual hierarchy

## Weaknesses

- Optimised for drama — slow and disorienting in actual use
- Glow effects are expensive to render and can cause eye strain
- Real usability concerns disappear behind the spectacle

## In the wild

- Iron Man JARVIS interface sequences
- Minority Report gesture-interface visualisations
- Westworld Mesa Hub control room

## Use it when

The context is demonstration, installation, or entertainment — or the brand genuinely serves the technology sector and wants the association.

## Related styles
[Tactical HUD](https://design.dawit.dev/styles/tactical-hud.md), [Cyberpunk](https://design.dawit.dev/styles/cyberpunk.md), [Holographic](https://design.dawit.dev/styles/holographic.md)