Careers Blocks
Copy-paste React sections for careers and job pages: job listings and detail pages, benefits and perks grids, hiring process timelines, team culture and testimonials, and application forms. Each block ships as plain, editable component code, not a runtime dependency.
job-listings-list
Job Listings List
A vertical list of open roles with department badge, location, employment type, and an apply link per row.
job-openings-grid
Job Openings Grid
A responsive card grid of open roles with department badge, location, employment type, and an apply link.
department-grouped-positions
Department-Grouped Positions
Open jobs grouped under department headings with minimal single-line rows for title, location, and type.
perks-open-positions
Perks & Open Positions
A benefits icon grid followed by a list of open positions with title, department, and location.
featured-role-with-positions
Featured Role with Positions
A larger featured job card with a 'Hiring now' badge, followed by a compact list of additional openings.
tab-filtered-job-board
Tab-Filtered Job Board
Department tabs (All/Engineering/Design/Marketing) that filter which job list is shown.
culture-stats-with-positions
Culture Stats with Positions
A company culture stats bar followed by detailed job position cards with a one-line description each.
job-detail-page
Job Detail Page
A single job posting page with header, responsibilities, requirements, nice-to-haves, and an apply button.
employee-benefits-grid
Employee Benefits Grid
Responsive grid of icon cards covering health, remote work, learning budget, and more.
hiring-process-timeline
Hiring Process Timeline
Numbered step-by-step timeline walking candidates through the hiring process.
culture-values
Culture & Values
Grid of company value cards with an employee testimonial quote below.
career-growth-ladder
Career Growth Ladder
Vertical list of levels from Associate to Principal with role descriptions and key skill tags.
office-locations-grid
Office Locations Grid
Grid of office photo cards with city name, team size, and a one-line tagline.
meet-the-team-gallery
Meet the Team Gallery
Grid of square team photos with name and role captions, for a leadership showcase.
day-in-the-life-timeline
Day in the Life Timeline
Timestamped timeline of a typical workday, each entry with an icon and description.
employee-testimonials
Employee Testimonials
Grid of quote cards with avatar, name, and role for a wall of employee testimonials.
job-application-form
Job Application Form
Two-column application form with contact fields and a resume upload area alongside a position summary sidebar.
department-overview-grid
Department Overview Grid
Grid of department cards with team lead avatar, headcount, open-roles badge, and a view-roles link.
internship-program
Internship Program
Internship program highlights, a mentorship blurb, a program summary card, and an apply CTA.
diversity-inclusion
Diversity & Inclusion
Representation stat cards followed by a grid of D&I initiative cards with icon, title, and description.
compensation-total-rewards
Compensation & Total Rewards
Salary, equity, bonus, and perks cards with one featured card explaining the compensation philosophy.
employee-spotlight-story
Employee Spotlight Story
Featured employee portrait, pull-quote, and a small career-milestone timeline of role changes.
employee-referral-program
Employee Referral Program
Numbered referral steps, a bonus highlight card with a large dollar figure, and a refer-someone CTA.
onboarding-journey-preview
Onboarding Journey Preview
A first-90-days timeline with three phase cards, each showing a heading and an activity checklist.
remote-work-setup
Remote Work Setup
Two-column breakdown of remote-work equipment provided and the async work policies the team follows.
hiring-by-the-numbers
Hiring by the Numbers
Recruitment stats dashboard with top-line metric cards and a detailed hiring-stage breakdown with bars.
speculative-application-cta
Speculative Application CTA
Bottom-of-page CTA inviting general applications, with an email capture field and trust-badge row.
learning-development
Learning & Development
Four program cards covering conference budget, online courses, mentorship, and weekly tech talks.
team-events-gallery
Team Events Gallery
A masonry photo grid of company offsite and event photos with varying heights per item.
team-blog-highlights
Team Blog Highlights
Article preview cards with thumbnail, title, excerpt, and an author row for a team engineering blog.
role-comparison-table
Role Comparison Table
A real comparison table across team, skills, experience, and salary range, with a stacked-card mobile fallback.
alumni-network-showcase
Alumni Network Showcase
Cards showing former employees' career progression from their role here to their next role.
hr-job-posting-detail
HR Job Posting Detail
A formal job posting layout with responsibilities, qualifications, benefits, and a sidebar summary card.
engineering-principles
Engineering Principles
A numbered list of engineering principles, each with a large decorative counter beside a heading and description.
salary-bands-table
Salary Bands Table
Level/role rows with a visual horizontal range bar showing each band's position within the company's overall salary range, plus an equity note.
hiring-manager-profiles
Hiring Manager Profiles
Cards for team leads with photo, name, title, a short bio, and a department badge.
job-alerts-signup
Job Alerts Signup
Email subscription input and button with a trust-indicator row showing subscriber count and a no-spam note.
work-perks-bento-grid
Work Perks Bento Grid
A bento-style mosaic grid mixing a large featured photo tile with smaller icon-and-label perk tiles.
candidate-experience-guide
Candidate Experience Guide
Two columns of interview-prep tips and hiring-process commitments, with a contact footer line.
open-roles
Open Roles
A minimal, studio-style jobs list with role title, department/location meta, a salary line, and a trailing arrow icon.
benefits-perks
Benefits & Perks
Studio-style benefits grid with one accent-bordered featured card and several icon-led perk cards.
studio-culture
Studio Culture
Culture statement and value tenets beside an asymmetric three-image collage.
hiring-process
Hiring Process
Numbered, connected step flow walking through the studio's hiring process.
roles-by-department
Roles By Department
Studio-style department tabs filtering a list of open roles per department.
life-at-the-studio
Life At The Studio
Captioned masonry photo wall with an intro paragraph and a closing 'See open roles' CTA.
role-spotlight
Role Spotlight
Full job posting with a responsibilities/requirements main column and a sticky apply sidebar.
why-join-us
Why Join Us
Team stats band followed by a grid of icon-led benefit highlight cards.
join-the-studio
Join The Studio
Sticky employer-value intro column beside a scrollable open-roles list column.
benefits-breakdown
Benefits Breakdown
Four categorized benefit cards, each with a checklist of what's included.
careers-gallery-header
Careers Gallery Header
Centered intro heading over a wide photo and two portrait shots of the team.
filterable-open-roles-list
Filterable Open Roles List
Editorial roles list with a sticky culture photo and real department filter pills.