Prompt

“A jazz label reissuing 1960s pressings: sleeve-led, monochrome, typographic, catalogue numbers.”

The agent invented Rook Lane Recordings - A reissue label cutting out-of-print sixties jazz pressings again from the original master tapes.

Toolchain: pure + inspo
Register: light mode
Build effort: 12+ MCP calls · 5 sites studied
Self-score: 7.0 / 10

The page it shipped - live, scaledOpen full page ↗

The move

The sleeves are the design system. Six catalogue entries, RL-011 to RL-016, are each drawn as a 400 by 400 inline SVG using one variable grotesk pulled to different widths (condensed for the artist, expanded and forced to a fixed textLength for the title) and one monochrome device each: a cropped circle, vertical stripes, sixteen bars of uneven length, a dot field, a diagonal split, and the seven white rules of RL-014. Because they are vectors in the page's own type and palette, the same RL-014 sleeve is the hero object (with a grooved disc half out of it), a grid tile, and a reset back sleeve with the track listing, and the catalogue number travels with it onto the disc label, the ticker, the specs table and the artists index. Nothing on the page is uppercase, including the sleeves, which is the one deliberate departure from how a 1966 jacket would actually have been set.

What Inspo gave it

The captures it studied, and exactly what each one contributed.

Thrilljockey - The sleeve grid with no hero imagery and bold titles set under each square, on plain white, is the whole catalogue section. Its pure monochrome (black text, white ground, no accent deployed) set the palette discipline.
Xlrecordings - The 40/60 split hero with a text block on the left and a square sleeve on the right, plus the small "LP · catalogue number" badge, gave the fold and the habit of putting the catalogue number on every surface. Its red bottom ticker became a black one.
Ninjatune - The dense release grid where "the grid is the viewport" and the tiny mono metadata under each cover shaped the card captions (catalogue number, year and format, title, artist, price, status).
Emigre - The only Catalogue-macrostructure exemplar in the archive: every tile is the product speaking for itself in its own face. That is why each sleeve is a distinct typographic composition rather than a placeholder.
Lettersfromsweden Se - The stacked specimen bars (name, slider, quick-buy on one hairline row) became the five-row pressing-notes ladder: step number, heading and copy, mono spec column, hairline between rows.

How it was built

The actual MCP calls, in order.

recommend
```
brief + color monochrome, detail full
```
Picked Marquee Hero over Photographic and Feature Stack; evidence packet said grotesk-sans display at 79% and mid paper; exemplars wallpaper-com, rivian-com, factmag-com, creativereview-co-uk, swisstypefaces-com; full HeroMarquee JSX; hero fold and spacing guidance
search_screens
```
query "record label vinyl catalogue monochrome typographic", industry music, limit 8, detail full
```
xlrecordings-com, thirdmanrecords-com, daptonerecords-com, teenageengineering-com, thrilljockey-com, shure-com, dragcity-com, splice-com with fold autopsies
find_examples_for_macrostructure
```
catalogue, limit 6, detail full
```
Thin coverage: only emigre-com, with Portfolio Grid and Type Specimen named as the better-covered neighbours
search_screens
```
query "monochrome black and white typographic index grid archive", color monochrome, style monochrome, limit 8, detail full
```
ohnotype-co, minimal-so, palaisdetokyo-com, buildkite-com, studiomuseum-org, tailwindcss-com, docs-astro-build, hopper-com
find_reference_components
```
type nav
```
Seven nav archetypes with JSX; took N1 Inline (wordmark left, links inline, tighter utility cluster right)
find_reference_components
```
type footer
```
Seven footer archetypes; combined Ft8 Address and Ft7 Colophon, no social row, no four-column sitemap
get_screen
```
thrilljockey-com
```
Full record and autopsy: futura-pt, white ground, black text, no accent, 8-cover grid with bold titles
get_screen
```
xlrecordings-com
```
Full record and autopsy: Helvetica, split hero, LP badge with catalogue number, red bottom ticker
find_similar
```
thrilljockey-com, limit 6, detail full
```
works-studio, ninjatune-net, designstudio-com, emilkowal-ski, maxsiedentopf-com, julian-com; ninjatune-net and maxsiedentopf-com (single-underline filter row) were the useful ones

search_screens

query "typographic archive index numbered entries light paper editorial", macrostructure type-specimen, paperBand light, limit 6, detail full

displaay-net--about, thedesignersfoundry-com, velvetyne-fr, yuanchuan-dev, pampatype-com, lettersfromsweden-se

get_reference_jsx
```
type cta, id marquee
```
Marquee CTA source: whole strip clickable, three copies of the phrase, edge mask fade, pause on hover, reduced-motion fallback
compare
```
thrilljockey-com, ninjatune-net, emigre-com, lettersfromsweden-se
```
All four light register, minimalism + editorial shared, three to four type steps each, radius 0 everywhere, containers at 1440 or unconstrained

Palette, traced

Every token, and the reference it came from.

--paper#f3f0eaPage ground. Warm off-white rather than pure white so the black sleeves read as objects sitting on board, not holes in the screen.
--paper-2#e6e2daThe subscribe panel and the RL-012 sleeve ground; one step down so a section can change tone without a border.
--sleeve-white#fbfaf7The white sleeves. Slightly brighter than the page so a white sleeve still separates from the paper behind it.
--ink#141412Text, the black sleeves, the ticker, solid buttons. A warm near-black, not #000, to sit with the paper.
--plate#1c1b18The vinyl disc body and solid-button hover; a second black so the disc reads behind the sleeve instead of merging with it.
--muted#6b6862Secondary copy, mono metadata, the dot field on RL-015. The only grey in the type system.
--rule#cfcac0Every hairline: nav, section seams, ladder rows, specs table, index rows. Light enough to structure without drawing.

Built with the Inspo MCP - try it on your own brief.← All examples