Inspo.
← All examples

Prompt

A Tokyo ramen shop with one dish: bold, red and cream, steam, one-page menu, queue times.

The agent invented Ichiwan - A twelve-seat Sangenjaya ramen counter that has made one bowl of tantanmen, all day, since 2019.

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

The move

The bowl is the design. It is drawn entirely in SVG (cream ceramic with a red band, sesame broth, chili-oil crescent, mince, bok choy, egg, chopsticks) and sits on a deep-red disc borrowed from tempo-fit's red field, which solves the brief's steam problem: cream steam would vanish on a cream page, but over the red disc three blurred, gradient-faded strokes rise and fade on a staggered loop and read as steam from across the room. The same six ingredient colours then reappear as swatches beside each line of the menu, so the menu reads as a key to the drawing, and the queue chart's red "now" bar is fed by the same live clock that writes the wait time into the nav pill.

What Inspo gave it

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

  • OUTFIT® by ++hellohello - Pure red type on a warm beige field with nothing else in the fold; gave the paper colour (#F3EADB is a warmer cousin of its #ece3db), the red-on-cream wordmark and the confidence to let the headline carry the hero.

  • Chickfila - Giant red italic serif headline on a bright ground with the food floating in open space, no container or shadow; the hero headline in Fraunces italic red and the bowl sitting on its own with no card come from here.

  • Wagamama - Lowercase sentence-case headline with terminal periods and one solid red pill as the only CTA; the "One bowl. All day. Nothing else." cadence and the single red pill are lifted from its restraint.

  • Tempo Fit - A figure floating on a solid deep-red field; became the red disc behind the SVG bowl, which is what lets cream steam read against the cream page.

  • The Broad - Crimson panel splitting the viewport against a pale ground; the full-bleed red add-ons panel between two cream sections is that move turned horizontal.

How it was built

The actual MCP calls, in order.

  1. recommend
    brief "A Tokyo ramen shop with one dish: bold, red and cream, steam, one-page menu, queue times", detail full

    Picked Marquee Hero, exemplars bauhausclock-com, museumofmoney-com, mistral-ai, columbia-com, ritual-com; evidence said the genre sits on light paper (67%) with grotesk display; hero-fit and spacing guidance (96px median seam, padding-inline only on containers).

  2. search_screens
    query "restaurant single dish bold red menu food", industry food-beverage, limit 8, detail full

    chickfila-com, grassrootscoop-com, wagamama-com, chipotle-com, mirazur-fr, oatly-com, dinnerbyheston-com, goodeggs-com with fold autopsies; wagamama and chickfila were the two worth keeping.

  3. get_screen
    wagamama-com

    Full record: #e12e26 red accent on the CTA only, lowercase headline with periods, 5-step type scale, 24/32/48/64 spacing.

  4. get_screen
    chickfila-com

    Full record: #d40c24 red headline and buttons on white, italic serif display, food floating on a void.

  5. find_by_color
    hex #c8102e, limit 10, detail full

    tempo-fit, raycast-com, qdrant-tech, together-ai, alinapapazova-framer-ai, crackmagazine-net, thedesignersfoundry-com, chickfila-com, thebroad-org, metmuseum-org; confirmed the red family and gave tempo-fit's red field and thebroad-org's crimson panel.

  6. find_reference_components
    type hero

    Seven archetypes (documentary, manifesto, marquee, question, split-screen, stat-led, word-as-art); took the marquee's "one thought set big" and the split-screen's type-on-one-half, visual-on-the-other.

  7. find_reference_components
    type pricing

    per-use line items (grid of name, note, price with hairline rules) became the toppings and add-on lists; single-plan reinforced "the page is the menu".

  8. find_reference_components
    type stat

    bar-chart reference (pure CSS bars, figure as a typographic label, no chart library) became the queue-by-hour chart.

  9. find_reference_components
    type footer

    address card (hours, postal, no social row) shaped the hours and address section; statement footer (one big sentence, quiet sign-off) shaped the footer.

  10. search_screens
    query "bold red and cream typographic specimen single product", macrostructure specimen, accentHue warm, limit 8, detail full

    brandappart-com, fellowproducts-com, idyllic-co-nz, houseindustries-com, ecal-ch, parsons-edu, outfit-hellohello-is, jhey-dev; outfit-hellohello-is was the find.

  11. compare
    wagamama-com, chickfila-com, outfit-hellohello-is, tempo-fit

    Shared only minimalism; three of four use a 5-step type scale and radius 0 or full pill, which settled the five-token scale and the pill-only radius language.

Palette, traced

Every token, and the reference it came from.

  • --paper#f3eadbPage ground. Warmer than outfit-hellohello-is's #ece3db so the sesame broth and the cream bowl still read as a step lighter than the page.
  • --cream#fbf6ecBowl ceramic, steam, button text on red, the map card. The second half of "red and cream".
  • --ink#1a1412Body text, chart bars, the toggle. A warm near-black so hairlines and bars do not go cold against the paper.
  • --muted#6e625aEyebrows, notes under menu lines, chart labels. Brown-grey rather than neutral grey to stay in the same warm family.
  • --red#d4211fThe one accent: wordmark, headline, disc behind the bowl, chili oil, CTA pill, add-ons panel, the "now" bar. Sits between wagamama's #e12e26 and chickfila's #d40c24.
  • --red-deep#8e0f14Bowl foot, disc edge, panel gradient end, CTA hover. Taken from tempo-fit's #890416 so the red has depth instead of one flat value.
Built with the Inspo MCP - try it on your own brief.← All examples