hugo-saasify-theme/exampleSite/static/images/hero-dashboard.svg

27 lines
1.4 KiB
XML
Raw Normal View History

2024-11-29 16:53:04 +11:00
<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
<rect width="800" height="600" fill="#f3f4f6"/>
<rect x="40" y="40" width="720" height="520" rx="8" fill="#ffffff" stroke="#e5e7eb" stroke-width="2"/>
<!-- Header -->
<rect x="60" y="60" width="680" height="60" rx="4" fill="#f9fafb"/>
<circle cx="100" cy="90" r="15" fill="#60a5fa"/>
<rect x="140" y="80" width="120" height="20" rx="4" fill="#e5e7eb"/>
<!-- Charts -->
<rect x="60" y="140" width="320" height="200" rx="4" fill="#f9fafb"/>
<path d="M80 300 L140 260 L200 280 L260 220 L320 240 L360 200" stroke="#60a5fa" stroke-width="2" fill="none"/>
<!-- Stats -->
<rect x="400" y="140" width="340" height="200" rx="4" fill="#f9fafb"/>
<rect x="420" y="160" width="140" height="20" rx="4" fill="#e5e7eb"/>
<rect x="420" y="200" width="300" height="8" rx="4" fill="#60a5fa"/>
<rect x="420" y="220" width="260" height="8" rx="4" fill="#818cf8"/>
<rect x="420" y="240" width="220" height="8" rx="4" fill="#a78bfa"/>
<!-- Bottom Section -->
<rect x="60" y="360" width="680" height="180" rx="4" fill="#f9fafb"/>
<rect x="80" y="380" width="200" height="140" rx="4" fill="#ffffff" stroke="#e5e7eb" stroke-width="1"/>
<rect x="300" y="380" width="200" height="140" rx="4" fill="#ffffff" stroke="#e5e7eb" stroke-width="1"/>
<rect x="520" y="380" width="200" height="140" rx="4" fill="#ffffff" stroke="#e5e7eb" stroke-width="1"/>
</svg>