The whole page is a text conversation on an iPhone. A friend asks if you saw the new home, sends a photo, you ask for the price, the countdown is written into the reply, and the form drops into the thread.
Copy this into Claude, fill in the blanks, and you get your own version. It is the same brief that built this one.
You are a senior product designer and a front-end engineer. Build me a coming soon landing page for one home that looks and works exactly like a text conversation on an iPhone. It has to feel real, and on a real phone the thread should fill the whole screen. THE HOME - The street (no house number): [street] - My name, as the listing agent: [your name] - One great photo with no house number in it: [photo] - When it goes public: [day and time, with time zone]. The day before is the private showing day. THE PHONE (desktop) - A hyper-real iPhone in the middle of a black page: a black titanium frame, the Dynamic Island, the status bar with 9:41, signal, wifi and battery, and a home bar. - iOS dark mode Messages: gray bubbles from them, blue bubbles from you, with real bubble tails, "Delivered" under your last text, typing dots before each of their texts, and the text box at the bottom. - A soft blue light behind the phone. Nothing else on the page. THE THREAD (it plays by itself) 1. Them: "Did you see that new home on [street] that [your name] just listed?" 2. Them: the photo. 3. You: "What's the list price? And the full address?" It waits in the text box with a pulsing send button, then sends by itself after 3 seconds. 4. Them: "It goes public in 05 days 02 hrs 44 min 05 sec. Want the price and address before then?" The numbers are a live countdown, written into the text, and every digit rolls when it changes. 5. Them: "Pop in your number and email and I'll send it over." 6. A form card drops into the thread like an iMessage app: the photo and street on top, mobile and email (both required), an iOS switch for text and email consent, and one blue button: "Send me the details." Format the phone as they type and say plainly what is missing. 7. When it sends, their number and email appear as a blue text. Then: "Got it. You're on the list." and "Want a private look [showing day], the day before it goes public?" with times as reply buttons. Tapping one sends it and confirms the time. THE FORM - It posts to my server, which emails me the lead. Only my own site can call it, a visitor can send 5 times in 10 minutes at most, and the consent switch must be on. RULES - Street names only. No house numbers, in the text or in the photo. - Count down to the real go-public time, never a made up one. - Plain, short words. No em dashes.
Every version, the prompt I gave, and what changed. Newest at the bottom.
“The perfect landing page for a coming soon listing: a countdown timer with a map of the location and maybe one photo of the home. The countdown needs to be insanely good, and I want a solid form.”@jimmymackin
“Make it look like the home value page. Everything needs to be tighter. Email is a must, and the capture needs to be a workflow, not a popup. I love the calendar idea.”@jimmymackin
“Here are two more styles I love: pliability.com and tropica.framer.website.”@jimmymackin
“Let’s cook up a Klarna version as well. Another example: cosmos.so.”@jimmymackin
“Love this design style as well: sakiproducts.com. I am trying to build a library of landing pages that can be made with prompts.”@jimmymackin
“Let’s go with a hyper-realistic iPhone and it’s a text conversation. Did you see that new home on (street) that (agent) just listed? Then a photo. Then the person replies: What is the list price? And full address? Then they type their phone number and email to get the details. Then a dynamic form appears in the text conversation.”@jimmymackin
“Make it slicker, all black. We could embed the countdown into the message. Let’s go with the one in the words and remove the text on the left.”@jimmymackin