Stand Inline on a job post

About Paperbark

Rangers and ecologists record wildlife and plant surveys in places without signal: peat bogs, sea cliffs, the far end of a national park. Paperbark is the app they record them in. Every sighting, photo and GPS point is saved on the device first and syncs when there’s signal again, so a season of fieldwork never depends on one bar of 4G.

Our founder Elin started Paperbark after three months of her bat counts went into a river, notebook and all. Today we’re 40 people, profitable, and used by park services, conservation charities and research teams in 14 countries.

What you’ll do

Design how a ranger records a sighting in ten seconds, with cold hands, in the rain.
Lead the redesign of the survey builder, where ecologists plan a whole season of fieldwork.
Work in a trio with a product manager and an engineer, from the first sketch to the release.
Go out with our customers twice a year: a bird count, a river survey or a night of bat detecting.
Look after our design system across phone, tablet and web, together with the other designers.

What we’re looking for

Six or more years designing products that people depend on at work.
Strong interaction and visual craft, and the habit of testing ideas with real people early.
Experience with mobile apps, ideally ones that have to work offline, outdoors or in a hurry.
Clear writing. We’re remote and mostly asynchronous, so a lot of design happens in docs and comments.
Curiosity about the outdoors helps. You don’t need to know a curlew from a whimbrel.

What we offer

Remote in Europe Work from anywhere between UTC−1 and UTC+3.
Together twice a year The whole team meets in person, travel paid.
€150 for co-working Every month, if you’d rather not work from home.
30 days of holiday Plus the public holidays where you live.
€1,500 to learn Every year, for courses, books and conferences.
Visa and relocation Sponsorship and a paid move to the Netherlands or Portugal.

How we hire

Intro call with Noor 30 min

Noor, our talent partner, tells you about the role and the team, and asks about you. Bring any questions: pay, time zones, what a normal week looks like.
Portfolio conversation 1 hour

Two of our designers ask about two or three of your projects: the problem, your part in it, and what you’d do differently now.
The design exercise 90 min No homework

A conversation, not a take-home test. Walk us through a project you’re proud of, then we sketch together on a real, already-shipped Paperbark screen. You get the screen a day ahead. No spec work.
Meet the founders 45 min

Elin and Tomás talk about where Paperbark is going, and you can ask them anything.

You’ll have a decision within two weeks of your intro call.

Questions before you apply?

Ask here and get an answer right away. Noor from our hiring team can join the conversation.

The last line of the job post answers back

Candidates have questions they won’t email a recruiter about: is it really remote, what does it pay, is the design exercise unpaid homework? Here they ask in the last line of the job post and get the answer right under it. When a question needs a person, like a visa, someone from the hiring team joins the same conversation.

Try it

At the end of the post, click Ask anything about this role. A greeting and three suggestions fold out of the line.

Pick a suggestion or type your own question. The conversation unfolds in the post and pushes the rest of the page down. Scroll up to check a detail: the sidebar’s link takes you back to your conversation.

Ask for a person, for example about a visa. On your own site, a recruiter can take the chat over in Stand: the header switches from the AI Stand-in to their name, with a green dot instead of the AI badge.

Or : scripted, nothing is sent.

Chats here use site="demo", Stand Chat's shared demo site. Its demo Stand-in reads the page's private prompt, but it may still decline to speak for a made-up employer. With your own Site ID, your own Stand-ins answer, trained on your website.

The element

look="line" is a sentence-sized box on a rule, in the post’s own font. Until someone clicks into it, that’s all there is: no bubble, no card, just the post’s last line.

grow="unfold" is the default: the conversation grows in place and pushes the page down. Once it’s taller than --si-max-height, it scrolls inside, so a long chat never buries the post.

greeting and suggestions fold out when a candidate clicks into the line. Suggest the questions people hesitate to email about. Separate them with |.

prompt holds what a recruiter would need: pay, time zones, the hiring steps, and when to hand over to a person. Visitors don’t see it, but it’s in your HTML, so keep it to what you’d publish.

analytics-id labels the placement, so you can see which job posts draw the most questions.

Make it yours

It takes its font and text color from the page. Paperbark sets three tokens and a size, styles two parts, and uses data-state to point the sidebar back to an open conversation:

stand-inline { --si-accent: #1F4D3A; --si-visitor-bg: #EFE6D8; --si-max-height: min(76vh, 700px); font-size: 18px; } stand-inline::part(avatar) { background: #EBDDCB; color: #1F4D3A; } stand-inline::part(suggestion) { border-radius: 8px; } /* Once a conversation is going, the sidebar link points back to it. */ .when-talking { display: none; } body:has(stand-inline[data-state="conversation"]) .when-idle { display: none; } body:has(stand-inline[data-state="conversation"]) .when-talking { display: inline; }

Good to know

A person joins the same conversation. When someone on your team takes over in Stand, a line announces them and the header switches to their name. Answers the AI Stand-in gave earlier keep their AI label, so it’s always clear who said what.

Why not a floating widget? A chat window in the corner covers the description a candidate is reading. Here the conversation is part of the post: they can scroll up to check the salary or a hiring step, and it’s still where they left it.

Tell it what it doesn’t know. Visa rules, salary exceptions and personal situations are where a confident guess does harm. The prompt asks the Stand-in to say so and offer a person instead.

Copy this example

npx degit standchat/examples/stand-inline my-stand-inline

Senior Product Designer