Inspo.
← All examples

Prompt

A tattoo studio with four artists: black ink, flash-sheet led, booking by artist.

The agent invented Sable Tattoo - A black ink only tattoo studio in Bristol with four chairs, a flash wall and booking by artist.

Toolchain
pure + inspo
Register
dark mode
Build effort
11+ MCP calls · 5 sites studied
Self-score
7.5 / 10
The page it shipped - live, scaledOpen full page ↗

The move

The fold is built like a shop: type high-left on the black void, and along the bottom edge a shelf of the actual flash, eight line drawings with prices bleeding across the full width, so a visitor sees the product before they scroll. The same eight SVG symbols are defined once and reused in the sheet below, where the filter buttons narrow them by artist and the "Book this piece" overlay pre-fills the booking form with the artist, the design name and its size, then the form's live line quotes that artist's next opening and deposit. Booking by artist is not a claim in the copy; it is what every link on the page actually does.

What Inspo gave it

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

  • Nbstudio Co Uk - The hero composition: text floating high-left on a black void, with imagery bleeding edge to edge along the bottom of the fold like a shelf. Sable's shelf is a row of line-art flash with prices, the wall the studio is built around.

  • Ohnotype - White line art on a near-black panel, bare arrow-style links instead of chrome, and radius zero throughout. This is the flash sheet: eight tiles of 1.7px white strokes on #0b0b0b, borders as hairlines, no rounding anywhere.

  • FURO Web Studio — Websites That Speak in Your Brand's Voice - A single italic serif word in warm red interrupting an otherwise grey-on-black page. Sable does this twice: "Walk in" in the headline and "So does a good tattoo." in the footer statement, and nowhere else in the copy.

  • Xlrecordings - The red ticker pinned under the hero. Here it carries the studio's house rules (walk-in days, deposit terms, black ink only, bring identification) as a moving strip in sentence case.

  • Emigre - The catalogue idea that the product is the visual: each flash tile is only the drawing, its name, its size and its price, with the artist's first name as the sole label.

How it was built

The actual MCP calls, in order.

  1. recommend
    brief "A tattoo studio with four artists: black ink, flash-sheet led, booking by artist.", detail full

    Split Studio pick with the split-screen hero JSX; evidence packet: 54% dark paper band, 58% grotesk-sans display, warm accents on a third of the set. Exemplars animaapp-com, furoweb-eu, savee-it, drams-framer-website, dropout-tv--about. Took the dark band and the furoweb italic-accent move, took a position against the grotesk consensus with a serif display.

  2. search_screens
    query "tattoo studio artists black ink flash sheet", limit 8

    nbstudio-co-uk (black void plus bottom shelf), stinkstudios-com, inkfishnyc-com, furoweb-eu, hodinkee-com, archigreendesigns-com, generalcondition-com, designstudio-com. nbstudio gave the fold.

  3. search_screens
    query "monochrome studio roster of people, index list with availability, raw editorial", macrostructure index-first, limit 6

    adcker-com, perplexity-ai, minimal-so, humaan-com. adcker's typographic index with small flanking labels informed the roster rows (number, name, style, availability, link).

  4. search_screens
    query "catalogue grid of line drawings with prices, sparse black and white, print-like", macrostructure catalogue, limit 6

    emigre-com only. Product-as-visual tiles for the flash sheet.

  5. search_screens
    query "raw brutalist black and white studio with heavy rules and mono details", vibe raw, color monochrome, limit 6

    davidzwirner-com, beauxartsparis-fr, maharishistore-com, norrona-com, xlrecordings-com, ohnotype-co. ohnotype gave the flash sheet treatment; xlrecordings gave the ticker; davidzwirner's framed-object hairlines informed the tile borders.

  6. get_screen
    slug ohnotype-co

    Full record: palette #424242 / #bcbcbc / #7f7f7f, Covik Sans plus Vulf Mono, portfolio-grid, radius 0, spacing scale 8/16/32/64/128. Confirmed the hairline-and-black-panel language.

  7. get_screen
    slug nbstudio-co-uk

    Full record: #000000 field, white type, accent only inside the imagery, scale jump only 1.5:1 display to body. Confirmed the restrained hero with the shelf carrying the visual weight.

  8. compare
    slugs furoweb-eu, ohnotype-co, nbstudio-co-uk, emigre-com

    Shared style: minimalism only; radius scales all start at 0; furoweb has 5 type steps and a 1440 container; ohnotype 1248 container. Settled on radius 0, a 1240px container and a five-token type scale.

  9. find_reference_components
    type footer

    Seven archetypes. Used the Address card (find us, write, hours) merged with the Statement (one big sentence, one quiet sign-off) and a colophon line.

  10. find_reference_components
    type faq

    Seven archetypes. Used Two-column open (question left, answer right, all visible) for aftercare, since the answers are the meat, and the Numbered list shape for the four booking steps.

  11. find_reference_components
    type pricing

    Seven archetypes. Used Per-use line items for the deposits and rates: a menu of six rows with a rate on the right, not tiered cards.

Palette, traced

Every token, and the reference it came from.

  • --paper#101010Page ground. Near-black rather than pure black so the #0b0b0b flash tiles and the map read as darker objects sitting on it, the nbstudio void without the crushed feel.
  • --panel#171716Booking form ground and the roster row hover. One step up from paper, warm-leaning so it does not read blue.
  • --ink#ebe8e0Type, stroke colour of every flash drawing, the solid button fill. Warm off-white, the tone of paper flash sheets, taken from furoweb's #d4ccd4 direction but lifted for contrast.
  • --muted#8c8a82Meta labels, supporting copy, aftercare answers, shelf price labels. Warm grey so hierarchy comes from value, not hue.
  • --rule#2b2a27Every hairline: nav, section seams, roster rows, tile grid gaps, hours table, form borders. Low enough to structure without striping.
  • --accent#c9361fThe only colour. Italic headline word, footer statement, ticker background, walk-in availability dot, the "today" row in hours, the map marker, hover state on tiles and buttons, form focus ring. A warm red in the furoweb #b42e04 family, chosen because it reads as tattoo red against black ink.
  • --accent-ink#ffffffText on the red ticker and the solid button hover, where off-white would look dirty on saturated red.
Built with the Inspo MCP - try it on your own brief.← All examples