{"id":"basic-dept-jams","name":"B/D JAMS","url":"https://wunderlust.xyz/r/basic-dept-jams","category":"sites","category_label":"Award-winning sites","tags":["award-winning","scroll"],"short":"A team's weekly playlist as a stack of record covers that changes the page color with each cover","what":"Album covers are stacked like a record crate, and the whole page changes color to match the cover on top. A \"Crate, Grid\" switch toggles between the stack and a grid, and each cover shows a number, the curator and the track count.","uses":"For a front-end developer who wants to show a collection (records, books, products) with more personality than a plain grid.","benefits":["stack of covers with depth","background color follows the image","simple switch between stack and grid"],"caveats":["It is an internal project of the BASIC/DEPT agency, so it is an interface reference."],"links":{"official":"https://jams.basicagency.com/"},"image":"https://wunderlust.xyz/media/basic-dept-jams-poster.jpg","video":"https://wunderlust.xyz/media/basic-dept-jams.webm","share_image":"https://wunderlust.xyz/og/r/basic-dept-jams.jpg","similar":["floema","terminal-industries","montfort","mindmarket","ponpon-mania","pear"],"added_on":"2026-11-10","steal":"The page background changes to the dominant color of the cover on top of the stack","patterns":["carousel","editorial","drag"],"pt":{"name":"B/D JAMS","short":"Playlist semanal da equipe em forma de pilha de capas de disco, que muda a cor da página a cada capa","steal":"O fundo da página troca para a cor dominante da capa que está no topo da pilha","what":"As capas de álbum ficam empilhadas como numa caixa de discos, e a página inteira troca de cor para combinar com a capa do topo. Um seletor \"Crate, Grid\" alterna entre a pilha e uma grade, e cada capa traz número, curador e a contagem de faixas.","uses":"Para um desenvolvedor front-end que quer mostrar uma coleção (discos, livros, produtos) com mais personalidade do que uma grade comum.","benefits":["pilha de capas com profundidade","cor do fundo acompanha a imagem","troca simples entre pilha e grade"],"caveats":["É um projeto interno da agência BASIC/DEPT, serve como referência de interface."]},"schema_version":1}