Retrofuturism
Tomorrow, according to yesterday.
The future imagined through the technological and cultural assumptions of the past.?
Change the past and everything changes. Change the future being imagined and almost nothing does.
How you recognise it
Whose future is this??
If no historical viewpoint can be identified, the design may be science fiction, nostalgia or generic futurism — but Retrofuturism has not yet been established. Its stable characteristic is the relationship between past and future, not a palette, a typeface or an object.
- Carried by
- The relation between two times
- Stable across eras
- Past viewpoint + projected future
- Varies by era
- Palette, type, form, material, technology
- Native medium
- architecture, broadcast, film, print Documented · Source attached
- Also called
- Not researched yet
- Family
- Parent of period branches — relations unconfirmed
Learn
What did an earlier period imagine the future would become — and how do you tell when a design is really asking that?
The temporal collision
Retrofuturism is not simply retro design with futuristic objects. Its defining tension is temporal: what did an earlier period imagine the future would become??
The aesthetic emerges from the collision between historical visual culture and projected technological possibility. Because different eras imagined different futures, it has no universal palette, typeface or object vocabulary.?
If no historical viewpoint can be identified, it may be science fiction, nostalgia or generic futurism rather than Retrofuturism.
The machine: past → imagined future
Four viewpoints on the record. Each arrives with different technologies, beliefs and ways of making — so each projects a different future.
Era themes: Our reading from the research manuscript. Imagined futures and grammar: Aesthetary specimen premises, not quotations of any historical prediction.
A family, not a costume
Relations unconfirmedRetrofuturism behaves like a parent to historically bounded manifestations. The manuscript names five candidates. None of the relationships is on the record yet as a link between records, so the branches are drawn as proposals and left off the era axis. What research says about two of them is in each one’s panel: Raygun Gothic is named as a branch; Googie is a style of its own period that this record looks back to.
Anatomy: relationships, not properties
Unlike a style with fixed features, Retrofuturism's anatomy is five relationships. Select one to see where it lives in the specimen.
The removal test
Take one time away. What's left?
Nearest neighbours
Where the record draws its edges
The future as seen from the past. Not the past as seen from the future.
- Not “futuristic retro”The term covers two overlapping trends, the future as seen from the past and the past as seen from the future. This record is the first; the second, the inverse, is outside it. Documented · Source attached
- Steampunk / dieselpunkWikipedia names a second retrofuturist trend, 'futuristic retro', the inverse of the past's view of the future; placing steampunk and dieselpunk there is Aesthetary's reading. The term 'dieselpunk' is reported to have been coined in 2001 by Lewis Pollak. Documented · Source attached
- GoogieGoogie is documented as a futurist style of its own period (popular in the 1950s and '60s), so it is a source-era language this record looks back to, not a descendant of it. Treating it as a 1950s-60s source rather than a branch is Aesthetary's reading of these dates. Documented · Source attached
- CyberpunkThe SF Encyclopedia dates Cyberpunk as a school of SF that developed in the 1980s, which makes it a period future-vision (a possible 1980s source) rather than a later look back. The boundary drawn from that date is Aesthetary's reading; no source compares the two directly. Documented · Source attached
Counterexamples
Five of these borrow the props. One asks whose future it is. Open each to check.
Retrofuturism is a relationship between times, not a collection of props.?
What people get wrong — and what research has not reached yet
Is there a Retrofuturist palette?
No. Different eras imagined different futures, so colour comes from the source era, its technology, materials and process — not from a shared swatch.
Does it need chrome, rockets or ray guns?
No. There is no universal chrome rule, and no single motif is diagnostic by itself. A chrome rocket with modern lettering is futuristic imagery, nothing more.
Isn’t it just the 1950s and 60s?
No. That is one viewpoint among several. A 1930s streamlined future and a 1980s networked future are both retrofuturist and share almost nothing visually.
Does a CRT or cassette interface make it retrofuturist?
Not alone. Cassette-era technology is a prop until it projects a future.
Is cyberpunk retrofuturism?
It can contain it, but the two are not synonyms. Ask whether a historical future-imagination is doing the conceptual work.
Origins and development
Partly on the record.
The PSRF brief history says the advertising for one cassette contained the first use of the word 'retrofuturism'; the PhonoStatic cassette series began in 1984, and the zine was renamed Retrofuturism in 1987. How the word reached its design-history sense is not documented here. Documented · Source attached
How the practice developed is not established. We would rather leave that part empty than draw a timeline nobody has sourced.
Research debtBuild
Source era → future premise → design system. Never font → chrome → spaceship.
Every rule carries one mark. Research debt is a status, not a mark.
Backed by a recorded artefact or document.
From the research manuscript; not yet backed by a recorded source.
Aesthetary's choice for the screen. The manuscript says nothing so precise.
Accessibility or current practice. Would apply to any build.
Research has not reached it yet. Not permission, and not prohibition.
A status: the question is named and waiting for sources.
Choose the source era first
Core, and specified · proposedBefore palette, before font, before rockets. The later steps stay locked until the earlier one is chosen — that order is the method.?
1 Source era
2 Future premise
3 Design system
- Choose an era and a premise.
Typography
Core, not specified · proposedThere is no Retrofuturist typeface.
Typography must belong plausibly to the source era or its imagined extension. The future can exaggerate the era's logic; it should not randomly introduce today's science-fiction lettering.?
Each face is Aesthetary's specimen choice, not evidence of what the period used.
Colour
Core, not specified · proposedNo universal palette.
Colour comes from the historical source, its technology, materials, print or process, cultural associations — and the particular future being imagined.?
Every era now reads as the 1950s–60s. One palette collapses four viewpoints into one — the misconception, made visible.
Form: extrapolate, don't imitate
Core, and specified · proposedPeriod form → extrapolation → future form. Drag to push each period's logic forward.?
Material and surface
Optional, but ruled · proposedEach material belongs to particular branches and periods — which ones is not yet on the record. What is on the record: there is no universal chrome rule.? Research debt: material by period
Found for one branch only: Raygun Gothic draws on Art Deco, Googie, Streamline Moderne and Space Age styles. The Googie idiom is sloping roofs, glass, steel and some stone. Documented · Source attached
A chromed CRT terminal and a chromed megastructure. The material has stopped belonging to anyone's future.
Image: reality → imagination → the impossible
Optional, but ruled · proposedWorked examples are Aesthetary specimen reasoning built from each era's themes. Subjects with no worked example yet: domestic technology, infrastructure.
Layout: borrow the era's organising logic
Core, not specified · proposedDerive the layout from how the period organised information, then translate it into a responsive page. Pick a source logic.?
Desktop
390px
Components: the same problem, four futures
Translation only · proposedRetrofuturism does not establish canonical interface components. These are contemporary translations derived from a selected historical viewpoint.?
The same button, all four viewpoints at once
There is no “Retrofuturist button.” There is a 1930s one, a 1950s–60s one, a 1970s one and a 1980s one — and they share nothing but the job.
The rules behind it
- Our readingComponents derive from one selected historical branch; no canonical set exists.
- Web translationEvery shape, state and value shown. The streamlined pill, the kidney card, the striped header and the keycap are ours.
- Not part of the aestheticReal controls underneath; visible focus; 44px touch targets; contrast at least 4.5:1 for text, including phosphor-on-dark.
Motion: from the era's imagined machines
Optional, but ruled · proposedNo universal motion vocabulary. The source era decides which of these belong. Change the era in the bar at the bottom of the screen and watch the set change.?
| derivation | Motion imitates a machine the era could imagine. If you cannot name the machine, cut the motion. |
| timing | Mechanical and instrumental: linear or stepped, 200–600ms. Orbital: slow and continuous, one element only. Terminal: stepped character reveals. |
| entrance | None by default. A switch throws, a needle settles, a scan passes — once. |
| reduced motion | Stop at the most informative frame: the needle on its reading, the orbit with its body in place, the text fully typed. |
The rules behind it
- Our readingThe eight-part vocabulary; motion derived from imagined technology; no universal set.
- Web translationWhich motions each era owns, and every timing value.
- Not part of the aestheticHonour
prefers-reduced-motion; loops longer than five seconds can be paused.
Build tomorrow, yesterday
Same website. Pick whose future it lives in.
Keeping it usable
| Risk | Rule | Mark |
|---|---|---|
| Display faces | Era display faces for headlines only. Body text in a readable companion at 16px or more. | Not part of the aesthetic |
| Phosphor on dark | Keep glow decorative; the text itself must pass 4.5:1 without the glow. | Not part of the aesthetic |
| Period colour | Faded or printed-look palettes are darkened until text passes. Keep the hue, change the value. | Web translation |
| Imagined controls | Dials, keycaps and switches wrap real inputs with real labels and states. | Not part of the aesthetic |
| Motion | See 02.9: stop on the informative frame. | Our reading |
Build with it
A starting grammar for a website set in somebody's past future: choose the source era first, then derive type, colour, form, layout, components and motion from what that era imagined. Nothing here is a period's palette or face.
Web translation marks our choices for the screen. Not specified by the source marks what the sources leave open. Everything else is a rule from the record below.
The same system is in the brief (Build → Brief) and in the structured data.
Source era first
Whose future? Choose it before any value below.
The rules behind it
- Our readingChoose the source era before palette, font or motif. From our reading
- Our readingAsk whose future this is; if no historical viewpoint can be identified, it is not yet Retrofuturism. From our reading
- Not specified by the sourceThe reverse sense (the past as seen from the future: steampunk, dieselpunk) is outside this record. Do not build a futuristic-retro site under this name. From a documented finding
Colour
Not specified by the source A palette. The era's process and materials supply it.
The rules behind it
- Our readingDerive colour from the source, its technology, materials, process and associations, and the future imagined. From our reading (colour)
- Not specified by the sourceThe sources specify no Retrofuturist palette. Take the palette from the chosen era and its process; never give every era one "retrofuturist" set. From our reading
- Web translationMark the past viewpoint and the future imagined distinctly, and never with the era's own palette. The relation between times is the stable characteristic; marking which is which keeps it legible. From our reading
Typography
Not specified by the source A typeface. Display from the era; body in a readable companion at 16px or more.
The rules behind it
- Our readingTypography must belong plausibly to the source era or its imagined extension. From our reading (typography)
- Not specified by the sourceThe sources specify no Retrofuturist typeface. Choose the display face from the era; do not reach for today's science-fiction lettering. From our reading
- Web translationUse the era's display face for headlines only and a readable companion at 16px or more for body text. Type must belong to the era; reading must not depend on a period display face. From our reading (typography)
Layout
- 1930sposter
- 1950s–60scatalogue
- 1970stechnical diagram
- 1980scontrol panel
Borrow the era's organising logic; these pairings are the page's specimens.
The rules behind it
- Our readingDerive layout from the era's organising logic, then translate it responsively. From our reading (layout)
- Not specified by the sourceThe sources specify no column system. Take one from the era's logic and name it.
Form
The rules behind it
- Our readingTeach extrapolation instead of imitation: period form, then extrapolation, then future form. From our reading (form)
- Our readingMaterials belong to particular branches and periods; there is no universal chrome rule. From our reading (surface)
- Not specified by the sourceThe sources specify no shape system. Extrapolate the era's forms; do not add a house shape on top. From our reading (form)
Imagery
Two dates on every plate.
The rules behind it
- DocumentedLet a period future carry its own era's assumptions, social as well as technical. From a documented finding (imagery)
- DocumentedDo not make every future optimistic: historical futures ranged from buoyant optimism to dark despair. From a documented finding (imagery)
- DocumentedPeriod futures were made as scale models, commissioned illustration and gouache on board. From a documented finding (technique)
- Web translationCaption every image with when it was made and the future it shows. Futurama, made in 1939, showed America circa 1960: the two dates are the subject. From a documented finding (imagery), our reading
Motion
If you cannot name the machine, cut the motion.
The rules behind it
- Our readingDerive motion from the imagined technology; the source era determines it. From our reading (motion)
- Our readingChoose from the eight-part vocabulary; there is no universal set. From our reading (motion)
- Web translationIf you cannot name the machine, cut the motion. Motion comes from the era's imagined machines. From our reading (motion), a web translation (motion)
Components
The research record does not establish interface conventions for Retrofuturism. These four are contemporary translations of its documented visual rules.
The rules behind it
- Our readingDerive components from a selected historical viewpoint; none is canonical. From our reading
- Web translationDraw the control from what the era imagined, not from today's science fiction. Imagined devices appear as props, but no source describes an interface vocabulary; the era supplies the prop, the button stays real. From a documented finding (interface), a web translation
- Web translationDate every artefact twice: when it was made, and the future it depicts. The diagnostic asks whose future it is; a period future carries its own era's assumptions. From our reading, a documented finding (imagery)
- Web translationKeep the field plain and put the era in its frame. Components translate the chosen viewpoint; their values are Aesthetary's. From a web translation
- Web translationKeep the viewpoint visible wherever the reader is. The stable characteristic is the relation between two times; the page says whose future it is. From our reading
Sources
Sources, artefacts, documents — each dated twice: when it was made, and when it imagined.
Coverage
24 documents stand behind 33 of 58 claims, among them 7 dated artefacts. The other 25 claims, the era themes and the method among them, are still marked Our reading or Web translation where they appear; the findings do not upgrade them. The specimens built on the themes are not claims.
Zero is shown as debt, not as a score. No evidence image is recorded yet.
Found: futures, dated twice
Artefacts research located beyond the catalogue's wish list (the catalogue's own answered rows are in 03.3). Each row keeps when it was made apart from the future it shows.
| Artefact | Source era | Created | Future depicted | Creator / source | What the source says |
|---|---|---|---|---|---|
| The Jetsons | 1950s–60s | 1962 | Space Age promises, drawn in the Googie idiom | Television animation | 1950s–60s: The Jetsons (1962) packaged Space Age promises, drawn in the Googie idiom of southern California. Documented · Source attached |
| Blade Runner | 1980s | 1982 | A neon-drenched, rain-slicked future city | Feature film | 1980s: Blade Runner (1982) imagined a neon-drenched, rain-slicked future city. Documented · Source attached |
- Historical futures ranged in mood from buoyant optimism to dark despair; retrofuturism is not uniformly optimistic. Documented · Source attached
- Recurring depicted subjects include space colonies, flying cars, robot servants and interstellar travel. Documented · Source attached
- Period futures were made by several techniques: a scale model built by hundreds of artists and craftspeople, commissioned illustration, and gouache on board. Documented · Source attached
- Wikipedia says retrofuturism does not provide a unified thematic purpose or experience; the absence of an umbrella motif set is Aesthetary's inference. Documented · Source attached
- Imagined devices appear as props (e.g., the Blade Runner Vid-Phon booth) but no source describes an interface vocabulary. Documented · Source attached
The catalogue: six rows answered, the rest still empty
A retrofuturist artefact has two dates that matter: when it was made, and the future it depicts. The catalogue records both, so the archive itself teaches the relationship. An answered row says what research found; every other row is a named gap.
| Needed | Source era | Created | Future depicted | Creator / source | Evidence class | Would support |
|---|---|---|---|---|---|---|
| An artefact of the 1930s imagining its future General Motors' To New Horizons (1940), a pre-WWII film: a Norman Bel Geddes miniature diorama of the 'wonder world of 1960', with 100 mph freeways and city traffic systems. Documented · Source attached | 1930s | 1939–40 | The “wonder world of 1960”: America circa 1960 | General Motors; diorama by Norman Bel Geddes | Documented · Source attached | the 1930s themes (01.2); every 1930s specimen premise |
| An artefact of the 1950s–60s imagining its future GM Motorama film (1956): futuristic dream cars, Frigidaire's 'Kitchen of the Future' with a recipe-card machine, and an electronic highway of tomorrow, with the couple's love linked to technological progress. Documented · Source attached | 1950s–60s | 1956 | Dream cars, a Kitchen of the Future, an electronic highway of tomorrow | General Motors; Frigidaire | Documented · Source attached | the 1950s–60s themes (01.2); every 1950s–60s specimen premise |
| An artefact of the 1970s imagining its future A NASA space-settlement study (1975 summer study): a wheel-like habitat where 10,000 people work, raise families and live normal lives. Documented · Source attached | 1970s | 1975 | A wheel-like habitat where 10,000 people live | NASA summer study | Documented · Source attached | the 1970s themes (01.2); every 1970s specimen premise |
| An artefact of the 1980s imagining its future Apple's Knowledge Navigator concept video (1987): a hypothetical product with a conversational computer agent, after Alan Kay's Dynabook. It evidences corporate computing futures; it does not evidence CRT or analog-electronics themes. Documented · Source attached | 1980s | 1987 | A computer you converse with as with a friend | Apple, concept video | Documented · Source attached | the 1980s themes (01.2); every 1980s specimen premise |
| Documents establishing each candidate branch’s relationship | Not researched yet | Not researched yet | Not researched yet | Not researched yet | Not researched yet | the family in 01.3; whether Googie or Cassette Futurism descend from this record |
| A document on when and how the term came into use The PSRF brief history says the advertising for one cassette contained the first use of the word 'retrofuturism'; the PhonoStatic cassette series began in 1984, and the zine was renamed Retrofuturism in 1987. How the word reached its design-history sense is not documented here. Documented · Source attached | Not applicable | 1984–87 | Not applicable: a document about the word | PhonoStatic cassette advertising; the Retrofuturism zine | Documented · Source attached | origins and development (01.8) |
| Contemporary work described as retrofuturist Partly. The production designer of The Fantastic Four: First Steps (2025) describes real 1960s references plus 'a layer of retro futurism'. One work does not settle every counterexample. Documented · Source attached | Contemporary | 2025 | Real 1960s references with “a layer of retro futurism” | Production design | Documented · Source attached | the diagnostic question; the removal test (01.5); every counterexample (01.7) |
| Accounts distinguishing Retrofuturism from Synthwave, Cyberpunk and Y2K | Not researched yet | Not researched yet | Not researched yet | Not researched yet | Not researched yet | the neighbour boundaries (01.6) |
How this page was made
- Research
- Partly sourced. 24 sources attached.
- Claims
- 58 claims: 33 documented, 22 Our reading, 3 Web translation
- Images
- 0 historical; every visual is an Aesthetary specimen, diagram or translation
- Guidance begins
- At layer 02
The apparatus — the grey instrument, the two time colours, the condensed readouts and the museum plates — is this page's art direction. It is deliberately neutral so that no single period's look becomes the definition. It is not a Retrofuturist rule and the Build downloads do not carry it.
The four specimen eras are the four viewpoints the manuscript describes. Their typefaces, palettes, subjects and premises are ours. The five candidate branches in 01.3 are named in the manuscript as possibilities; the family relationships are not established, so no branch is placed on an era. The area postures in 02 are proposals too.
Where the page breaks its own guidance: 02.9 allows one continuous loop in view, but the hero specimen and the motion grid can show several at once. The Reduce motion control stops every loop on the page.
Inspect the record
- Research view — every claim and what backs it
- Googie · Cassette Futurism — candidate branches that already have records
- Mix — see where its rules collide with another Aesthetic's
- Structured data — the record as an agent receives it
- Brief.md — the rules, with no palette and no typeface
- Put it on the Mix bench — see where its rules collide with another Aesthetic’s
- Suggest a source — or request deeper research
- All Aesthetics
Contribute
Contributing and commenting need JavaScript. Nothing else on this page does.
Work made in this style: a poster, a page, a type setting. Every submission is reviewed before it appears.
Nothing here yet.
Comments
No comments yet.