Inspo.
← All examples

Prompt

A Kyoto ceramics studio with seasonal kiln openings: quiet, tactile, unglazed clay, object-led.

The agent invented Shirakawa Kiln - Unglazed stoneware from a Kyoto studio, wood-fired twice a year and sold only at kiln openings.

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

The move

The standout move is that every object on the page is drawn, not photographed, and drawn the way the studio would describe it: six vessels and the hero jar are symmetric SVG paths filled with three shared clay gradients (Shigaraki, Kyoto red, iron-flecked) and passed through one feTurbulence grain filter so the surface has tooth, with a translucent ash-green wash on the side that faced the flame. That lets the catalogue be honest about what an unglazed kiln sells, a type rather than a piece, while still giving each card the single-object-on-warm-beige composition that Ferm Living's product page made the reference for. The same three clay bodies then reappear as CSS swatches in the clay section, so the palette is literally the material.

What Inspo gave it

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

  • fermliving-com - The whole object language: one vessel alone on a warm beige panel, name set above a plain price, nothing else competing. Its Canela display face pushed the page toward a roman serif against the genre's grotesk gravity.

  • Walkerart - The sand paper band and the dated exhibition treatment: a craft object shown large, date and category on a rule underneath, then a ruled index list with arrows. The kiln-openings rows and the journal list are built on that shape.

  • HAY.com – latest products, designer news and retailer info - A single image plane under a quiet nav with the wordmark as the anchor. Taught the page to let the hero panel be one flat plane rather than a collage.

  • Knoll - Photo cards used as navigation with an arrow label beneath instead of an overlay; the object cards and their hover follow that restraint.

  • Magnumphotos - The centered italic serif pull quote as editorial gravity with no image at all; the studio section opens with exactly that move.

How it was built

The actual MCP calls, in order.

  1. recommend
    brief: Kyoto ceramics studio, seasonal kiln openings, quiet, tactile, unglazed, object-led; detail full

    Picked split-studio, 24-site evidence packet (mid paper, 79% grotesk display, chromatic-other accents), five agency exemplars that did not fit the brief, the split-screen hero JSX, hero and spacing guidance.

  2. search_screens
    query "ceramics pottery studio handmade objects earthy minimal", limit 8, full

    Mostly agency split-studios again; madmuseum-org (porcelain exhibition) and studio-design were the only object-adjacent hits.

  3. search_screens
    query "quiet object-led shop natural materials warm paper serif", color earthy, paperBand light, limit 8, full

    The real seam: fermliving-com--products-muses-clio, walkerart-org, fellowproducts-com--pages-app, cuyana-com--collections-work-bags, craigmod-com--about.

  4. search_screens
    query "craft furniture homeware catalogue calm", industry furniture, vibe calm, limit 8, full

    hay-com, knoll-com, artek-fi, parachutehome-com, branchfurniture-ca; confirmed warm beige paper and object-first heroes across the category.

  5. find_examples_for_macrostructure
    name catalogue, limit 6, full

    Only one exemplar (emigre-com); the tip pointed to portfolio-grid as the better-covered neighbour, which is how the objects grid was framed.

  6. get_screen
    slug fermliving-com--products-muses-clio

    Full record: #daccb8 beige ground, canela and teka, portfolio-grid, roman-serif display class on light paper.

  7. get_screen
    slug walkerart-org

    Full record: sand palette #dcbb98 / #5b4328, specimen macrostructure, ruled index rows below the hero.

  8. get_design_system
    slug fermliving-com--products-muses-clio, live false

    Type ramp (32/18/16/14), spacing 8-24-32-128, radius 0/4/50, and the source's own tokens (canvas #f7f5ef, parchment #ded1bc, coffee #655248) which seeded the palette.

  9. compare
    slugs fermliving-com--products-muses-clio, walkerart-org, hay-com, knoll-com

    Shared minimalism plus editorial, all light register, five-step type scales on the two closest references, container 1440.

  10. find_reference_components
    type footer

    Seven footer archetypes; took the address card (Ft8) since a studio's footer is a business card, and skipped the sitemap on the reference's own advice.

  11. find_reference_components
    type cta

    Seven CTA archetypes; used the form-led shape with a real success state for the kiln letters and the quiet typographic appeal for the openings rows.

  12. search_screens
    query "japanese craft studio handmade quiet serif gallery", displayClass roman-serif, paperBand light, limit 8, full

    magnumphotos-com--about-magnum (centered pull quote), maggieappleton-com (arrow-suffixed links instead of buttons), mirazur-fr--en-reservation-html (biodynamic calendar copy as reservation framing).

Palette, traced

Every token, and the reference it came from.

  • --paper#ece4d6Page ground. A bisque between Ferm Living's #daccb8 and Walker's #dcbb98, lightened so body text sits at comfortable contrast and the deeper panels still read as clay.
  • --paper-deep#ded2bfThe object panels, hero panel and map ground: the raw-clay tone every vessel is set against, pulled from Ferm Living's parchment token.
  • --ink#2a211cText and the primary pill button. An iron-brown near-black instead of pure black so the type looks printed on the paper rather than pasted.
  • --muted#766758Meta labels, secondary copy, prices' context lines. Same family as Walker's #5b4328 brown, lifted for hierarchy.
  • --rule#cfc2afEvery hairline: nav, band, openings, journal, visit list, footer. Low enough contrast to structure without drawing.
  • --clay#a9603bThe one accent: fired unglazed terracotta. Used only on the countdown, hover states, the map's studio dot and the form focus, so it reads as the fire's mark rather than a brand colour.
  • --kiln#1f1714The single dark band for the kiln section, the inside of the chamber. Paper type on it, ash-tinted muted copy, so the page has one moment of heat between two stretches of bisque.
Built with the Inspo MCP - try it on your own brief.← All examples