Simple

Motion Identity/System

Principles

Standard

Purposeful

Formats

Badge

Standard/Intro

Basic/Intro

Wordmark

Standard

Standard/Outro

Basic/Outro

Basic

Typography

Standard

Basic

Standard

Standard accelerate

App

Misuse

Playful

Basic

Standard

Basic

Transitions

Standard/Scroll

Do not stretch shapes or typography.

Standard/Swipe

UI animations

Do not use an animated gradient.

Standard decelerate

Do not use motion blur.

Experience Interactive Motion

Scan the QR code to download the Klarna app

Next
Next

Motion Pro