Effects drawn in code for company websites
25 grounds drawn in your page colours, eight feature-card layouts, effects inside type, borders and maps, and real objects printed in dither and halftone.
25 effects. Each drawn live in the page palette.
Point at a tile or press its play button to see it move. New seed draws another picture of the same effect. Random pick deals the hero and the card grounds again.
8 card layouts. Product UI on a lit ground, cut by the panel's edge.
A sample support product, Relay, in every layout. The grounds are dealt from the quiet effects, a different one per group.
Loading the card layouts
Effects inside the page. In cards, type, borders, maps and objects.
Each part is a folder in the kit with its markup, styles and script. Parts that loop have a pause button.
Real things, printed in code. For a product with no photographs yet.
Point at an object and it leans toward you. Click it and it does one thing: the lamp switches on, the book opens.
Objects modelled in 3D
Printed in dither, halftone or engraving on a lit ground.
Photographs printed in the palette
Point at one: a loupe, parting lines or the photograph itself shows through.
Scenes
A photograph or a model taken apart, set in dots or put on a turntable.