<svg viewBox="0 0 900 460" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>
.t1{font-family:'Bebas Neue',sans-serif;font-size:17px;letter-spacing:.05em;fill:#fff}
.t2{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;fill:#0b0b0c}
.t3{font-family:'DM Sans',sans-serif;font-size:12px;fill:#475569}
.click{font-family:'DM Sans',sans-serif;font-size:11px;fill:#EF5B00;font-weight:700}
</style>
</defs>
<rect width="900" height="460" fill="#F8F6F2"/>
<rect x="380" y="20" width="140" height="46" rx="8" fill="#020617"/>
<text x="450" y="49" text-anchor="middle" class="t1">HOME</text>
<text x="450" y="86" text-anchor="middle" class="click">1 click</text>
<line x1="450" y1="66" x2="450" y2="100" stroke="#94a3b8" stroke-width="2"/>
<line x1="200" y1="100" x2="700" y2="100" stroke="#94a3b8" stroke-width="2"/>
<line x1="200" y1="100" x2="200" y2="126" stroke="#94a3b8" stroke-width="2"/>
<line x1="450" y1="100" x2="450" y2="126" stroke="#94a3b8" stroke-width="2"/>
<line x1="700" y1="100" x2="700" y2="126" stroke="#94a3b8" stroke-width="2"/>
<rect x="120" y="126" width="160" height="42" rx="6" fill="#fff" stroke="#EF5B00" stroke-width="2"/>
<text x="200" y="152" text-anchor="middle" class="t2">Services</text>
<rect x="370" y="126" width="160" height="42" rx="6" fill="#fff" stroke="#EF5B00" stroke-width="2"/>
<text x="450" y="152" text-anchor="middle" class="t2">Portfolio</text>
<rect x="620" y="126" width="160" height="42" rx="6" fill="#fff" stroke="#EF5B00" stroke-width="2"/>
<text x="700" y="152" text-anchor="middle" class="t2">Blog</text>
<text x="200" y="200" text-anchor="middle" class="click">2 clicks</text>
<line x1="200" y1="168" x2="200" y2="216" stroke="#cbd5e1" stroke-width="2"/>
<rect x="90" y="216" width="220" height="150" rx="8" fill="#fff" stroke="#e2e8f0"/>
<text x="110" y="244" class="t2">Service Category</text>
<text x="110" y="268" class="t3">→ Service A</text>
<text x="110" y="290" class="t3">→ Service B</text>
<text x="110" y="312" class="t3">→ Service C</text>
<text x="110" y="334" class="t3">→ Service D</text>
<text x="110" y="356" class="click">3 clicks deep, max</text>
<line x1="450" y1="168" x2="450" y2="216" stroke="#cbd5e1" stroke-width="2"/>
<rect x="340" y="216" width="220" height="150" rx="8" fill="#fff" stroke="#e2e8f0"/>
<text x="360" y="244" class="t2">Case Studies</text>
<text x="360" y="268" class="t3">→ Project One</text>
<text x="360" y="290" class="t3">→ Project Two</text>
<text x="360" y="312" class="t3">→ Project Three</text>
<line x1="700" y1="168" x2="700" y2="216" stroke="#cbd5e1" stroke-width="2"/>
<rect x="590" y="216" width="220" height="150" rx="8" fill="#fff" stroke="#e2e8f0"/>
<text x="610" y="244" class="t2">Latest Articles</text>
<text x="610" y="268" class="t3">→ Article One</text>
<text x="610" y="290" class="t3">→ Article Two</text>
<text x="610" y="312" class="t3">→ Article Three</text>
<rect x="200" y="392" width="500" height="46" rx="8" fill="#fff" stroke="#EF5B00" stroke-width="1.5"/>
<text x="450" y="420" text-anchor="middle" class="t3" fill="#0b0b0c" font-weight="600">Every important page reachable in 2–3 clicks from the homepage</text>
</svg>
