Directory Ground floor to loading bay
Every page in this mockup.
22 stops, all clickable, all running on mock data. If it’s not on this board, it doesn’t exist yet.
Marketing
The front counter
App
The sorting office
- B01Sign in/app/sign-inGitHub or Google, and nothing else to remember.
- B02Onboarding/app/onboardingName a form, pick where it goes, copy the snippet.
- B03Forms list/appEvery pigeonhole with counts, sparklines and status.
- B04Inbox: Studio contact/app/forms/k3x9q2m7abThe submission inbox with filters, search and the delivery journey.
- B05Form settings/app/forms/k3x9q2m7ab/settingsGeneral, notifications, channels, spam and the danger zone.
- B06Email & BYOK/app/account/emailPaste a Resend key, see usage against the free sender.
- B07Inbox: Tidepool beta waitlistActive/app/forms/w4itl1st9zAnother mock form, 361 submissions this month.
- B08Inbox: Tom & Priya RSVPActive/app/forms/r5vp2026tpAnother mock form, 58 submissions this month.
- B09Inbox: Blocky Bay bug reportsPaused/app/forms/bugr3p0rt5Another mock form, 9 submissions this month.
- B10Inbox: hello@achterberg.studioWaiting for confirmation/app/forms/hello@achterberg.studioAnother mock form, 1 submission this month.
System
Notices, slips and the odd returned letter
- C01Email confirmation/confirmThe one-time “want these submissions?” page for zero-signup forms.
- C02Thank-you page/thanksThe quiet default after submitting. Brandable with query params.
- C03Thank-you, branded/thanks?name=Achterberg Studio&back=https://achterberg.studio&accent=#335c67The same page with a site name, back link and accent colour.
- C04404/nopeReturn to sender. Any unknown URL lands here.
- C05Rate limited/blocked?reason=rateToo many submissions in a minute, with a live countdown.
- C06Blocked/blocked?reason=blockedA form that won’t accept posts from here, explained calmly.
- C07Challenge page/c/demoA quick human check before a held submission is released.
- C08Notification email/emailsThe “New submission” email at desktop and phone widths.
- C09Email, raw HTML/emails/new-submission.htmlThe email-safe template on its own, as a mail client sees it.
For the system pages
Query params worth knowing
The thank-you page is seen by other people’s visitors, so it borrows the site’s name and colour from the redirect. Try the branded example.
| Page | Param | Example | What it does |
|---|---|---|---|
| /thanks | name | Achterberg%20Studio | Site name shown above the message and in the back link. |
| /thanks | back | https://achterberg.studio | Where the back link goes. http and https only. Without it, the link goes back a page. |
| /thanks | accent | %23335c67 | A hex colour for the top rule, dot and underline. Never used for text, so contrast stays safe. |
| /thanks | ref | SM8%20RH0M%208DJT%207Z | A tracking number for the visitor to quote. |
| /blocked | reason | rate | blocked | Which notice to show. Defaults to rate. |