47 lines
2.4 KiB
XML
47 lines
2.4 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="none">
|
|
<!-- Background circle -->
|
|
<circle cx="100" cy="100" r="90" fill="rgba(255,255,255,0.1)" stroke="rgba(255,255,255,0.2)" stroke-width="2"/>
|
|
|
|
<!-- Design canvas/artboard -->
|
|
<rect x="50" y="50" width="100" height="80" rx="8" fill="rgba(255,255,255,0.9)" stroke="rgba(255,255,255,0.3)" stroke-width="2"/>
|
|
|
|
<!-- Design elements - wireframe -->
|
|
<rect x="60" y="65" width="80" height="8" rx="4" fill="rgba(139,92,246,0.3)"/>
|
|
<rect x="60" y="80" width="50" height="6" rx="3" fill="rgba(236,72,153,0.4)"/>
|
|
<rect x="60" y="92" width="70" height="6" rx="3" fill="rgba(59,130,246,0.4)"/>
|
|
|
|
<!-- Button mockups -->
|
|
<rect x="60" y="105" width="25" height="12" rx="6" fill="rgba(34,197,94,0.6)"/>
|
|
<rect x="90" y="105" width="25" height="12" rx="6" fill="rgba(239,68,68,0.3)" stroke="rgba(239,68,68,0.5)" stroke-width="1"/>
|
|
|
|
<!-- Color palette -->
|
|
<circle cx="170" cy="60" r="8" fill="rgba(59,130,246,0.8)"/>
|
|
<circle cx="170" cy="80" r="8" fill="rgba(34,197,94,0.8)"/>
|
|
<circle cx="170" cy="100" r="8" fill="rgba(245,158,11,0.8)"/>
|
|
<circle cx="170" cy="120" r="8" fill="rgba(236,72,153,0.8)"/>
|
|
|
|
<!-- Design tools -->
|
|
<rect x="20" y="30" width="40" height="6" rx="3" fill="rgba(255,255,255,0.7)"/>
|
|
<circle cx="25" cy="33" r="2" fill="rgba(59,130,246,0.7)"/>
|
|
<circle cx="32" cy="33" r="2" fill="rgba(34,197,94,0.7)"/>
|
|
<circle cx="39" cy="33" r="2" fill="rgba(239,68,68,0.7)"/>
|
|
|
|
<!-- Cursor/pointer -->
|
|
<path d="M25 160 L35 170 L30 175 L20 170 Z" fill="rgba(255,255,255,0.8)" stroke="rgba(255,255,255,0.4)" stroke-width="1"/>
|
|
|
|
<!-- Grid lines -->
|
|
<defs>
|
|
<pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse">
|
|
<path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/>
|
|
</pattern>
|
|
</defs>
|
|
<rect x="50" y="50" width="100" height="80" fill="url(#grid)"/>
|
|
|
|
<!-- Floating design elements -->
|
|
<rect x="160" y="140" width="20" height="12" rx="6" fill="rgba(255,255,255,0.5)" stroke="rgba(255,255,255,0.3)" stroke-width="1"/>
|
|
<circle cx="30" cy="140" r="6" fill="rgba(255,255,255,0.3)" stroke="rgba(255,255,255,0.2)" stroke-width="1"/>
|
|
|
|
<!-- Typography indicator -->
|
|
<text x="25" y="180" fill="rgba(255,255,255,0.4)" font-family="serif" font-size="16" font-weight="bold">Aa</text>
|
|
<text x="150" y="180" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="12">UI/UX</text>
|
|
</svg> |
