SBR2027 · the 2027 logo rework

Logo
Journey

How our mark grew from a flat badge into a living bioreactor — rendered in real time by WebGL shaders. Five evolutionary steps, oldest first.

Tap the orange button to advance ↓

Version 01 · Departure

The original badge

A flat vector coin: white flange, eight hex nuts, and an orange culture with punched-out bubbles. Every shape is a single, static fill — simple, sturdy, and instantly readable at favicon size.

In the early wordmark, the bare culture blob stood in as the “O” of REACTOR — no vessel around it yet.

Version 02 · A first attempt

Exploring Shaders

For 2027 the badge became a far richer visual: a glass viewport flange bolted over a molten, glowing culture. Shaders — but still a rastered image. Every highlight and every bubble was painted exactly once, and can never move.

Version 03 · Taking it apart

Split into compartments

To bring it to life, the artwork was taken apart into two alpha masks. Each compartment feeds one GPU shader layer — the masks say where to draw, the shaders decide what lives there.

+

Version 04 · Adding motion

Coming alive

The first live composition: the two stacked WebGL layers, drawn on your GPU right now. The culture silhouette is still the baked mask from the original artwork — its outline can’t change — but inside it one fragment shader churns the culture, while another renders the chrome flange.

Version 05 · A living culture

final rework

Nothing here is a picture anymore. Bubbles are signed-distance fields born in GLSL — they rise, merge, and repel each other — while a procedural meniscus sloshes across the vessel. This is the exact preset running in the hero of the homepage today.

Thank you!

for exploring the rework of the 2027 SynBioReactor logo with me.