CURATED · OPEN · FREE

Spacex

This site is a prime example of a cinematic, high-contrast interface where the typography and layout are designed to disappear, making the imagery the primary focus.

Product Bold Typography Dark Mode Motion Experimental
Spacex screenshot

Visit: https://www.spacex.com

Open in OpenDesign

Design DNA

Visual language

A stark monochrome palette dominated by absolute black (#000000) and near-white (#F0F0FA), designed to provide maximum contrast for photographic content.

Layout structure

A full-bleed, cinematic layout that prioritizes high-resolution imagery with generous whitespace and minimal UI overlay.

Interaction shape

Interactions are characterized by subtle, elegant transitions and hover states that emphasize the interface's premium nature.

Motion rules

Motion is handled through smooth, high-quality cubic-bezier transitions for background and color changes, with linear slides for menu transitions.

en · zh-CN · zh-TW · ja · ko