Design Aesthetic Reference

Liquid Metal

Chrome Surfaces & Mercury Flow

A futuristic design aesthetic built around the visual language of chrome, mercury, and molten metallic surfaces — where everything is reflective, everything is fluid, and nothing is quite solid.

Sculptural Chrome Letterforms

futuristic geometry, metallic depth, clean precision

Display / Orbitron 900

Mercury

Heading / Exo 2 600

Polished Steel Headings

Subheading / Space Grotesk 500

Geometric Navigation & Subheads

Body / Inter 300

Clean, neutral body text for comfortable reading against dark backgrounds. Light weight keeps the feel minimal and modern.

Condensed / Bebas Neue

TALL IMPACT DISPLAY

Label / Rajdhani 500

Technical Labels & Interface Captions

Type Scale

7rem Aa
2.8rem Aa
1.4rem Aa
3rem Aa
1rem Aa
0.75rem Aa

Font Pairings

Orbitron + Inter
Maximum contrast; bold chrome display against clean readable body

Exo 2 + Space Grotesk
Balanced futuristic pairing; both geometric, differentiated by weight

Bebas Neue + Inter
Tall condensed headlines for dramatic vertical impact

◆ ◆ ◆

Mercury & Chrome

achromatic silver tones with subtle reflected light

Void Black
#08080C
Obsidian
#121218
Dark Chrome
#1E1E28
Mercury Shadow
#3A3A48
Liquid Mercury
#757A81
Chrome Silver
#A8A9AD
Polished Steel
#C0C4CC
Mercury Bright
#D8DBDE
Specular White
#F0F2F5
Reflection Blue
#4A7FBF
Caustic Amber
#BF8A3A
Iridescent Violet
#8A6FBF
Mercury Teal
#5A8F8F
Deep Gunmetal
#2A2D35
Chrome Gradient
Multi-stop

Chrome Cards & Metallic Panels

dark surfaces with specular highlight edges

Specular Highlights

Bright white-to-silver hot spots simulate light reflecting off polished curved metal surfaces. The primary visual device of the aesthetic.

Lighting Chrome

Environmental Reflections

Subtle cool blue tints in reflective surfaces mimic the surrounding environment map reflected in curved chrome forms.

Reflection Depth

Caustic Light

Warm amber caustics appear where light concentrates through curved metallic surfaces, adding warmth to an otherwise cold palette.

Warmth Accent

Iridescent Shifts

Subtle chromatic aberration and rainbow tints in reflections add visual complexity without breaking the monochromatic foundation.

Color Subtle

Mercury Blob Forms

Rounded, amorphous silhouettes reminiscent of mercury droplets merging and separating. Organic flow over rigid geometry.

Shape Organic

Chrome Typography

Letterforms appear extruded from liquid metal with multi-stop gradients. Text treated as three-dimensional sculpture, not flat overlay.

Type 3D

Reflectivity, Fluidity & Void

Chrome surfaces need darkness around them to glow — the void is part of the composition

CSS Chrome Techniques

metallic illusions built entirely with gradients and shadows

Chrome Surface

Multi-stop vertical gradient simulates light reflecting off a cylindrical metallic form.

Shimmer Sweep

Animated light band slides across a dark surface, simulating a specular highlight in motion.

Mercury Ripple

Concentric expanding rings simulate a disturbance on a liquid mercury pool surface.

Beveled Panel

Chrome Bevel

Inset and offset shadows create the illusion of a beveled, embossed metallic edge.

Reflection Glow

Pulsing radial gradient in cool blue simulates environmental light reflected on chrome.

Chrome Frame

Metallic Frame

Multi-stop border gradient wraps a dark inner panel like a polished chrome picture frame.

Chrome Buttons

metallic gradients, glossy highlights, polished surfaces

Liquid Metal captures the uncanny beauty of mercury pooling and flowing — surfaces that are simultaneously solid and fluid, reflective yet formless. A world where everything is chrome and nothing is quite real.
— The Language of Chrome

Forge in Chrome

reflectivity • fluidity • void

The Liquid Metal aesthetic embraces dark canvases, multi-stop chrome gradients, and organic flowing forms. Ground every layout in near-black void, let specular highlights define the depth, and treat typography as sculpture.

Back to Surface