Managed SOC Architecture & Workflow
Left-to-right architecture. Source layer: customer environment telemetry (endpoint, identity, network, email, cloud, SaaS, OT). Pipeline: Data Collection & Ingestion → Data Routers → Multi-Tenant SIEM & Analytics as the central engine. Detection layer feeding the SIEM from below: Endpoint Detection (EDR), Network Detection (NDR), External Attack Surface Monitoring, Vulnerability Scanners and Private Network Security. Intelligence layer feeding the SIEM from above: Threat Intelligence Platform (TIP), Threat Feeds and APT Intelligence. Response layer to the right of the SIEM: Agentic AI and SOAR
<style>
.soc{--gx:34px;--gy:30px;display:grid;grid-template-columns:1fr 1fr 2.1fr 1.25fr;gap:var(--gy) var(--gx);align-items:start}
.soc_p{position:relative;padding:18px 16px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))}
.soc_p.is-core{border-color:rgba(230,46,45,.65)}
.soc_h{display:flex;align-items:center;gap:9px;margin:0 0 14px;font-size:15px;color:#fff;font-weight:600}
.soc_h b{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;border:1px solid #E62E2D;color:#E62E2D;font-size:11.5px;font-weight:400}
.soc_sub{margin:-9px 0 14px 31px;font-size:12.5px;color:rgba(255,255,255,.6)}
.soc_l{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.soc_l:last-child{border-bottom:0}
.soc_l .sd_ico{width:28px;height:28px;margin:0;flex:none}
.soc_l h4{margin:0;font-size:13.5px;color:#fff;font-weight:600}
.soc_l p{margin:1px 0 0;font-size:11.5px;color:rgba(255,255,255,.55)}
.soc_g{display:grid;grid-template-columns:repeat(var(--g,3),1fr);gap:12px}
.soc_c{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:12px 8px;border:1px solid rgba(255,255,255,.12);border-radius:11px}
.soc_c .sd_ico{width:32px;height:32px;margin:0}
.soc_c h4{margin:0;font-size:12.5px;color:#fff;font-weight:600}
.soc_c p{margin:0;font-size:11px;color:rgba(255,255,255,.5)}
.soc_c.is-tier h4{color:#E62E2D}
.soc_stack{display:flex;flex-direction:column;gap:var(--gy)}
.soc_b{display:flex;align-items:flex-start;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.12);border-radius:11px}
.soc_b+.soc_b{margin-top:10px}
.soc_b .sd_ico{width:30px;height:30px;margin:0;flex:none}
.soc_b h4{margin:0 0 3px;font-size:12.5px;color:#fff;font-weight:600}
.soc_b ul{margin:0;padding-left:12px;font-size:11px;line-height:1.5;color:rgba(255,255,255,.55)}
.soc_b li::marker{color:#E62E2D}
@media(max-width:1100px){.soc{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.soc{grid-template-columns:1fr}.soc_g{--g:2}}
/* --- flow connectors -------------------------------------------------
The connector CSS lives in the site's svcdiag script and was written for
a 34px column gap and a 30px row gap. This embed declared gap:16px, and
this embed loads after the script, so 16px won: every horizontal
connector ran 34px across a 16px gap and finished 18px INSIDE the next
card, and the travelling dot spent a third of its run hidden underneath
it. That is the arrow leaving the card and the bullet coming off it.
The gaps are now variables and the connectors are derived from them, so
the two can never drift apart again. -------------------------------- */
.soc .soc_p[data-fl="1"]:after,.soc .soc_p[data-fl="2"]:after,.soc .soc_p[data-fl="4"]:after{right:calc(-1 * var(--gx));width:var(--gx)}
.soc .soc_p[data-fl="3"]:after{bottom:calc(-1 * var(--gy));height:var(--gy)}
.soc .soc_p[data-fl="5"]:after,.soc .soc_p[data-fl="7"]:after{top:calc(-1 * var(--gy));height:var(--gy)}
@media(max-width:1100px){.soc{--gx:16px;--gy:16px}}
/* --- no chevrons, and 1 -> 2 -> 4 on one straight line ---------------
The client asked for lines with a travelling dot and no arrowheads, so
every connector chevron is off.
Figma puts Telemetry Ingestion 200px below Customer Environment so its
Collect/Normalise/Route rows sit level with the SIEM core's Correlation /
Threat Detection / Behaviour Analytics rows. Measured against this build
that is a 224px offset, which lands panel 2's centre on panel 4's centre
(y=350) - so the 1 -> 2 -> 4 connectors form one unbroken horizontal run
instead of three arrows at three different heights.
ponytail: 224px and 350px are measured constants, not derived - CSS
cannot centre one grid item against another in a different column. If
panel 3 (Threat Intelligence) changes height, re-measure both.
------------------------------------------------------------------- */
.soc .soc_p:before{display:none !important}
@media(min-width:1101px){
.soc .soc_p[data-fl="2"]{margin-top:224px}
.soc .soc_p[data-fl="1"]:after{top:350px}
.soc .soc_p[data-fl="2"]:after{top:126px}
}
</style>
<div class="sd" style="padding:40px 26px 50px">
<div class="soc">
<div class="soc_p" data-fl="1">
<h3 class="soc_h"><b>1</b>Customer Environment</h3>
<div class="soc_l"><svg class="sd_ico" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="12" rx="2"/><path d="M1 19h22"/><path class="r" d="M12 7l3 1.1v2.2c0 1.7-1.2 2.9-3 3.4-1.8-.5-3-1.7-3-3.4V8.1z"/></svg><div><h4>Endpoints</h4><p>EDR telemetry</p></div></div>
<div class="soc_l"><svg class="sd_ico" viewBox="0 0 24 24"><circle cx="12" cy="8" r="3.6"/><path d="M4.5 20c0-4 3.4-6.4 7.5-6.4"/><rect class="r" x="15" y="15" width="6.5" height="5.5" rx="1"/><path class="r" d="M16.6 15v-1.6a1.7 1.7 0 0 1 3.3 0V15"/></svg><div><h4>Identity</h4><p>User auth data</p></div></div>
<div class="soc_l"><svg class="sd_ico" viewBox="0 0 24 24"><path d="M2 8.5a14 14 0 0 1 20 0M5 12.5a9.5 9.5 0 0 1 14 0M8.2 16.4a5 5 0 0 1 7.6 0"/><circle class="r" cx="12" cy="20" r="1.4"/></svg><div><h4>Network</h4><p>Traffic telemetry</p></div></div>
<div class="soc_l"><svg class="sd_ico" viewBox="0 0 24 24"><rect class="r" x="2" y="5" width="20" height="14" rx="2"/><path class="r" d="M2.5 6l9.5 7 9.5-7"/></svg><div><h4>Email</h4><p>Security events</p></div></div>
<div class="soc_l"><svg class="sd_ico" viewBox="0 0 24 24"><path d="M7 18a4.2 4.2 0 0 1-.6-8.4A5.5 5.5 0 0 1 17 8.6 4.7 4.7 0 0 1 16.6 18z"/></svg><div><h4>Cloud</h4><p>Workload logs</p></div></div>
<div class="soc_l"><svg class="sd_ico" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.5"/><circle class="r" cx="12" cy="12" r="3.4"/><path d="M12 1.8v3M12 19.2v3M1.8 12h3M19.2 12h3"/></svg><div><h4>SaaS / OT</h4><p>Business & OT systems</p></div></div>
</div>
<div class="soc_p" data-fl="2">
<h3 class="soc_h"><b>2</b>Telemetry Ingestion</h3>
<div style="display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0 4px">
<svg class="sd_ico" viewBox="0 0 24 24" style="width:62px;height:62px;margin:0"><path d="M3 4h18l-7 8v7l-4 2v-9z"/><circle class="r" cx="7" cy="2" r="0.8"/><circle class="r" cx="12" cy="1.6" r="0.8"/><circle class="r" cx="17" cy="2" r="0.8"/></svg>
<p style="margin:0;font-size:13.5px;color:#fff">Collect</p>
<p style="margin:0;font-size:13.5px;color:#fff">Normalise</p>
<p style="margin:0;font-size:13.5px;color:#fff">Route</p>
</div>
</div>
<div class="soc_stack">
<div class="soc_p" data-fl="3">
<h3 class="soc_h"><b>3</b>Threat Intelligence</h3>
<div class="soc_g" style="--g:3">
<div class="soc_c"><svg class="sd_ico" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.5"/><path d="M3.5 12h17M12 3.5c2.3 2.4 3.4 5.3 3.4 8.5S14.3 18.1 12 20.5c-2.3-2.4-3.4-5.3-3.4-8.5S9.7 5.9 12 3.5z"/></svg><h4>Threat Feeds</h4></div>
<div class="soc_c"><svg class="sd_ico" viewBox="0 0 24 24"><path d="M12 2.5l8 3v6c0 4.6-3.2 8.3-8 10-4.8-1.7-8-5.4-8-10v-6z"/><circle class="r" cx="12" cy="11.5" r="2"/><path class="r" d="M12 7v2.5M12 13.5V16M8 11.5h2M14 11.5h2"/></svg><h4>Intelligence Platform</h4></div>
<div class="soc_c"><svg class="sd_ico" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.5"/><circle class="r" cx="12" cy="12" r="2.6"/><path d="M12 1.5v4M12 18.5v4M1.5 12h4M18.5 12h4"/></svg><h4>APT Intelligence</h4></div>
</div>
</div>
<div class="soc_p is-core" data-fl="4">
<h3 class="soc_h"><b>4</b>SIEM & Analytics Core</h3>
<p class="soc_sub">Multi-Tenant SIEM & Analytics</p>
<div class="soc_l"><svg class="sd_ico" viewBox="0 0 24 24"><circle class="r" cx="12" cy="12" r="2.4"/><circle cx="4" cy="6" r="1.7"/><circle cx="20" cy="6" r="1.7"/><circle cx="4" cy="18" r="1.7"/><circle cx="20" cy="18" r="1.7"/><path d="M10 10.7L5.4 7.3M14 10.6l4.6-3.3M10 13.4l-4.6 3.3M14 13.4l4.6 3.3"/></svg><h4>Correlation</h4></div>
<div class="soc_l"><svg class="sd_ico" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.5"/><circle class="r" cx="12" cy="12" r="2.6"/><path d="M12 1.5v4M12 18.5v4M1.5 12h4M18.5 12h4"/></svg><h4>Threat Detection</h4></div>
<div class="soc_l"><svg class="sd_ico" viewBox="0 0 24 24"><path d="M4 20V13M9 20V10M14 20v-6M19 20V7"/><path class="r" d="M4 9l5-4 5 3 5-5"/></svg><h4>Behaviour Analytics</h4></div>
</div>
<div class="soc_p" data-fl="5">
<h3 class="soc_h"><b>5</b>Detection Engineering</h3>
<div class="soc_g" style="--g:5">
<div class="soc_c"><svg class="sd_ico" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="12" rx="2"/><path d="M1 19h22"/><circle class="r" cx="12" cy="10" r="3"/><path class="r" d="M10.6 10l1 1 1.8-2"/></svg><h4>Endpoint Detection</h4><p>EDR</p></div>
<div class="soc_c"><svg class="sd_ico" viewBox="0 0 24 24"><path d="M2 8.5a14 14 0 0 1 20 0M5 12.5a9.5 9.5 0 0 1 14 0M8.2 16.4a5 5 0 0 1 7.6 0"/><circle class="r" cx="12" cy="20" r="1.4"/></svg><h4>Network Detection</h4><p>NDR</p></div>
<div class="soc_c"><svg class="sd_ico" viewBox="0 0 24 24"><rect x="2" y="4" width="20" height="13" rx="2"/><path d="M9 21h6M12 17v4"/><circle class="r" cx="12" cy="10.5" r="2.6"/></svg><h4>Attack Surface Monitoring</h4></div>
<div class="soc_c"><svg class="sd_ico" viewBox="0 0 24 24"><path d="M12 2.5l8 3v6c0 4.6-3.2 8.3-8 10-4.8-1.7-8-5.4-8-10v-6z"/><path class="r" d="M12 8v4.3"/><circle class="r" cx="12" cy="15.6" r="0.9"/></svg><h4>Vulnerability Intelligence</h4></div>
<div class="soc_c"><svg class="sd_ico" viewBox="0 0 24 24"><circle class="r" cx="12" cy="11" r="2.4"/><circle cx="4" cy="5.5" r="1.7"/><circle cx="20" cy="5.5" r="1.7"/><circle cx="4" cy="16.5" r="1.7"/><circle cx="20" cy="16.5" r="1.7"/><path d="M10 9.8L5.4 6.7M14 9.7l4.6-3M10 12.3l-4.6 3M14 12.3l4.6 3M12 13.4V19"/></svg><h4>Private Network Security</h4></div>
</div>
</div>
<div class="soc_p" data-fl="7">
<h3 class="soc_h"><b>7</b>SOC Analyst Operations</h3>
<div class="soc_g" style="--g:4">
<div class="soc_c is-tier"><svg class="sd_ico" viewBox="0 0 24 24"><path d="M5 13v-1.5a7 7 0 0 1 14 0V13"/><rect x="2.5" y="12.5" width="4" height="6" rx="2"/><rect x="17.5" y="12.5" width="4" height="6" rx="2"/><circle class="r" cx="12" cy="18.5" r="2.6"/></svg><h4>Tier 1</h4><p>Alert Monitoring</p></div>
<div class="soc_c is-tier"><svg class="sd_ico" viewBox="0 0 24 24"><circle cx="12" cy="7.5" r="3.4"/><path d="M5 20c0-3.8 3.1-6 7-6s7 2.2 7 6"/><circle class="r" cx="17" cy="17" r="3.2"/><path class="r" d="M19.3 19.3L21.5 21.5"/></svg><h4>Tier 2</h4><p>Investigation</p></div>
<div class="soc_c is-tier"><svg class="sd_ico" viewBox="0 0 24 24"><circle cx="11" cy="7.5" r="3.4"/><path d="M4 20c0-3.8 3.1-6 7-6"/><circle class="r" cx="16.5" cy="15.5" r="4"/><path class="r" d="M19.4 18.4L22 21"/></svg><h4>Tier 3</h4><p>Threat Hunting & Response</p></div>
<div class="soc_c is-tier"><svg class="sd_ico" viewBox="0 0 24 24"><circle cx="10" cy="7.5" r="3.4"/><path d="M3 20c0-3.8 3.1-6 7-6"/><path class="r" d="M17 11l4.5 1.7v3.1c0 2.2-1.7 3.9-4.5 4.7-2.8-.8-4.5-2.5-4.5-4.7v-3.1z"/><path class="r" d="M15.2 15.8l1.4 1.4 2.6-2.8"/></svg><h4>SOC Lead</h4><p>Oversight & Escalation</p></div>
</div>
</div>
</div>
<div class="soc_p" data-fl="6">
<h3 class="soc_h"><b>6</b>Response & Operations</h3>
<div class="soc_b"><svg class="sd_ico" viewBox="0 0 24 24"><path d="M11.5 4a4 4 0 0 0-4 4 3.4 3.4 0 0 0-1.4 6.3A3.6 3.6 0 0 0 11.5 20z"/><path class="r" d="M12.5 4a4 4 0 0 1 4 4 3.4 3.4 0 0 1 1.4 6.3A3.6 3.6 0 0 1 12.5 20z"/></svg><div><h4>Agents AI</h4><ul><li>Triage</li><li>Investigation Support</li><li>Recommendations</li></ul></div></div>
<div class="soc_b"><svg class="sd_ico" viewBox="0 0 24 24"><circle cx="10" cy="12" r="7.5"/><path class="r" d="M8 8.6l5.5 3.4L8 15.4z"/><path d="M18.5 5.5h4M18.5 12h4M18.5 18.5h4"/></svg><div><h4>SOAR Automation</h4><ul><li>Enrichment</li><li>Playbooks</li><li>Automated Response</li></ul></div></div>
<div class="soc_b"><svg class="sd_ico" viewBox="0 0 24 24"><ellipse cx="10" cy="5.5" rx="7" ry="2.8"/><path d="M3 5.5v11c0 1.6 3.1 2.8 7 2.8"/><path d="M3 11c0 1.6 3.1 2.8 7 2.8"/><circle class="r" cx="17" cy="16" r="3.6"/><path class="r" d="M19.6 18.6L22 21"/></svg><div><h4>Forensic Tools</h4><ul><li>Investigation</li><li>Evidence Collection</li></ul></div></div>
<div class="soc_b"><svg class="sd_ico" viewBox="0 0 24 24"><path d="M2.5 6.5h6l2 2.5h11V19a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 19z"/><circle class="r" cx="16" cy="15" r="3"/><path class="r" d="M18.2 17.2L20.5 19.5"/></svg><div><h4>Case Management</h4><ul><li>Timeline</li><li>Actions</li><li>Evidence</li></ul></div></div>
<div class="soc_b"><svg class="sd_ico" viewBox="0 0 24 24"><rect x="2" y="4" width="20" height="13" rx="2"/><path d="M9 21h6M12 17v4"/><path class="r" d="M7 13V9.5M10.3 13V7.5M13.6 13v-2.5M16.9 13V8.5"/></svg><div><h4>Client Reporting Portal</h4><ul><li>Dashboards</li><li>SLA Metrics</li><li>Reports</li></ul></div></div>
</div>
</div>
</div>