Retro Futurism

Retro Futurism

"The future as imagined in the 1950s and 60s. Rockets, atoms, and sleek, aerodynamic chrome."

When to Use

Use this sub-style when the user's request matches the aesthetic described above. This is a child reference of the design-it skill and is not meant to be triggered directly.

Core Principles

1. Aerodynamic Shapes: Lots of sweeping curves, teardrop shapes, and swooping lines. Nothing is a perfect square.
2. Space-Age Motifs: Stars, atoms, orbits, and fins (like a 1950s Cadillac).
3. Mid-Century Colors mixed with Chrome: Classic 50s pastels paired with shiny, reflective metals.

Visual DNA

• Colors: Turquoise (#40E0D0), Atomic Tangerine (#FF9966), Mint Green (#98FF98), paired with Silver/Chrome and deep Space Black.
• Typography: Googie architecture fonts, bold cursive scripts, or clean mid-century geometric sans-serifs (like Futura).
• Styling: Sleek bezels, dramatic drop shadows, and offset overlapping shapes.

Web Implementation

• CSS Example:

body {
  background-color: #FDF5E6; /* Old paper / cream */
  color: #2F4F4F;
  font-family: 'Futura', 'Trebuchet MS', sans-serif;
  overflow-x: hidden;
}

/* Googie-style sweeping background element */
.retro-future-swoop {
  position: absolute;
  top: 0; right: -10%;
  width: 120%; height: 300px;
  background-color: #40E0D0; /* Turquoise */
  border-radius: 0 0 50% 50%;
  transform: rotate(-5deg);
  z-index: -1;
  border-bottom: 8px solid #FF9966; /* Atomic tangerine stripe */
}