Headspace character cluster assembly loop

Headspace character cluster assembly loop, flat, illustrated, vibrant

Preview image. Unlock full-res

Flat coloured character shapes slide in around a smiling orange circle on a yellow field, hold as a group, then retract.

More like this

See all
Typenone
Palette
#F8C808
#F87808
#0FA8F5
#F878B8
#0EA85A
#161616

Summary

A looping brand animation in which four flat character shapes gather around a single smiling orange circle to form one overlapping cluster, then peel away and leave the circle alone again.

Visual description

The field is a flat saturated yellow that never changes. The loop opens with one element only: a solid orange circle carrying two closed crescent eyes and a wide open smile, sitting in the middle of the frame. The other characters then slide in and stack around it, each a single flat shape with a minimal face. A sky blue zigzag form enters from behind and above, carrying a white rounded square with two black dot eyes tucked into its first peak. A black rounded capsule with closed eyes and a short blue mouth rises on the right. A green rounded square comes in at lower left with a white lozenge holding two dot eyes laid across it. A pink quarter circle swings up on the right with two round white eyes and a long curved grin. The shapes overlap into a tight bouquet, with soft tonal shadows where one sits over another, so the group reads as a single silhouette. Small changes keep playing while the cluster holds: eyes shift and blink, the green shape's eye bar slides, the pink face's smile flattens and reopens, and a small white four point sparkle pops beside it. The group then withdraws in the order it arrived and the orange circle is left by itself to restart.

Key takeaway

Every character is one primitive shape plus a two mark face, which makes the system trivially extensible and legible at any size. Building the group by having pieces arrive and leave, rather than cutting between poses, turns a set of mascots into an idea about company. The single flat yellow ground is what lets five saturated colours coexist without noise.

Reuse notes

Useful for wellbeing, healthcare, education and community brands that need warmth without faces or photography, and for loading or empty states where a friendly loop has to hold attention. Requires strict discipline on shape count and face vocabulary, and the palette leans bright, so it will fight anything muted or clinical placed alongside it.

More like this

Keep what you find

A free account saves references to boards and can send you a weekly email of picks based on what you save.

To see every result, go Pro.