About this block

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.

When to use

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

• Careers framing the team and the roles on offer

After

• Team grids showing who a candidate would join
• FAQs covering the questions the process leaves open

What you can display

One strong use is a four stage interview loop with a paid work sample. Other timelines:

• Onboarding path. The first month for a new hire as numbered stages with durations.
• Vendor evaluation. The steps a buyer walks from demo to signed contract.
• Application to grant. A program's review stages with time at each gate.

Tip: put the real durations on every stage, a committed timeline is the promise a candidate remembers over any perk.