Preview image. Unlock full-res
A WebGPU ice fracture experiment for the Frostbreak agency site, where the hero logo cyclically shatters and reforms using sprite-based alpha shards built in Fable 5.1.
More like this
See all
Summary
A WebGPU ice fracture experiment for the Frostbreak agency site, where the hero logo cyclically shatters and reforms using sprite-based alpha shards built in Fable 5.1.
Visual description
A near-black homepage hero shows a large letter-like logo mark made of translucent ice at center, cracked open with dark gaps, shards and tiny fragments scattering outward to both sides. Over it sits a huge two-line light-gray sans-serif headline, with the ice mark showing through the first line. A small gray subline and two pill buttons, one filled white and one outlined, sit below, with a SCROLL cue and a thin vertical line at the bottom. A slim nav with a small logo at left, two links in the center and an outlined pill at right runs across the top.
Key takeaway
Let a 3D object break apart behind an oversized headline, so the hero's key message and the brand mark share the same space and the motion illustrates the copy.
Reuse notes
Reach for this as a ui screen reference. Pairs with experimental directions. Original by Zsolt Kacso.
