# FUI (Fantasy User Interface) (架空ユーザーインターフェース)

> The name that stuck to the craft of making the screens that appear inside films. It spread around the work of Mark Coleran, who says he is given credit for the term without being sure he can take it, and who describes these screens as illustration and a storytelling device that was never designed to be used. He works with light, shape, form, movement and sound so that each film screen has one thing the audience is meant to read.

- IndexStyle No.532 — https://indexstyle.org/styles/fui
- Kind: Style · Family: UI Expression · Era: 1997–
- Mood: Futurism, Technology, Exhilaration
- Color cues: #000000 / #4FE3FF / #FF6A00 (cues taken from reference works, not a fixed palette)

## Defining characteristics

- One thing per screen that the audience is meant to read, with everything else present as density
- Columns of monospaced figures updating continuously while computing nothing
- Thin luminous lines on black, with shapes drawn as outlines and almost no fill
- Frames and controls that look like plausible equipment rather than pure abstraction

## Best used for

- Designing a screen that has to be read in the few seconds an actor is looking at it
- Designing the display of a device that does not exist, as a picture that never has to work

## Composition recipe

- Typography & lettering: Lead with monospace and let most of the text act as texture. Only the word that must be read changes size and brightness.
- Layout & structure: Decide the one thing to be read first and aim the light and the motion at it. Fill the rest with density that carries no meaning.
- Material & texture: One or two luminous colours on black, thin strokes, almost no fill. Pull the brightness down so the screen sits inside the photographed shot.

## What to avoid

Trying to make the screen genuinely operable thins out the density and scatters the information, and it stops being readable in the length of the performance.

## Application checklist

Before calling a piece an application of this style, check it against the defining characteristics:

- [ ] One thing per screen that the audience is meant to read, with everything else present as density
- [ ] Columns of monospaced figures updating continuously while computing nothing
- [ ] Thin luminous lines on black, with shapes drawn as outlines and almost no fill
- [ ] Frames and controls that look like plausible equipment rather than pure abstraction
- [ ] At least one reference work below has been studied directly
- [ ] The caution above ("What to avoid") has been addressed

## Related styles

- **Cyberpunk (サイバーパンク)** — Advanced technology and ruined daily life share the same frame, so the future arrives as promise and as threat. → https://indexstyle.org/styles/cyberpunk
- **Metalheart (メタルハート)** — Early 3D software gave this fin-de-millénaire style its chrome, liquid metal, aggressive bevels and lens flare. Dressed in techno and science-fiction imagery, it ruled rave flyers and games magazines around Y2K. → https://indexstyle.org/styles/metalheart

## Further study

- Coleran が関わった Spy Game、Blade II、The Island、The Bourne Ultimatum の画面
- 1つの画面に読ませる点を1つに絞るという考え方
- 実写に重ねたときの明るさの落とし方と合成の作法

## Reference works

- 『スター・トレック／ヴォイジャー』の LCARS 操作パネル 2016年撮影 — Wikimedia Commons / CC BY-SA 4.0 — https://commons.wikimedia.org/wiki/File:LCARS%20panel%20from%20Star%20Trek%20Voyager%20at%20Filmwelt%20Center.jpg
- 『新スタートレック』エンタープライズD ブリッジの操作卓 2008年撮影 — Wikimedia Commons / CC BY-SA 2.0 — https://commons.wikimedia.org/wiki/File:Enterprise-D%20bridge%20stations.jpg
- 『宇宙大作戦』USSエンタープライズ NCC-1701 のブリッジセット 2019年撮影 — Wikimedia Commons / CC BY-SA 2.0 — https://commons.wikimedia.org/wiki/File:USS%20Enterprise%20NCC-1701%20Bridge%20Set.jpg

## Source of record

- Pushing Pixels — Pragmatic futurism and screen graphics: interview with Mark Coleran（2021年12月、Kirill Grouchnikov 署名） — https://www.pushing-pixels.org/2021/12/21/pragmatic-futurism-and-screen-graphics-interview-with-mark-coleran.html

## Machine surfaces

- JSON: https://indexstyle.org/api/styles/fui
- Image-generation prompt (legally clean): https://indexstyle.org/styles/fui/prompt.txt
- MCP: https://indexstyle.org/mcp (tools: search_styles, get_style, compose_styles; prompts: image-prompt, apply-style)