Retro & nostalgia · 1970s – 1980s (origin); revival 2010s – present
Cassette Futurism
Chunky analogue controls, industrial typography, warm beige-and-brown plastics, and a future that smells like magnetic tape and solder.
Live preview base style — press Wear
$2,100
Revenue, up 12% from last month.
| Customer | Plan | Status | MRR |
|---|---|---|---|
| Northwind | Studio | Active | $1,240 |
| Acme Labs | Team | Trial | $0 |
| Kaldi Coffee | Studio | Active | $860 |
Use this style 16 tokens
- --bg
oklch(88% 0.03 75) - --fg
oklch(20% 0.03 55) - --muted
oklch(44% 0.04 65) - --surface
oklch(84% 0.025 78) - --surface-2
oklch(78% 0.03 72) - --border
oklch(60% 0.05 68) - --accent
oklch(66% 0.2 55) - --accent-fg
oklch(18% 0.03 55) - --focus
oklch(66% 0.2 55)
| Token | Value |
|---|---|
| --font-body | 'Share Tech', 'Share Tech Mono', ui-monospace, monospace |
| --font-display | 'Share Tech Mono', ui-monospace, monospace |
| --font-mono | 'Share Tech Mono', ui-monospace, monospace |
| --radius | 3px |
| --radius-sm | 2px |
| --shadow | 2px 3px 6px oklch(20% 0.02 60 / 0.35), inset 0 1px 0 oklch(100% 0 0 / 0.2) |
| --shadow-lg | 4px 8px 20px oklch(20% 0.02 60 / 0.45) |
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Share+Tech&display=swap');
:root {
--bg: oklch(88% 0.03 75);
--fg: oklch(20% 0.03 55);
--muted: oklch(44% 0.04 65);
--surface: oklch(84% 0.025 78);
--surface-2: oklch(78% 0.03 72);
--border: oklch(60% 0.05 68);
--accent: oklch(66% 0.2 55);
--accent-fg: oklch(18% 0.03 55);
--focus: oklch(66% 0.2 55);
--font-body: 'Share Tech', 'Share Tech Mono', ui-monospace, monospace;
--font-display: 'Share Tech Mono', ui-monospace, monospace;
--font-mono: 'Share Tech Mono', ui-monospace, monospace;
--radius: 3px;
--radius-sm: 2px;
--shadow: 2px 3px 6px oklch(20% 0.02 60 / 0.35), inset 0 1px 0 oklch(100% 0 0 / 0.2);
--shadow-lg: 4px 8px 20px oklch(20% 0.02 60 / 0.45);
}Where it came from
Origin: Soviet-era industrial design, Alien prop design, analogue synthesiser panels
Cassette futurism describes the technology aesthetic of the 1970s and 1980s: the design language of original arcade cabinets, Soviet scientific instruments, and the prop design of films like Alien — all knobs, switches, phosphor displays, and chunky industrial housing. In contrast to space-age chrome, this is a future built by workers: dingy, tactile, and heavy.
How to spot it
- Warm beige, tan, and dark brown industrial palette
- Chunky raised controls — buttons, sliders, indicator lights
- Monospace or condensed uppercase labels, tight tracking
- Phosphor green or amber CRT readouts
Trade-offs
| Strengths | Weaknesses |
|---|---|
| Unique tactile character that feels mechanical and handmade | Very specific reference — works only in deliberate contexts |
| Warm nostalgia without being saccharine | Brown-and-beige palette limits colour expression |
| Strong fit for music, audio, and film aesthetics | Can feel grimy without careful execution |
In the wild
- Alien Nostromo ship computer UI
- Original Moog synthesiser panel layout
- Soviet-era scientific instrument design
Use it when
Music tools, audio software, industrial or film-adjacent brands, or niche retro projects.