Inspo.
← All examples

Prompt

“A vintage camera repair workshop: mechanical, brass, service-list led.”

The agent invented Ostrander Camera Works - A two-bench Portland workshop that strips, cleans and times mechanical cameras at fixed, published prices.

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

The move

The exploded Synchro-Compur in the hero is drawn as six parts stacked on a dashed optical axis, each one a top-down drawing inside a group scaled to 0.3 on the y axis so the perspective is automatic and the brass ring, iris blades, five shutter petals, toothed speed cam, mainspring and gear train all read as one lathe-turned object. Mono labels sit to the right on leader lines and hovering any label dims the rest of the stack so the part lifts out; the plate is wrapped in the same corner brackets contralabs-com puts around its hero image and captioned like a figure in a service manual. It puts the workshop's whole argument, that a camera is a mechanism you can take apart and time, above the fold before the price list makes it concrete.

What Inspo gave it

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

How it was built

The actual MCP calls, in order.

  1. recommend
    brief: vintage camera repair workshop, service-list led; detail full

    Picked feature-stack (6 hits), evidence packet said 75% grotesk-sans and light paper, returned clay-com, superlist-com, dia-com, puzzle-io, anytype-io plus the pricing "table" reference JSX (thin rules, no zebra, hover lift) and hero and spacing guidance.

  2. search_screens
    query vintage workshop craft brass serif; style vintage; limit 8

    bauhausclock-com, contralabs-com, dragcity-com, chloe-com, siena-film, analogue-co, getty-edu, idyllic-co-nz; contralabs-com was the find with its stone paper, burgundy ink and bracketed hero image.

  3. search_screens
    query price list service list table; macrostructure catalogue; paperBand light; limit 8

    One hit, emigre-com--essays-magazine-legible, the cream ledger page with the dotted rule.

  4. search_screens
    query warm earthy craftsman workshop serif; color earthy; displayClass roman-serif; limit 8

    casper-com, fermliving-com--products-muses-clio, snowpeak-com, dragcity-com, atomixnyc-com, mirazur-fr, maggieappleton-com; took the arrow links and the serif over sans body split from maggieappleton-com.

  5. search_screens
    query index-first list of items with rules, log of entries; macrostructure index-first; limit 8

    perplexity-ai, minimal-so--changelog, humaan-com, adcker-com; minimal-so--changelog became the repair log model.

  6. get_screen
    slug contralabs-com

    Full palette (#d2cbb3 paper, #652c21 ink, #bc6c4c terracotta, #98845f olive-tan), Source Serif 4 Variable as the display face, and the autopsy of the left-aligned four-line serif headline with two pill CTAs.

  7. get_screen
    slug emigre-com--essays-magazine-legible

    Palette (#e2d8c1 cream, #420404 brown, #f46425 orange) and the signature dotted rule divider.

  8. find_reference_components
    type nav

    Seven nav archetypes; took the N1 inline shape (wordmark left, mono links, one utility action right) and kept the links mono and muted.

  9. find_reference_components
    type footer

    Seven footer archetypes; built the footer on Ft8 Address card (find us, write, call, no social row) with a colophon line from Ft7 underneath.

Palette, traced

Every token, and the reference it came from.

  • --paper#e8e1cfPage ground, a lighter cut of contralabs-com's #d2cbb3 so the ledger stays readable at 17px body while keeping the stone warmth.
  • --paper-deep#d9cfb6The shipping ticket, footer band and the fill of shutter blades and lens elements in the drawings, so the illustrations sit in the same material as the page.
  • --ink#3b2016All text, rules under section heads and the solid buttons; a burgundy-brown between contralabs-com's #652c21 and emigre's #420404 so it reads as ink, not black.
  • --muted#7b6853Mono meta, faults in the log, secondary copy and table turnaround column; a tan-brown pulled from contralabs-com's olive-tan.
  • --rule#bfb296Every hairline in the tables, lists and the dotted optical axis in the drawings.
  • --brass#a87b2cThe brief's brass: step numbers, the retaining ring and threads in the shutter drawing, the helicoid lines, the delivered dot in the log and the warranty seal. Never on text blocks.
  • --oxblood#8a3826One italic phrase in the headline, hover colour, the on-the-bench status and the ray lines in the lens section. Kept rare so it lands.
Built with the Inspo MCP - try it on your own brief.← All examples