gelateria.

Signal Static · batch 01

This first batch started as a playlist code after my good friend Jay asked me about driving playlists for characters and my character in The Diadem, then opened out into a broader set of music-tech clutter layouts.

The actual visual inspiration comes from the Diadem itself: retro-futurist roads, damaged little devices, borrowed cars, strange signals, old interfaces brushed metal, smoked plastic, cassette decks, portable players and display graphics.

This is batch 01: the first ten layouts in the series.

The live preview comes first, with the copyable HTML directly underneath each layout. They are also built to be mobile-compatible, with max-width: 100%, boxed layouts, and wrapping text so they shrink cleanly on smaller screens. The more detailed device-face variants still look best at tablet width and up, but nothing should spill out or break just because somebody is reading on their phone. The easiest things to customise are the title, summary, track names, times, section labels, and lyric text; colour edits are possible too, but those are baked directly into each code block rather than controlled through one quick variable swap. Please credit gelateria if used!