Hiring Process
A heading and lede above a four column grid of numbered interview stages with durations, closed by a candidate promises row and an open roles button.
A heading and lede above a four column grid of numbered interview stages with durations, closed by a candidate promises row and an open roles button.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Hiring Process shows a candidate exactly what happens after they apply. A heading and lede sit above a four column grid of numbered stages, each carrying a step number, a duration, a title, and a short description of what the stage involves. A bordered panel below closes with three candidate promises and a button to the open roles.
The stages are one array of step, title, duration, and description, and the promises are a small array of value and label rendered as a definition list. Four stages fit the grid cleanly and reflow to two and one column below, while the promise panel stacks its stats over the button on narrow screens. Everything follows the collection conventions, tokens, and borders.
Reach for this block on a careers page or a role posting where an opaque process is what makes good candidates drop out. Naming the stages, durations, and a paid work sample answers what am I in for and signals a company that respects a candidate's time. It pairs naturally after the culture pitch where team-voices lets future peers speak.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is a four stage interview loop with a paid work sample. Other timelines:
Tip: put the real durations on every stage, a committed timeline is the promise a candidate remembers over any perk.