Original vector layers.
Editable SVGs with gradients, shadows, and highlights. Their depth is an illusion created from flat artwork.
ORIGINAL INTERACTION STUDY
Flat graphics.
Real presence.
One illustration.
Three ways to bring it to life.
JavaScript demonstration · No client assets
SIGNAL / MODULE 0012D → DEPTH
LAYERS IN VIEW separated
Signal paused
Tab to the scene for focus lighting. Buttons support Enter and Space. Scroll backward to close the layers.
THE HANDOFF
A motion component.
A clear integration path.
Three independent triggers.
Scroll progress, pointer/focus response, and a click state. The same useful controls are available to touch and keyboard users.
Plain web files.
HTML, CSS, JavaScript, SVG, and integration notes. No framework or third-party runtime dependency. This is a JavaScript/SVG sample; no Rive file is supplied.
This is a representative concept, not a reconstruction of Codium’s supplied designs. Animation count, asset formats, receiving framework, Rive requirements, revision rounds, and the delivery start date require client confirmation.