Business-in-a-Box · Design system

Jelly UI

Backlit gel meets liquid glass. Every icon is a single accent color poured into a translucent squircle — emissive core, glossy refractive surface, soft bloom, and a springy wobble on touch.

01

In context — the nav, jelly-fied

The exact BIAB sidebar, every icon button re-cast as 3D jelly. Click to move the lit state.

Drop-in replacement

Same icons. Same layout. New material.

Nothing about the information architecture changes — only the button surface. The selected item lifts and blooms (here, Helpful Links), mirroring how the live emerald link icon reads as "on".

Toggle Frosted light above to see the soft, candy tuning that matches the light dashboard; Studio dark pushes the neon, lit-from-within look of the reference popsicle.

02

The palette

One material, twelve flavors. Hover to light up, click to squish.

The spectrum

One recipe, fifty colors. Set --c to anything.

03

Tune it

Dial the recipe live, then copy the CSS straight into BIAB.

Recipe