Design language

B3 Long Shadow

Light from the upper left. Shadows to the lower right.

Light

One direction.

Every shadow in a frame falls at 35° to the lower right.

Move the light. Let go and it returns to 35°.

Length

In a key visual, at least 2.5 × the object's height, out of the frame.

Shadow length ×2.5

Solid

One flat colour, with a crisp edge.

Blurred

B3 shadow

Colour

Marigold and plum by day; night blue and a deeper shadow after dark.¹

Icons

Marigold ground, a cream object, a long plum shadow.

Motion

The object fades in; its shadow grows out from beneath it.

320ms · cubic-bezier(.3, .7, .2, 1)

In use

In Atmo, 14 weathers × 4 times of day each get their own sky.²