Kode With Klossy

Brain Breaks Intro Sequence

Brain Breaks

Early one summer I collab­or­ated with Kode With Klossy to create an animated identity for program segments that allow code camp scholars an opportunity to rest and engage with the experience in a fresh way.

Creative Approach

Retreating through several layers of vivid imagery, the animation represents a mental step back: a break for the brain.

The blend of choppy and smooth motion techniques reflects a mashup of ideas in a dynamic learning environment.

Graphics

Among provided assets were the logo, fonts, an electric color palette, and a library of punchy graphic elements.

These graphics were a key feature of the art direction, bringing considerable personality and substantial vibes to the table.

Texture

Meanwhile i pre-rendered a set of animated background textures which could be applied to the designs and re-purposed from shot to shot.

The loops imbued the designs with a sense of depth and continuous evolution — that dreamy, ephemeral vibe.

Texture played a decisive role in tying everything together. Initially, my designs relied on a fairly literal implementation of brand graphics with hard lines and solid colors.

With further dialogue, we guided the creative direction toward the final result.