<svg viewBox="0 0 900 460" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>
.hdr{font-family:'Bebas Neue',sans-serif;font-size:15px;letter-spacing:.12em;fill:#EF5B00;font-weight:400}
.lbl{font-family:'DM Sans',sans-serif;font-size:14px;fill:#334155;font-weight:600}
.sub{font-family:'DM Sans',sans-serif;font-size:12px;fill:#64748b}
.home{font-family:'Bebas Neue',sans-serif;font-size:17px;letter-spacing:.06em;fill:#fff}
</style>
</defs>
<rect width="900" height="460" fill="#F8F6F2"/>
<rect x="370" y="24" width="160" height="48" rx="8" fill="#020617"/>
<text x="450" y="53" text-anchor="middle" class="home">HOMEPAGE</text>
<line x1="450" y1="72" x2="450" y2="100" stroke="#cbd5e1" stroke-width="2"/>
<line x1="150" y1="100" x2="750" y2="100" stroke="#cbd5e1" stroke-width="2"/>
<line x1="150" y1="100" x2="150" y2="120" stroke="#cbd5e1" stroke-width="2"/>
<line x1="450" y1="100" x2="450" y2="120" stroke="#cbd5e1" stroke-width="2"/>
<line x1="750" y1="100" x2="750" y2="120" stroke="#cbd5e1" stroke-width="2"/>
<g>
<rect x="40" y="120" width="220" height="40" rx="6" fill="#fff" stroke="#EF5B00" stroke-width="2"/>
<text x="150" y="145" text-anchor="middle" class="hdr">SILO 1 — PRODUCTS</text>
</g>
<g>
<rect x="340" y="120" width="220" height="40" rx="6" fill="#fff" stroke="#EF5B00" stroke-width="2"/>
<text x="450" y="145" text-anchor="middle" class="hdr">SILO 2 — SERVICES</text>
</g>
<g>
<rect x="640" y="120" width="220" height="40" rx="6" fill="#fff" stroke="#EF5B00" stroke-width="2"/>
<text x="750" y="145" text-anchor="middle" class="hdr">SILO 3 — RESOURCES</text>
</g>
<line x1="150" y1="160" x2="150" y2="180" stroke="#e2e8f0" stroke-width="2"/>
<line x1="450" y1="160" x2="450" y2="180" stroke="#e2e8f0" stroke-width="2"/>
<line x1="750" y1="160" x2="750" y2="180" stroke="#e2e8f0" stroke-width="2"/>
<g>
<rect x="40" y="190" width="220" height="230" rx="8" fill="#fff" stroke="#e2e8f0" stroke-width="1"/>
<text x="60" y="220" class="lbl">Category A</text>
<text x="60" y="248" class="lbl">Category B</text>
<text x="60" y="276" class="lbl">Category C</text>
<text x="60" y="304" class="lbl">Category D</text>
<text x="60" y="332" class="lbl">Category E</text>
<text x="60" y="360" class="sub">Each product page links</text>
<text x="60" y="378" class="sub">back to its category hub —</text>
<text x="60" y="396" class="sub">never to a sibling silo.</text>
</g>
<g>
<rect x="340" y="190" width="220" height="230" rx="8" fill="#fff" stroke="#e2e8f0" stroke-width="1"/>
<text x="360" y="220" class="lbl">Service A</text>
<text x="360" y="248" class="lbl">Service B</text>
<text x="360" y="276" class="lbl">Service C</text>
<text x="360" y="304" class="lbl">Service D</text>
<text x="360" y="332" class="lbl">Service E</text>
<text x="360" y="360" class="sub">One clear topic per</text>
<text x="360" y="378" class="sub">page — no overlap</text>
<text x="360" y="396" class="sub">with the products silo.</text>
</g>
<g>
<rect x="640" y="190" width="220" height="230" rx="8" fill="#fff" stroke="#e2e8f0" stroke-width="1"/>
<text x="660" y="220" class="lbl">Guides &amp; FAQs</text>
<text x="660" y="248" class="lbl">Blog Articles</text>
<text x="660" y="276" class="lbl">Support Docs</text>
<text x="660" y="360" class="sub">A short, flat branch —</text>
<text x="660" y="378" class="sub">reachable in one click</text>
<text x="660" y="396" class="sub">from the homepage.</text>
</g>
</svg>
