Space New Dimension

New Dimension

We challenged ourselves to create a design system that synthesizes classic material design principles and feels native to apps and games in space. Whether you’re on a spacewalk or floating in zero gravity, Material Zero-G feels intuitive. This spec will be updated as we continue our research of the final frontier.

Zero-G Principles Expand and collapse content An arrow that points down when collapsed and points up when expanded.

Fixed Point View

The user is the primary mover of the device. Therefore, the content should reorganize itself to be readable at all times. When a device rotates in a zero-gravity environment, the user should not have to alter their vantage point in order to adjust the screen. The screen should adjust with the user.

Extra dimension

The fundamentals of distance and gravitational attraction are key to conveying how objects exist in space. In a zero-gravity environment, materials drift apart and they have deeper shadows to represent the greater distance between objects and surfaces.

Gravity provides meaning

As all objects are influenced by the environment of the device, a lack of gravity transforms the forces in the material system. In zero-gravity motion feels looser and travels along planetary arcs.

Floating Action Button Expand and collapse content An arrow that points down when collapsed and points up when expanded.

In a zero-g environment, floating action buttons take on special properties.

Floating action button, zero-g size

Mini floating action button, zero-g size

The dimensions are doubled from their Earth counterparts.

Floating action button

Interior icon: 48 x 48dp

Floating action button touch target: 112 x 122dp

Mini floating action button

Interior icon: 48 x 48dp

Floating action button touch target: 80 x 80dp

Special considerations must be taken in a zero-gravity environment.

Don't.

The icon is small in relation to the floating action button. It must scale proportionally.

Don't.

A zero-g and standard-sized floating action button should not be mixed.