C-06 · Original work · 2026-09-29
Low Lantern Records
Independent record label
Label site with a 24-record catalog previewed through sound synthesized in the browser
How it was made
The record information is all fact: catalog number, format, pressing quantity and track length.
Built from catalog numbers at 60% of screen width, three primary-color blocks and backgrounds that alternate black and white.
Preview audio is synthesized in the browser to avoid copyright issues. During playback, the color blocks shake with the volume.
Audio processing stops when playback is paused or the page is left.
All 3,882 visible characters across 36 pages were measured; the lowest contrast is 6.63:1.
Key features
- Audio previews
- Catalog filter · view toggle
- Tour region filter
- Cart drawer
Where and how to use it
Fits labels and concert promoters that sell music, shows and merchandise together. Records, artists, tours and the shop are linked.
Industries
- Independent record label
- Concert promoters
- Official artist sites
Reusable screens and features
- Preview player
- Catalog filter
- Tour schedule
- Shop
Points to check
Playing real audio requires audio files and rights clearance.
After reading the document
The live site opens in a new window.
Go to site(opens in new window)