No code yet. Here's the mockup first. Open docs/mockups/orders-empty-state.html in any browser. It follows your saved targets in docs/mockups/TARGETS.md, so there are seven boards: dark and light at your smallest phone (320 wide), your most common phone (390 wide) and a tablet, plus board G at the largest text size on the smallest phone. Everything comes from your project: colors and spacing from theme.ts, your Inter font embedded so it shows correctly offline, and the layout copied from the empty state on your Messages screen so the two match. Decisions for you: 1. Icon: I used the same outlined icon style as Messages, so your empty states look like a set. Recommended. 2. Button wording: "Browse the shop" is new, not in your strings file yet. Happy to use something else. 3. Position: centered on the screen, matching Messages. Recommended; say if you'd rather it sat near the top. Didn't fit: on board G, the subtitle wraps to three lines and pushes the button off the bottom of the screen. Options: shorten the subtitle to one sentence, or let the screen scroll. I'd shorten it. I opened every board in the browser before sending this. Nothing overlaps or gets cut off apart from board G above. Tell me what to change, or approve it and I'll build it.