Case study · Website
A free reference database for LUFS, true peak and dynamic range — built like a music-nerd’s Wikipedia.
Nothing to sell.
A free reference for LUFS, true peak and dynamic range. No sales pitch, because there’s nothing to sell — just a music nerd’s Wikipedia.
The brief, in short
The look
There’s no sales pitch anywhere on this page, because there’s nothing to sell — it’s a public reference tool, and the design gets out of the way of that job: a dark, quiet background, one green accent circling back to the logo mark, and dense, well-organized data tables instead of marketing copy.
The one genuinely editorial touch is the featured-story card — a real before/after loudness analysis of a specific remaster, complete with album art and measured numbers. It’s the difference between a spreadsheet and a publication.
The palette
A closer look
The same quiet database, on every screen.
Three choices that carry the whole page
A real editorial comparison — “Power, Corruption & Lies: 1983 × 2008” — with album art and measured LUFS numbers sits right under the hero, turning a raw database into something worth reading, not just querying.
Genre-and-decade tiles and a most-represented-engineers grid let a visitor explore the database with no idea what they’re looking for yet — most reference tools only support visitors who already know exactly what to search.
A single circular green glyph, echoed in the accent colour throughout, does all of the brand’s visual work — no wordmark treatment or gradient required.
The process behind the page, start to finish
The Loudness Database brought us on to take a raw measurement spreadsheet and give it a home people would actually return to.
A handful of calls to understand LUFS, true peak and dynamic range well enough to design around the data honestly.
The single circular green glyph and near-black register came out of this stage — a reference tool, not a product with something to sell.
Searchable and browsable, one connected database instead of a form that only rewards people who already know what to look for.
Low-fidelity layouts to test the pacing — search, featured story, browse tiles — before any of the final visual language was applied.
A dark, quiet background and dense, well-organized tables that read as a publication, not a spreadsheet.
Pick your favorite agent — we'll open it with a question about what we do, who we're a good fit for, and how pricing works.
