Open Roles
A heading above a two column layout: a ruled list of open roles with salary bands beside a numbered hiring process and application card.
A heading above a two column layout: a ruled list of open roles with salary bands beside a numbered hiring process and application card.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Open Roles presents Field Studio's current vacancies as a ruled list beside a card that explains how hiring works. Each role row carries a title, a terms line (full time, contract, remote or hybrid), a published salary band, and an apply link. To the right, a numbered card walks through three hiring steps: a portfolio review read by two principals, a paid working session on a real brief, and a decision within a week. A smaller card below invites speculative applications from people the open roles do not quite fit.
Roles and steps are two typed arrays with equal keys. The published salary band is the distinctive detail; a role that names the band, and a process that pays for the trial day, tell a candidate more about the studio than any culture paragraph.
Reach for this block as the careers or open roles section of a studio about page, or as the body of a dedicated hiring page. The installer swaps the three roles, edits the hiring steps to match their real process, and updates the speculative application address.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the open roles list with published bands and a stated process. Other careers layouts:
Tip: keep the salary band on the row rather than behind an apply click; publishing it is the whole point, and hiding it undoes the gesture.