Shell win kinetic value words

Summary

One word at a time, the brand values animate across a run of flat color fields, each word set in a soft italic serif that is deliberately overlapped by growing geometric shapes.

Visual description

Every state is a single edge to edge color: tomato red, emerald green, cobalt blue, then pale pink. Centered in each field is one word set in a high contrast italic serif at large size, colored a tint or two away from the ground so it sits quietly rather than shouting. Sharing appears on red with peach circles sliding in from the edges, Choice appears on green first with a single small plum dot and then over a stack of three offset plum pill shapes, Care appears on blue as yellow circles multiply around and behind the letters, and and Support closes on pink with red circles swelling from below until they eclipse most of the word. The shapes always cross the type rather than avoid it, so letters are partially covered at the end of each beat. The small connecting word and is set much smaller and tucked above the last word.

Key takeaway

Letting the geometry overlap and partially hide the type is what makes the loop feel alive. The color field changes with every word, so the palette itself becomes the transition and no wipe or slide is needed.

Reuse notes

A cheap and repeatable way to animate a values list or a manifesto for social without illustration or footage. Needs a palette with enough distinct fields to carry one per word, and needs a type color that is legible when a shape lands across it. Not suitable where every word must remain fully readable at all times.