
<!-- Recruitera - Blog Thumbnails - Thumbnail 11 -->
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,[email protected],400;12..96,500;12..96,600;12..96,700;12..96,800&family=Estedad:wght@500;600;700;800&display=swap" rel="stylesheet">
<style>.rv{box-sizing:content-box;font-family:'Bricolage Grotesque',sans-serif;font-size:16px;line-height:normal;color:#15213a;text-align:start;letter-spacing:normal}.rv *{box-sizing:content-box}.rv b{font-weight:700}.rv svg{max-width:none}.rv p{margin:0}.rv a{color:#15213a}.rv a:hover{color:#3a4a6b}</style>
<div class="rv" style="position:relative;width:1600px;height:900px;border-radius:48px;overflow:hidden;background:#15213a">
<div style="position:absolute;right:40px;top:50px;width:800px;height:800px;border-radius:50%;border:2px solid rgba(255,255,255,.12)"></div>
<div style="position:absolute;right:170px;top:180px;width:540px;height:540px;border-radius:50%;border:2px solid rgba(255,255,255,.12)"></div>
<div style="position:absolute;right:250px;top:150px;width:420px;height:600px;border-radius:40px;transform:rotate(-12deg);background:#24345a"></div>
<div style="position:absolute;right:190px;top:130px;width:440px;height:620px;border-radius:40px;transform:rotate(-5deg);background:#33466f"></div>
<div style="position:absolute;left:104px;top:80px;bottom:80px;width:780px;display:flex;flex-direction:column;gap:40px">
<div dir="ltr" style="flex:1;display:flex;flex-direction:column;justify-content:center;gap:30px;align-items:flex-start;transform:translateX(0px)">
<div style="display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:11px 24px 11px 12px;font-family:'Bricolage Grotesque',sans-serif;font-size:25px;font-weight:700"><div style="width:36px;height:36px;border-radius:50%;background:#d4f911;color:#15213a;display:flex;align-items:center;justify-content:center;font-size:15px"><svg width="20" height="20" viewBox="0 0 24 24" style="fill:none;stroke:#15213a;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round"><path d="M4 4h4v16H4zM10 4h4v10h-4zM16 4h4v6h-4z"></path></svg></div><div style="white-space:nowrap"><span>Applicant tracking</span></div></div>
<div style="width:100%;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:84px;line-height:1.04;letter-spacing:-0.02em;color:#ffffff;text-wrap:balance"><span>How Does an ATS Work? A Stage-by-Stage Hiring Guide</span></div>
<div style="width:92%;font-family:'Bricolage Grotesque',sans-serif;font-weight:500;font-size:31px;line-height:1.42;color:rgba(255,255,255,.8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty"><span>Job opening, sourcing, screening, interviews, offer, hire: an ATS is the system connecting every one of those stages.</span></div>
</div>
</div>
<div style="position:absolute;right:84px;top:60px;display:flex;gap:14px;align-items:center;background:#ffffff;border-radius:999px;padding:12px 26px 12px 12px;box-shadow:0 20px 40px -14px rgba(10,20,40,.5);transform:rotate(-4deg);z-index:2"><div style="width:40px;height:40px;border-radius:50%;background:#d4f911;color:#15213a;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800"><svg width="22" height="22" viewBox="0 0 24 24" style="fill:none;stroke:#15213a;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round"><path d="M4 4h4v16H4zM10 4h4v10h-4zM16 4h4v6h-4z"></path></svg></div><div style="display:flex;flex-direction:column"><div style="font-size:24px;font-weight:800;color:#15213a;white-space:nowrap"><span>One pipeline</span></div><div style="font-size:16px;font-weight:600;color:#5b6070;white-space:nowrap"><span>every job, every stage</span></div></div></div>
<div style="position:absolute;right:96px;top:40px;bottom:0;width:640px;display:flex;align-items:center;justify-content:center">
<div style="width:600px;background:#fff;border-radius:36px;padding:28px;box-sizing:border-box;box-shadow:0 40px 80px -20px rgba(0,0,0,.6);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px">
<div style="background:#f3f4f1;border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:10px">
<div style="display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:700"><div><span>Applied</span></div><div style="background:#eef0ec;border-radius:8px;padding:2px 8px;font-size:15px"><span>128</span></div></div>
<div style="background:#fff;border-radius:16px;padding:12px;display:flex;gap:10px;align-items:center"><div style="width:36px;height:36px;flex:none;border-radius:50%;background:#ffd9c7;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center"><span>YA</span></div><div style="display:flex;flex-direction:column;gap:6px;flex:1"><div style="height:9px;border-radius:5px;background:#15213a;width:80%"></div><div style="height:7px;border-radius:4px;background:#d7dad3;width:70%"></div></div></div>
<div style="background:#fff;border-radius:16px;padding:12px;display:flex;gap:10px;align-items:center"><div style="width:36px;height:36px;flex:none;border-radius:50%;background:#cfe8ff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center"><span>MF</span></div><div style="display:flex;flex-direction:column;gap:6px;flex:1"><div style="height:9px;border-radius:5px;background:#15213a;width:64%"></div><div style="height:7px;border-radius:4px;background:#d7dad3;width:70%"></div></div></div>
<div style="background:#fff;border-radius:16px;padding:12px;display:flex;gap:10px;align-items:center"><div style="width:36px;height:36px;flex:none;border-radius:50%;background:#e4d7ff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center"><span>ON</span></div><div style="display:flex;flex-direction:column;gap:6px;flex:1"><div style="height:9px;border-radius:5px;background:#15213a;width:72%"></div><div style="height:7px;border-radius:4px;background:#d7dad3;width:70%"></div></div></div>
</div>
<div style="background:#f3f4f1;border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:10px">
<div style="display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:700"><div><span>Interview</span></div><div style="background:#cfe8ff;border-radius:8px;padding:2px 8px;font-size:15px"><span>24</span></div></div>
<div style="background:#fff;border-radius:16px;padding:12px;display:flex;gap:10px;align-items:center"><div style="width:36px;height:36px;flex:none;border-radius:50%;background:#cfe8ff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center"><span>YA</span></div><div style="display:flex;flex-direction:column;gap:6px;flex:1"><div style="height:9px;border-radius:5px;background:#15213a;width:80%"></div><div style="height:7px;border-radius:4px;background:#d7dad3;width:70%"></div></div></div>
<div style="background:#fff;border-radius:16px;padding:12px;display:flex;gap:10px;align-items:center"><div style="width:36px;height:36px;flex:none;border-radius:50%;background:#e4d7ff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center"><span>MF</span></div><div style="display:flex;flex-direction:column;gap:6px;flex:1"><div style="height:9px;border-radius:5px;background:#15213a;width:64%"></div><div style="height:7px;border-radius:4px;background:#d7dad3;width:70%"></div></div></div>
</div>
<div style="background:#f3f4f1;border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:10px">
<div style="display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:700"><div><span>Hired</span></div><div style="background:#d4f911;border-radius:8px;padding:2px 8px;font-size:15px"><span>6</span></div></div>
<div style="background:#fff;border-radius:16px;padding:12px;display:flex;gap:10px;align-items:center"><div style="width:36px;height:36px;flex:none;border-radius:50%;background:#e4d7ff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center"><span>YA</span></div><div style="display:flex;flex-direction:column;gap:6px;flex:1"><div style="height:9px;border-radius:5px;background:#15213a;width:80%"></div><div style="height:7px;border-radius:4px;background:#d7dad3;width:70%"></div></div></div>
</div>
</div>
</div>
</div>
How Does an ATS Work? A Stage-by-Stage Hiring Guide
how-does-an-ats-work-stage-by-stage