Generate Flow
The three pages Motiff AI uses to turn a text prompt into a paid subscription — and the way each of them handles, or declines to handle, the discontinuation notice running across the top. It opens on the homepage, where the product's entire interface is reproduced as the hero: an empty prompt box with 'Tell AI what you want to design …' and four input chips (Text to UI, Wireframe to UI, Screenshot to UI, PRD to UI) sitting directly under the claim. It moves to Use cases, which is the proof — a filterable grid of finished UIs, each with a category and a one-line description of its aesthetic, answering the only question a generator has to answer. It ends on Pricing, where the free tier is metered in credits and the $16 Pro tier is priced not on quantity but on where the output can go: Figma, production React and HTML, a downloadable project. Across all three the argument narrows the same way — from what you can say, to what comes back, to what you're allowed to do with it.
The homepage — the product's only input, reproduced as the hero
Two things claim the top of this page and they disagree with each other. First, a red full-width bar: 'Motiff has been discontinued. Data export is available until October 31, 2026 — Export now.' Directly beneath it, on clean white with a faint dotted grid, a nav of Help / Use cases / Research / Pricing, and a black 'Get started' button. Then the headline — 'The best UI generator' in very large type, the final letters fading out with a sparkle — over one line of qualification: 'Focused on UI generation, built to deliver production-ready UI that plugs into your workflow.' What sits under the headline is the smartest move on the page. Instead of a screenshot of the tool, Motiff drops the tool's actual input into the hero: a large empty text box reading 'Tell AI what you want to design …' with a submit dot in the corner, and four chips underneath naming the modalities — Text to UI, Wireframe to UI, Screenshot to UI, PRD to UI. There is nothing to interpret and nothing to imagine; the product is one field, and the field is right there. It's an honest reduction of an AI tool's surface area, and it makes the page a demo rather than a description. Scroll and the register shifts twice. First to a pale grey band carrying the four-part argument — interprets your real context, holds preset stylings consistent, refines by selection, exports anywhere — each claim set beside a screenshot of the tool actually doing it. Then to full black for the benchmark pitch, and later black again for a wall of user testimonials. What never appears anywhere in that scroll is any reference to the red bar. The page is written as though the product's future is in front of it.