Envision glistening sands punctuated by the shadows of towering parasols. Beautiful. Just like the shadows within our product.

Shadows in the Skyscanner product add distinction and elevation to interfaces.

Foundations Shadow Intro 02

Shadow tokens

Foundations Shadow 02


This shadow is applied to the Backpack Card component out of the box. It elevates the card above the canvas.


This is a hover state for cards where sm is the resting state.


Reserved for the elevation of specific components – for example our Floating Action Button.