Style combination · Contrasts

Cassette Futurism × Fantasy User Interface

Its clean, glowing, layered HUDs came later; cassette futurism answers with worn hardware and one phosphor colour.

From the research on Cassette Futurism

Mix them and make something Cassette Futurism Fantasy User Interface

An orange-and-yellow science-fiction poster titled “ORBIT HABITAT” shows a large wheel-shaped space station tilted in front of a cratered planet. Concentric targeting rings, measurement scales, orbital diagrams, small moons, and a terrain graph surround the central illustration on a distressed black background. — AI-generated by Stylogeny from the recipe below, and checked against it: the type from Cassette Futurism, the form from Fantasy User Interface, the composition from Fantasy User Interface. Not a real or historical work.

What each style brings

Each part of the design comes from the style with the stronger say in it, and each style gives at least two.

Cassette Futurism Fantasy User Interface (FUI) & Sci-Fi HUD

Type from Cassette Futurism: Monospace
All caps
Colour from Cassette Futurism: Dark ground
Monochrome
Form from Fantasy User Interface: Geometric primitives
Rules & bars
Composition from Fantasy User Interface: Radial & concentric
Layered information
Surface from Cassette Futurism: Grain & noise
Skeuomorphic material

The type

Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.

Display · Cassette Futurism

Orbit

IBM Plex Mono, standing in for OCR-A (period-typical)

Text · Cassette Futurism

A retro-futurist look that treats the future as tactile, used machinery: amber or green phosphor text (one phosphor per screen) on dark CRT screens, chunky buttons, dials and switch panels, cryptic abbreviated labels and standardised industrial symbols. Named after the fact, it revives the lo-fi, analogue computing imagery of late-1970s and 1980s science fiction films and games. It has no parent here: the glowing HUDs of fantasy-ui came later and are what it contrasts with.

IBM Plex Mono; Cassette Futurism used OCR-A and Eurostile

The colours

The ground and leading colours come from Cassette Futurism, with a counter-accent from Fantasy User Interface. The ink reads on the ground at 4.5:1 or more.

Cassette Futurism Fantasy User Interface (FUI) & Sci-Fi HUD

#0b0f0c ground · 36%
#33ff66 ink · 14%
#ffb000 accent · 18%
#ff9d2e accent · 14%
#c8422b accent · 10%
#ff3b30 accent · 8%

As CSS

:root {
  --ground: #0b0f0c;
  --ink: #33ff66;
  --accent-1: #ffb000;
  --accent-2: #ff9d2e;
  --accent-3: #c8422b;
  --accent-4: #ff3b30;
  --font-display: "IBM Plex Mono", monospace;
  --font-text: "IBM Plex Mono", monospace;
}

Use it with care

Fantasy User Interface (FUI) & Sci-Fi HUD: FUI is built to be watched for seconds, not used. When the look moves into a real product, game or dashboard, keep the single read, size micro-text and contrast to WCAG rather than to a cinema screen, and keep flashing scans and blinking alerts to three flashes or fewer per second. Never present invented data as real data. Its targeting reticles, facial recognition and surveillance feeds come from military and intelligence imagery, so think about what they glamourise before using them on civilian or campaign work.