Design System

Retro Futurism

The optimistic 1950s-60s vision of tomorrow. Atomic age starbursts, Googie architecture angles, and the bold promise of the Space Age.

01 / Colors

Atomic Palette

Pastel tones mixed with bold accents. The cheerful optimism of mid-century modern meets Space Age chrome.

Atomic Turquoise
#40E0D0
Coral Sunset
#FF6B6B
Mustard Gold
#F4D03F
Mint Fresh
#98D8AA
Space Navy
#1A1A3E

02 / Typography

Futuristic Type

Audiowide delivers the bold, space-age display headlines. Questrial provides clean, optimistic body copy for the citizens of tomorrow.

Display / Audiowide / 56px
Tomorrow
Heading / Audiowide / 32px
Space Age Living
Subheading / Audiowide / 20px
The World of Tomorrow
Body Large / Questrial / 18px
Flying cars, robot housekeepers, and cities in the sky. The future is bright, chrome-plated, and full of possibility.
Body / Questrial / 16px
Every home will have a food synthesizer, a personal jetpack, and a video telephone. Progress marches ever forward into a gleaming tomorrow.
Caption / Questrial / 14px
Metadata and secondary information in the streamlined style of the atomic age.

03 / Spacing

Orbital Scale

A harmonious spacing system like the orbits of electrons around an atom. Each step doubles for cosmic rhythm.

--space-1
4px
--space-2
8px
--space-3
12px
--space-4
16px
--space-5
24px
--space-6
32px
--space-7
48px
--space-8
64px

04 / Buttons

Launch Controls

Pill-shaped buttons with gradient glows and chrome finishes. Ready for liftoff into the atomic age.

Variants

Sizes

05 / Forms

Data Entry

Streamlined input fields for the control panels of tomorrow. Turquoise focus states signal active transmission.

Your identity for space travel registration

06 / Cards

Information Pods

Content containers with Googie-inspired shapes and atomic accents. Hovering reveals the technology within.

Modular Living

Prefabricated homes assembled in hours. Every family deserves a space-age dwelling with all modern conveniences.

Atomic Power

Clean, limitless energy for every home. Nuclear reactors the size of a breadbox power the cities of tomorrow.

Jet Travel

Personal jetpacks for everyone. Commute to work through the skies in your own streamlined flying machine.

07 / Badges

Status Indicators

Pill-shaped labels in the optimistic colors of the atomic age. Starburst accents for special designations.

Solid Badges

Turquoise Coral Mustard Mint

Special Badges

Outline Space Navy Featured New

Status Examples

Active Pending Complete Priority

08 / Tables

Space Registry

Organized data displays for tracking missions and resources across the solar system.

Mission ID Destination Crew Size Status Launch Date
RF-001 Moon Base Alpha 6 Astronauts Active March 15, 1962
RF-002 Mars Colony 12 Astronauts Preparing June 1, 1963
RF-003 Orbital Station 4 Astronauts Complete January 8, 1961
RF-004 Venus Flyby 3 Astronauts Priority December 21, 1964

Philosophy

Design Principles

The guiding stars of retro futurism design.

Atomic Optimism

The future is bright and full of promise. Design should inspire wonder and excitement about what lies ahead.

Starburst Energy

Radiating patterns and dynamic shapes convey energy and motion. Nothing stands still in the world of tomorrow.

Googie Curves

Upswept roofs, boomerang shapes, and organic curves. Architecture that looks ready to take flight at any moment.