Victory Boogie Woogie
Piet Mondriaan · 27 model results
View chronologyClose
Victory Boogie Woogie
Piet Mondriaan · 27 model results
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600">
<rect width="200" height="200" fill="#FFC300"/>
<rect x="200" width="200" height="200" fill="#FF5733"/>
<rect x="400" width="200" height="200" fill="#900C3F"/>
<rect y="200" width="200" height="200" fill="#540D6E"/>
<rect x="200" y="200" width="200" height="200" fill="#227093"/>
<rect x="400" y="200" width="200" height="200" fill="#77FF94"/>
<rect y="400" width="200" height="200" fill="#FFB6C1"/>
<rect x="200" y="400" width="200" height="200" fill="#FF5733"/>
<rect x="400" y="400" width="200" height="200" fill="#DAF7A6"/>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
<defs>
<g id="rect">
<rect width="50" height="50"/>
</g>
</defs>
<g fill="white" stroke="black">
<use x="0" y="0" xlink:href="#rect"/>
<use x="50" y="50" xlink:href="#rect"/>
<use x="100" y="100" xlink:href="#rect"/>
<use x="150" y="150" xlink:href="#rect"/>
<use x="200" y="200" xlink:href="#rect"/>
<use x="250" y="250" xlink:href="#rect"/>
<use x="300" y="300" xlink:href="#rect"/>
<use x="350" y="350" xlink:href="#rect"/>
<use x="400" y="400" xlink:href="#rect"/>
<use x="450" y="450" xlink:href="#rect"/>
</g>
<g fill="red" stroke="black">
<use x="50" y="0" xlink:href="#rect"/>
<use x="100" y="50" xlink:href="#rect"/>
<use x="150" y="100" xlink:href="#rect"/>
<use x="200" y="150" xlink:href="#rect"/>
<use x="250" y="200" xlink:href="#rect"/>
<use x="300" y="250" xlink:href="#rect"/>
<use x="350" y="300" xlink:href="#rect"/>
<use x="400" y="350" xlink:href="#rect"/>
<use x="450" y="400" xlink:href="#rect"/>
</g>
<g fill="blue" stroke="black">
<use x="0" y="50" xlink:href="#rect"/>
<use x="50" y="100" xlink:href="#rect"/>
<use x="100" y="150" xlink:href="#rect"/>
<use x="150" y="200" xlink:href="#rect"/>
<use x="200" y="250" xlink:href="#rect"/>
<use x="250" y="300" xlink:href="#rect"/>
<use x="300" y="350" xlink:href="#rect"/>
<use x="350" y="400" xlink:href="#rect"/>
<use x="400" y="450" xlink:href="#rect"/>
</g>
<g fill="yellow" stroke="black">
<use x="0" y="100" xlink:href="#rect"/>
<use x="50" y="150" xlink:href="#rect"/>
<use x="100" y="200" xlink:href="#rect"/>
<use x="150" y="250" xlink:href="#rect"/>
<use x="200" y="300" xlink:href="#rect"/>
<use x="250" y="350" xlink:href="#rect"/>
<use x="300" y="400" xlink:href="#rect"/>
<use x="350" y="450" xlink:href="#rect"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600">
<rect width="600" height="600" fill="#fff"/>
<g transform="translate(100,100)">
<rect x="0" y="0" width="400" height="400" fill="#fff" stroke="#000" stroke-width="3"/>
<g fill="none" stroke="#000" stroke-width="2">
<path d="M0,0 L400,400"/>
<path d="M400,0 L0,400"/>
<path d="M100,0 L100,400"/>
<path d="M200,0 L200,400"/>
<path d="M300,0 L300,400"/>
<path d="M0,100 L400,100"/>
<path d="M0,200 L400,200"/>
<path d="M0,300 L400,300"/>
</g>
<g fill="#ff0000">
<rect x="50" y="50" width="50" height="50"/>
<rect x="250" y="250" width="50" height="50"/>
</g>
<g fill="#0000ff">
<rect x="150" y="50" width="50" height="50"/>
<rect x="50" y="250" width="50" height="50"/>
</g>
<g fill="#ffff00">
<rect x="50" y="150" width="50" height="50"/>
<rect x="250" y="50" width="50" height="50"/>
</g>
<g fill="#ff0000">
<rect x="150" y="250" width="50" height="50"/>
<rect x="350" y="150" width="50" height="50"/>
</g>
<g fill="#0000ff">
<rect x="150" y="350" width="50" height="50"/>
<rect x="350" y="250" width="50" height="50"/>
</g>
<g fill="#ffff00">
<rect x="250" y="150" width="50" height="50"/>
<rect x="50" y="350" width="50" height="50"/>
</g>
</g>
</svg>
![]()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<defs>
<g id="rect">
<rect width="40" height="40" />
</g>
</defs>
<g fill="none" stroke="black" stroke-width="2">
<rect x="0" y="0" width="300" height="300" fill="#ffffff"/>
<g fill="#f8d52b">
<use href="#rect" x="20" y="20"/>
<use href="#rect" x="60" y="20"/>
<use href="#rect" x="20" y="60"/>
<use href="#rect" x="20" y="100"/>
<use href="#rect" x="100" y="60"/>
<use href="#rect" x="140" y="20"/>
<use href="#rect" x="180" y="20"/>
<use href="#rect" x="220" y="20"/>
<use href="#rect" x="60" y="100"/>
<use href="#rect" x="100" y="100"/>
<use href="#rect" x="160" y="100"/>
<use href="#rect" x="180" y="100"/>
<use href="#rect" x="240" y="60"/>
<use href="#rect" x="20" y="140"/>
<use href="#rect" x="60" y="140"/>
<use href="#rect" x="100" y="140"/>
</g>
<g fill="#d94e27">
<use href="#rect" x="240" y="100"/>
<use href="#rect" x="240" y="140"/>
<use href="#rect" x="60" y="180"/>
<use href="#rect" x="180" y="180"/>
<use href="#rect" x="140" y="180"/>
<use href="#rect" x="100" y="220"/>
<use href="#rect" x="140" y="220"/>
<use href="#rect" x="180" y="220"/>
</g>
<g fill="#00529b">
<use href="#rect" x="0" y="180"/>
<use href="#rect" x="0" y="220"/>
<use href="#rect" x="20" y="240"/>
<use href="#rect" x="100" y="240"/>
<use href="#rect" x="180" y="240"/>
<use href="#rect" x="260" y="240"/>
</g>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600" version="1.1">
<rect x="0" y="0" width="600" height="600" fill="#fff"/>
<g stroke="#000" stroke-width="2" fill="none">
<!-- Outer diamond boundary -->
<path d="M300,60 L540,300 L300,540 L60,300 Z"/>
<!-- Inner diamond boundary -->
<path d="M300,120 L480,300 L300,480 L120,300 Z"/>
</g>
<g>
<!-- Yellow squares -->
<rect x="280" y="58" width="12" height="12" fill="#ff0"/>
<rect x="332" y="110" width="14" height="14" fill="#ff0"/>
<rect x="212" y="260" width="12" height="12" fill="#ff0"/>
<rect x="455" y="278" width="16" height="16" fill="#ff0"/>
<rect x="288" y="340" width="12" height="12" fill="#ff0"/>
<rect x="205" y="390" width="14" height="14" fill="#ff0"/>
<rect x="330" y="465" width="10" height="10" fill="#ff0"/>
<rect x="380" y="428" width="10" height="10" fill="#ff0"/>
<rect x="125" y="288" width="10" height="10" fill="#ff0"/>
</g>
<g>
<!-- Red squares -->
<rect x="145" y="145" width="16" height="16" fill="#f00"/>
<rect x="225" y="195" width="14" height="14" fill="#f00"/>
<rect x="355" y="225" width="10" height="10" fill="#f00"/>
<rect x="400" y="180" width="14" height="14" fill="#f00"/>
<rect x="432" y="352" width="12" height="12" fill="#f00"/>
<rect x="265" y="450" width="14" height="14" fill="#f00"/>
<rect x="340" y="380" width="10" height="10" fill="#f00"/>
<rect x="180" y="320" width="12" height="12" fill="#f00"/>
</g>
<g>
<!-- Blue squares -->
<rect x="200" y="105" width="12" height="12" fill="#00f"/>
<rect x="455" y="135" width="16" height="16" fill="#00f"/>
<rect x="360" y="300" width="14" height="14" fill="#00f"/>
<rect x="288" y="210" width="10" height="10" fill="#00f"/>
<rect x="120" y="240" width="12" height="12" fill="#00f"/>
<rect x="400" y="480" width="16" height="16" fill="#00f"/>
<rect x="250" y="365" width="12" height="12" fill="#00f"/>
<rect x="160" y="420" width="14" height="14" fill="#00f"/>
</g>
<g>
<!-- Gray squares -->
<rect x="490" y="298" width="10" height="10" fill="#ccc"/>
<rect x="350" y="145" width="12" height="12" fill="#ccc"/>
<rect x="288" y="475" width="14" height="14" fill="#ccc"/>
<rect x="105" y="360" width="12" height="12" fill="#ccc"/>
<rect x="235" y="142" width="10" height="10" fill="#ccc"/>
<rect x="325" y="315" width="14" height="14" fill="#ccc"/>
</g>
<g stroke="#000" stroke-width="2" fill="none">
<!-- Additional black lines -->
<line x1="120" y1="120" x2="480" y2="120"/>
<line x1="120" y1="120" x2="120" y2="480"/>
<line x1="480" y1="120" x2="480" y2="480"/>
<line x1="120" y1="480" x2="480" y2="480"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600">
<g>
<rect x="0" y="0" width="600" height="600" fill="#f5f5f0"/>
<!-- Main large white diamond background -->
<g transform="rotate(45 300 300)">
<rect x="50" y="50" width="500" height="500" fill="#fffde6" stroke="#d8d8d2" stroke-width="3"/>
<!-- Yellow squares -->
<rect x="170" y="330" width="52" height="52" fill="#f2d500" stroke="#e0c200" stroke-width="2"/>
<rect x="380" y="220" width="28" height="28" fill="#ffe450" stroke="#ccba00" stroke-width="1"/>
<rect x="310" y="500" width="38" height="38" fill="#f8e770" stroke="#e0c200" stroke-width="1"/>
<!-- Red squares -->
<rect x="250" y="105" width="32" height="32" fill="#e82a2a" stroke="#ad1818" stroke-width="2"/>
<rect x="120" y="270" width="18" height="18" fill="#d2111b" stroke="#b00d19" stroke-width="1"/>
<rect x="420" y="420" width="22" height="22" fill="#f34e36" stroke="#b03a1a" stroke-width="1"/>
<!-- Blue squares -->
<rect x="340" y="170" width="24" height="24" fill="#2a57d8" stroke="#0a2870" stroke-width="1"/>
<rect x="190" y="400" width="20" height="20" fill="#457be6" stroke="#1c3b80" stroke-width="1"/>
<rect x="470" y="250" width="16" height="16" fill="#2645b0" stroke="#142359" stroke-width="1"/>
<!-- Black and grey squares -->
<rect x="370" y="340" width="15" height="15" fill="#1d1d1d" stroke="#444" stroke-width="1"/>
<rect x="290" y="470" width="20" height="20" fill="#888" stroke="#bcbcbc" stroke-width="1"/>
<!-- Small white squares with colored outlines -->
<rect x="325" y="300" width="21" height="21" fill="#fff" stroke="#f2d500" stroke-width="3"/>
<rect x="260" y="350" width="19" height="19" fill="#fff" stroke="#e82a2a" stroke-width="2"/>
<rect x="200" y="200" width="17" height="17" fill="#fff" stroke="#2a57d8" stroke-width="2"/>
<!-- Thin grid lines (vertical) -->
<g stroke="#222" stroke-width="4">
<line x1="100" y1="80" x2="100" y2="520"/>
<line x1="200" y1="80" x2="200" y2="520"/>
<line x1="300" y1="80" x2="300" y2="520"/>
<line x1="400" y1="80" x2="400" y2="520"/>
<line x1="500" y1="80" x2="500" y2="520"/>
</g>
<!-- Thin grid lines (horizontal) -->
<g stroke="#222" stroke-width="4">
<line x1="80" y1="100" x2="520" y2="100"/>
<line x1="80" y1="200" x2="520" y2="200"/>
<line x1="80" y1="300" x2="520" y2="300"/>
<line x1="80" y1="400" x2="520" y2="400"/>
<line x1="80" y1="500" x2="520" y2="500"/>
</g>
<!-- Short colored stripes (inspired by Boogie Woogie rhythm) -->
<rect x="135" y="135" width="70" height="10" fill="#f2d500"/>
<rect x="365" y="360" width="60" height="10" fill="#e82a2a"/>
<rect x="205" y="420" width="50" height="10" fill="#2a57d8"/>
<rect x="425" y="205" width="10" height="50" fill="#f2d500"/>
<rect x="145" y="365" width="10" height="60" fill="#e82a2a"/>
<rect x="340" y="135" width="10" height="70" fill="#2a57d8"/>
<!-- Extra white grid and blocks for layering -->
<rect x="290" y="290" width="55" height="55" fill="#fff" stroke="#f2d500" stroke-width="3"/>
<rect x="430" y="110" width="32" height="32" fill="#fff" stroke="#e82a2a" stroke-width="2"/>
</g>
<!-- Outer border -->
<rect x="10" y="10" width="580" height="580" fill="none" stroke="#bcbcbc" stroke-width="12"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
<rect width="800" height="800" fill="#ffffff"/>
<g id="colors">
<g fill="#e63946">
<rect x="100" y="0" width="50" height="50"/>
<rect x="250" y="150" width="50" height="50"/>
<rect x="500" y="400" width="50" height="50"/>
<rect x="700" y="50" width="50" height="50"/>
<rect x="400" y="600" width="50" height="50"/>
</g>
<g fill="#ffd500">
<rect x="350" y="0" width="50" height="50"/>
<rect x="600" y="200" width="50" height="50"/>
<rect x="150" y="350" width="50" height="50"/>
<rect x="50" y="500" width="50" height="50"/>
<rect x="550" y="700" width="50" height="50"/>
</g>
<g fill="#0e4d92">
<rect x="0" y="250" width="50" height="50"/>
<rect x="450" y="100" width="50" height="50"/>
<rect x="300" y="450" width="50" height="50"/>
<rect x="650" y="550" width="50" height="50"/>
<rect x="750" y="750" width="50" height="50"/>
</g>
<g fill="#dee2e6">
<rect x="200" y="50" width="50" height="50"/>
<rect x="100" y="450" width="50" height="50"/>
<rect x="700" y="350" width="50" height="50"/>
<rect x="500" y="650" width="50" height="50"/>
<rect x="250" y="600" width="50" height="50"/>
</g>
</g>
<g id="grid" stroke="#e0e0e0" stroke-width="4">
<line x1="0" y1="0" x2="0" y2="800"/>
<line x1="50" y1="0" x2="50" y2="800"/>
<line x1="100" y1="0" x2="100" y2="800"/>
<line x1="150" y1="0" x2="150" y2="800"/>
<line x1="200" y1="0" x2="200" y2="800"/>
<line x1="250" y1="0" x2="250" y2="800"/>
<line x1="300" y1="0" x2="300" y2="800"/>
<line x1="350" y1="0" x2="350" y2="800"/>
<line x1="400" y1="0" x2="400" y2="800"/>
<line x1="450" y1="0" x2="450" y2="800"/>
<line x1="500" y1="0" x2="500" y2="800"/>
<line x1="550" y1="0" x2="550" y2="800"/>
<line x1="600" y1="0" x2="600" y2="800"/>
<line x1="650" y1="0" x2="650" y2="800"/>
<line x1="700" y1="0" x2="700" y2="800"/>
<line x1="750" y1="0" x2="750" y2="800"/>
<line x1="800" y1="0" x2="800" y2="800"/>
<line x1="0" y1="0" x2="800" y2="0"/>
<line x1="0" y1="50" x2="800" y2="50"/>
<line x1="0" y1="100" x2="800" y2="100"/>
<line x1="0" y1="150" x2="800" y2="150"/>
<line x1="0" y1="200" x2="800" y2="200"/>
<line x1="0" y1="250" x2="800" y2="250"/>
<line x1="0" y1="300" x2="800" y2="300"/>
<line x1="0" y1="350" x2="800" y2="350"/>
<line x1="0" y1="400" x2="800" y2="400"/>
<line x1="0" y1="450" x2="800" y2="450"/>
<line x1="0" y1="500" x2="800" y2="500"/>
<line x1="0" y1="550" x2="800" y2="550"/>
<line x1="0" y1="600" x2="800" y2="600"/>
<line x1="0" y1="650" x2="800" y2="650"/>
<line x1="0" y1="700" x2="800" y2="700"/>
<line x1="0" y1="750" x2="800" y2="750"/>
<line x1="0" y1="800" x2="800" y2="800"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600">
<g transform="translate(300 300) rotate(45)">
<!-- outer neutral border -->
<rect x="-190" y="-190" width="380" height="380" fill="#d0d0d0"/>
<!-- main white field -->
<rect x="-165" y="-165" width="330" height="330" fill="#ffffff"/>
<!-- coloured rectangles -->
<!-- vertical colour band -->
<rect x="-75" y="-165" width="30" height="30" fill="#f1c40f"/>
<rect x="-75" y="-105" width="30" height="30" fill="#e63946"/>
<rect x="-75" y="-45" width="30" height="30" fill="#3498db"/>
<rect x="-75" y="15" width="30" height="30" fill="#f1c40f"/>
<rect x="-75" y="75" width="30" height="30" fill="#e63946"/>
<rect x="-75" y="135" width="30" height="30" fill="#3498db"/>
<!-- horizontal colour band -->
<rect x="-165" y="-15" width="30" height="30" fill="#3498db"/>
<rect x="-105" y="-15" width="30" height="30" fill="#f1c40f"/>
<rect x="-45" y="-15" width="30" height="30" fill="#e63946"/>
<rect x="15" y="-15" width="30" height="30" fill="#3498db"/>
<rect x="75" y="-15" width="30" height="30" fill="#f1c40f"/>
<rect x="135" y="-15" width="30" height="30" fill="#e63946"/>
<!-- scattered colour accents -->
<rect x="45" y="-105" width="30" height="30" fill="#f1c40f"/>
<rect x="-135" y="75" width="30" height="30" fill="#3498db"/>
<rect x="105" y="-135" width="30" height="30" fill="#e63946"/>
<rect x="-45" y="135" width="30" height="30" fill="#f1c40f"/>
<rect x="-15" y="-45" width="30" height="30" fill="#3498db"/>
<rect x="15" y="15" width="30" height="30" fill="#e63946"/>
<!-- grid lines -->
<g stroke="#b5b5b5" stroke-width="4">
<!-- verticals -->
<line x1="-165" y1="-165" x2="-165" y2="165"/>
<line x1="-135" y1="-165" x2="-135" y2="165"/>
<line x1="-105" y1="-165" x2="-105" y2="165"/>
<line x1="-75" y1="-165" x2="-75" y2="165"/>
<line x1="-45" y1="-165" x2="-45" y2="165"/>
<line x1="-15" y1="-165" x2="-15" y2="165"/>
<line x1="15" y1="-165" x2="15" y2="165"/>
<line x1="45" y1="-165" x2="45" y2="165"/>
<line x1="75" y1="-165" x2="75" y2="165"/>
<line x1="105" y1="-165" x2="105" y2="165"/>
<line x1="135" y1="-165" x2="135" y2="165"/>
<line x1="165" y1="-165" x2="165" y2="165"/>
<!-- horizontals -->
<line x1="-165" y1="-165" x2="165" y2="-165"/>
<line x1="-165" y1="-135" x2="165" y2="-135"/>
<line x1="-165" y1="-105" x2="165" y2="-105"/>
<line x1="-165" y1="-75" x2="165" y2="-75"/>
<line x1="-165" y1="-45" x2="165" y2="-45"/>
<line x1="-165" y1="-15" x2="165" y2="-15"/>
<line x1="-165" y1="15" x2="165" y2="15"/>
<line x1="-165" y1="45" x2="165" y2="45"/>
<line x1="-165" y1="75" x2="165" y2="75"/>
<line x1="-165" y1="105" x2="165" y2="105"/>
<line x1="-165" y1="135" x2="165" y2="135"/>
<line x1="-165" y1="165" x2="165" y2="165"/>
</g>
</g>
</svg>
![]()
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 900" width="1200" height="900" preserveAspectRatio="xMidYMid meet">
<title>Victory Boogie Woogie-inspired Mondrian composition</title>
<rect x="0" y="0" width="1200" height="900" fill="#f7f3ec"></rect>
<!-- Color blocks ( Mondrian-inspired grid ) -->
<!-- Row 1 -->
<rect x="0" y="0" width="200" height="150" fill="#ffffff"></rect>
<rect x="200" y="0" width="160" height="150" fill="#ffd400"></rect>
<rect x="360" y="0" width="160" height="150" fill="#ffffff"></rect>
<rect x="520" y="0" width="170" height="150" fill="#1b4fcd"></rect>
<rect x="690" y="0" width="170" height="150" fill="#ffffff"></rect>
<rect x="860" y="0" width="170" height="150" fill="#d62828"></rect>
<rect x="1030" y="0" width="170" height="150" fill="#ffffff"></rect>
<!-- Row 2 -->
<rect x="0" y="150" width="200" height="150" fill="#1b4fcd"></rect>
<rect x="200" y="150" width="160" height="150" fill="#ffffff"></rect>
<rect x="360" y="150" width="160" height="150" fill="#d62828"></rect>
<rect x="520" y="150" width="170" height="150" fill="#ffffff"></rect>
<rect x="690" y="150" width="170" height="150" fill="#1b4fcd"></rect>
<rect x="860" y="150" width="170" height="150" fill="#ffffff"></rect>
<rect x="1030" y="150" width="170" height="150" fill="#ffd400"></rect>
<!-- Row 3 -->
<rect x="0" y="300" width="200" height="150" fill="#ffffff"></rect>
<rect x="200" y="300" width="160" height="150" fill="#ffd400"></rect>
<rect x="360" y="300" width="160" height="150" fill="#ffffff"></rect>
<rect x="520" y="300" width="170" height="150" fill="#1b4fcd"></rect>
<rect x="690" y="300" width="170" height="150" fill="#ffffff"></rect>
<rect x="860" y="300" width="170" height="150" fill="#d62828"></rect>
<rect x="1030" y="300" width="170" height="150" fill="#ffffff"></rect>
<!-- Row 4 -->
<rect x="0" y="450" width="200" height="150" fill="#d62828"></rect>
<rect x="200" y="450" width="160" height="150" fill="#ffffff"></rect>
<rect x="360" y="450" width="160" height="150" fill="#1b4fcd"></rect>
<rect x="520" y="450" width="170" height="150" fill="#ffffff"></rect>
<rect x="690" y="450" width="170" height="150" fill="#ffd400"></rect>
<rect x="860" y="450" width="170" height="150" fill="#ffffff"></rect>
<rect x="1030" y="450" width="170" height="150" fill="#1b4fcd"></rect>
<!-- Row 5 -->
<rect x="0" y="600" width="200" height="150" fill="#ffd400"></rect>
<rect x="200" y="600" width="160" height="150" fill="#ffffff"></rect>
<rect x="360" y="600" width="160" height="150" fill="#ffffff"></rect>
<rect x="520" y="600" width="170" height="150" fill="#d62828"></rect>
<rect x="690" y="600" width="170" height="150" fill="#ffffff"></rect>
<rect x="860" y="600" width="170" height="150" fill="#1b4fcd"></rect>
<rect x="1030" y="600" width="170" height="150" fill="#ffffff"></rect>
<!-- Row 6 -->
<rect x="0" y="750" width="200" height="150" fill="#ffffff"></rect>
<rect x="200" y="750" width="160" height="150" fill="#1b4fcd"></rect>
<rect x="360" y="750" width="160" height="150" fill="#ffffff"></rect>
<rect x="520" y="750" width="170" height="150" fill="#ffd400"></rect>
<rect x="690" y="750" width="170" height="150" fill="#ffffff"></rect>
<rect x="860" y="750" width="170" height="150" fill="#ffffff"></rect>
<rect x="1030" y="750" width="170" height="150" fill="#d62828"></rect>
<!-- Mondrian-style grid lines (bold black) on top of blocks -->
<g stroke="#000" stroke-width="14" stroke-linecap="square" fill="none">
<!-- Vertical lines -->
<line x1="0" y1="0" x2="0" y2="900"></line>
<line x1="200" y1="0" x2="200" y2="900"></line>
<line x1="360" y1="0" x2="360" y2="900"></line>
<line x1="520" y1="0" x2="520" y2="900"></line>
<line x1="690" y1="0" x2="690" y2="900"></line>
<line x1="860" y1="0" x2="860" y2="900"></line>
<line x1="1030" y1="0" x2="1030" y2="900"></line>
<line x1="1200" y1="0" x2="1200" y2="900"></line>
<!-- Horizontal lines -->
<line x1="0" y1="0" x2="1200" y2="0"></line>
<line x1="0" y1="150" x2="1200" y2="150"></line>
<line x1="0" y1="300" x2="1200" y2="300"></line>
<line x1="0" y1="450" x2="1200" y2="450"></line>
<line x1="0" y1="600" x2="1200" y2="600"></line>
<line x1="0" y1="750" x2="1200" y2="750"></line>
<line x1="0" y1="900" x2="1200" y2="900"></line>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1200" width="1200" height="1200" preserveAspectRatio="xMidYMid meet">
<defs>
<g id="mosaic">
<!-- 6x6 mini-grid of small squares (20px) as a reusable mosaic tile -->
<rect x="0" y="0" width="120" height="120" fill="#ffffff"/>
<rect x="0" y="0" width="20" height="20" fill="#f7d117"/>
<rect x="20" y="0" width="20" height="20" fill="#e6e6e6"/>
<rect x="40" y="0" width="20" height="20" fill="#1e5bc6"/>
<rect x="60" y="0" width="20" height="20" fill="#ffffff"/>
<rect x="80" y="0" width="20" height="20" fill="#e23b2b"/>
<rect x="100" y="0" width="20" height="20" fill="#f7d117"/>
<rect x="0" y="20" width="20" height="20" fill="#e6e6e6"/>
<rect x="20" y="20" width="20" height="20" fill="#f7d117"/>
<rect x="40" y="20" width="20" height="20" fill="#ffffff"/>
<rect x="60" y="20" width="20" height="20" fill="#dcdcdc"/>
<rect x="80" y="20" width="20" height="20" fill="#1e5bc6"/>
<rect x="100" y="20" width="20" height="20" fill="#ffffff"/>
<rect x="0" y="40" width="20" height="20" fill="#ffffff"/>
<rect x="20" y="40" width="20" height="20" fill="#f7d117"/>
<rect x="40" y="40" width="20" height="20" fill="#e23b2b"/>
<rect x="60" y="40" width="20" height="20" fill="#f7d117"/>
<rect x="80" y="40" width="20" height="20" fill="#e6e6e6"/>
<rect x="100" y="40" width="20" height="20" fill="#1e5bc6"/>
<rect x="0" y="60" width="20" height="20" fill="#1e5bc6"/>
<rect x="20" y="60" width="20" height="20" fill="#ffffff"/>
<rect x="40" y="60" width="20" height="20" fill="#f7d117"/>
<rect x="60" y="60" width="20" height="20" fill="#e6e6e6"/>
<rect x="80" y="60" width="20" height="20" fill="#f7d117"/>
<rect x="100" y="60" width="20" height="20" fill="#ffffff"/>
<rect x="0" y="80" width="20" height="20" fill="#e23b2b"/>
<rect x="20" y="80" width="20" height="20" fill="#f7d117"/>
<rect x="40" y="80" width="20" height="20" fill="#ffffff"/>
<rect x="60" y="80" width="20" height="20" fill="#1e5bc6"/>
<rect x="80" y="80" width="20" height="20" fill="#e6e6e6"/>
<rect x="100" y="80" width="20" height="20" fill="#f7d117"/>
</g>
</defs>
<!-- Background -->
<rect x="0" y="0" width="1200" height="1200" fill="#ffffff"/>
<!-- Major colored blocks and mosaic group placements (layered under lines) -->
<g id="color-blocks">
<!-- Large white/grey fields with subtle variations -->
<rect x="20" y="20" width="560" height="320" fill="#ffffff"/>
<rect x="600" y="20" width="580" height="200" fill="#f5f5f5"/>
<rect x="20" y="360" width="360" height="260" fill="#f7f7f7"/>
<rect x="390" y="360" width="790" height="260" fill="#ffffff"/>
<!-- Prominent yellow areas -->
<rect x="20" y="640" width="240" height="220" fill="#f7d117"/>
<rect x="280" y="740" width="160" height="120" fill="#f7d117"/>
<rect x="680" y="300" width="120" height="140" fill="#f7d117"/>
<rect x="880" y="680" width="160" height="160" fill="#f7d117"/>
<!-- Blues and Reds -->
<rect x="420" y="20" width="160" height="80" fill="#1e5bc6"/>
<rect x="220" y="420" width="120" height="120" fill="#1e5bc6"/>
<rect x="540" y="620" width="140" height="80" fill="#1e5bc6"/>
<rect x="100" y="520" width="100" height="80" fill="#e23b2b"/>
<rect x="760" y="120" width="80" height="80" fill="#e23b2b"/>
<rect x="460" y="860" width="140" height="120" fill="#e23b2b"/>
<!-- Grey and subtle light blocks -->
<rect x="20" y="940" width="360" height="200" fill="#dcdcdc"/>
<rect x="420" y="720" width="200" height="160" fill="#e9e9e9"/>
<rect x="680" y="520" width="200" height="120" fill="#f1f1f1"/>
<!-- Small mosaic inserts using the defined mosaic group -->
<g transform="translate(460,140) scale(1.2)">
<use href="#mosaic" />
</g>
<g transform="translate(140,200) scale(0.9)">
<use href="#mosaic" />
</g>
<g transform="translate(760,520) scale(1)">
<use href="#mosaic" />
</g>
<g transform="translate(320,820) scale(0.85)">
<use href="#mosaic" />
</g>
<!-- Additional tiny squares and vertical/horizontal accents to mimic lively cuts -->
<rect x="590" y="260" width="20" height="40" fill="#f7d117"/>
<rect x="610" y="260" width="20" height="20" fill="#e6e6e6"/>
<rect x="630" y="260" width="12" height="40" fill="#1e5bc6"/>
<rect x="540" y="240" width="40" height="12" fill="#e23b2b"/>
<rect x="840" y="340" width="30" height="12" fill="#f7d117"/>
<!-- scattered small squares -->
<rect x="980" y="220" width="28" height="28" fill="#e23b2b"/>
<rect x="1020" y="260" width="22" height="22" fill="#f7d117"/>
<rect x="940" y="300" width="18" height="18" fill="#1e5bc6"/>
<rect x="860" y="420" width="24" height="24" fill="#dcdcdc"/>
<rect x="180" y="860" width="20" height="20" fill="#f7d117"/>
<rect x="240" y="900" width="16" height="16" fill="#1e5bc6"/>
<rect x="320" y="900" width="12" height="12" fill="#e23b2b"/>
</g>
<!-- Black gridlines and bars on top -->
<g id="grid" fill="#000000">
<!-- Vertical black bars of varying widths -->
<rect x="68" y="20" width="16" height="1160" />
<rect x="232" y="20" width="18" height="1160" />
<rect x="412" y="20" width="12" height="1160" />
<rect x="582" y="20" width="22" height="1160" />
<rect x="732" y="20" width="18" height="1160" />
<rect x="912" y="20" width="14" height="1160" />
<!-- Horizontal black bars -->
<rect x="20" y="92" width="1160" height="12" />
<rect x="20" y="248" width="1160" height="16" />
<rect x="20" y="408" width="1160" height="12" />
<rect x="20" y="548" width="1160" height="18" />
<rect x="20" y="728" width="1160" height="14" />
<rect x="20" y="908" width="1160" height="12" />
</g>
<!-- Thin separators and subtle interior black accents -->
<g id="fine-accents" fill="#000000">
<rect x="300" y="20" width="4" height="260" />
<rect x="520" y="380" width="4" height="360" />
<rect x="840" y="20" width="4" height="300" />
<rect x="660" y="520" width="4" height="300" />
<rect x="420" y="660" width="4" height="420" />
<rect x="160" y="420" width="4" height="420" />
<rect x="20" y="560" width="1160" height="2" />
<rect x="20" y="700" width="1160" height="2" />
</g>
<!-- Crisp outer frame edge -->
<g id="frame">
<rect x="0" y="0" width="1200" height="1200" fill="none" stroke="#000000" stroke-width="8"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1000" height="1000" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%" fill="#f5f2ea"/>
<g id="victory-boogie-woogie" transform="translate(500,500) rotate(45) translate(-380,-380)">
<rect x="0" y="0" width="760" height="760" fill="#faf7f0" stroke="#e6e0d7" stroke-width="10"/>
<g id="grid">
<path d="M40 0 L40 760 M80 0 L80 760 M120 0 L120 760 M160 0 L160 760 M200 0 L200 760 M240 0 L240 760 M280 0 L280 760 M320 0 L320 760 M360 0 L360 760 M400 0 L400 760 M440 0 L440 760 M480 0 L480 760 M520 0 L520 760 M560 0 L560 760 M600 0 L600 760 M640 0 L640 760 M680 0 L680 760 M720 0 L720 760" stroke="#cec7bc" stroke-width="3" fill="none"/>
<path d="M0 40 L760 40 M0 80 L760 80 M0 120 L760 120 M0 160 L760 160 M0 200 L760 200 M0 240 L760 240 M0 280 L760 280 M0 320 L760 320 M0 360 L760 360 M0 400 L760 400 M0 440 L760 440 M0 480 L760 480 M0 520 L760 520 M0 560 L760 560 M0 600 L760 600 M0 640 L760 640 M0 680 L760 680 M0 720 L760 720" stroke="#cec7bc" stroke-width="3" fill="none"/>
</g>
<g id="diagonal-bands">
<g id="diag1">
<rect x="49" y="49" width="22" height="22" fill="#f2cf2f"/>
<rect x="89" y="89" width="22" height="22" fill="#1f4fa3"/>
<rect x="129" y="129" width="22" height="22" fill="#d71c24"/>
<rect x="169" y="169" width="22" height="22" fill="#f2cf2f"/>
<rect x="209" y="209" width="22" height="22" fill="#bdb7ab"/>
<rect x="249" y="249" width="22" height="22" fill="#1f4fa3"/>
<rect x="289" y="289" width="22" height="22" fill="#d71c24"/>
<rect x="329" y="329" width="22" height="22" fill="#f2cf2f"/>
<rect x="369" y="369" width="22" height="22" fill="#1f4fa3"/>
<rect x="409" y="409" width="22" height="22" fill="#d71c24"/>
<rect x="449" y="449" width="22" height="22" fill="#f2cf2f"/>
<rect x="489" y="489" width="22" height="22" fill="#bdb7ab"/>
<rect x="529" y="529" width="22" height="22" fill="#1f4fa3"/>
<rect x="569" y="569" width="22" height="22" fill="#d71c24"/>
<rect x="609" y="609" width="22" height="22" fill="#f2cf2f"/>
<rect x="649" y="649" width="22" height="22" fill="#1f4fa3"/>
<rect x="689" y="689" width="22" height="22" fill="#d71c24"/>
</g>
<g id="diag2">
<rect x="689" y="49" width="22" height="22" fill="#1f4fa3"/>
<rect x="649" y="89" width="22" height="22" fill="#f2cf2f"/>
<rect x="609" y="129" width="22" height="22" fill="#d71c24"/>
<rect x="569" y="169" width="22" height="22" fill="#1f4fa3"/>
<rect x="529" y="209" width="22" height="22" fill="#f2cf2f"/>
<rect x="489" y="249" width="22" height="22" fill="#bdb7ab"/>
<rect x="449" y="289" width="22" height="22" fill="#1f4fa3"/>
<rect x="409" y="329" width="22" height="22" fill="#d71c24"/>
<rect x="369" y="369" width="22" height="22" fill="#f2cf2f"/>
<rect x="329" y="409" width="22" height="22" fill="#1f4fa3"/>
<rect x="289" y="449" width="22" height="22" fill="#d71c24"/>
<rect x="249" y="489" width="22" height="22" fill="#f2cf2f"/>
<rect x="209" y="529" width="22" height="22" fill="#bdb7ab"/>
<rect x="169" y="569" width="22" height="22" fill="#1f4fa3"/>
<rect x="129" y="609" width="22" height="22" fill="#d71c24"/>
<rect x="89" y="649" width="22" height="22" fill="#f2cf2f"/>
<rect x="49" y="689" width="22" height="22" fill="#1f4fa3"/>
</g>
<g id="diag1-bands">
<rect x="49" y="71" width="18" height="18" fill="#f2cf2f"/>
<rect x="89" y="111" width="18" height="18" fill="#bdb7ab"/>
<rect x="129" y="151" width="18" height="18" fill="#1f4fa3"/>
<rect x="169" y="191" width="18" height="18" fill="#f2cf2f"/>
<rect x="209" y="231" width="18" height="18" fill="#d71c24"/>
<rect x="249" y="271" width="18" height="18" fill="#1f4fa3"/>
<rect x="289" y="311" width="18" height="18" fill="#f2cf2f"/>
<rect x="329" y="351" width="18" height="18" fill="#bdb7ab"/>
<rect x="369" y="391" width="18" height="18" fill="#1f4fa3"/>
<rect x="409" y="431" width="18" height="18" fill="#f2cf2f"/>
<rect x="449" y="471" width="18" height="18" fill="#d71c24"/>
<rect x="489" y="511" width="18" height="18" fill="#1f4fa3"/>
<rect x="529" y="551" width="18" height="18" fill="#f2cf2f"/>
<rect x="569" y="591" width="18" height="18" fill="#bdb7ab"/>
<rect x="609" y="631" width="18" height="18" fill="#1f4fa3"/>
<rect x="649" y="671" width="18" height="18" fill="#f2cf2f"/>
<rect x="689" y="711" width="18" height="18" fill="#d71c24"/>
</g>
<g id="diag2-bands">
<rect x="711" y="49" width="18" height="18" fill="#f2cf2f"/>
<rect x="671" y="89" width="18" height="18" fill="#1f4fa3"/>
<rect x="631" y="129" width="18" height="18" fill="#f2cf2f"/>
<rect x="591" y="169" width="18" height="18" fill="#d71c24"/>
<rect x="551" y="209" width="18" height="18" fill="#1f4fa3"/>
<rect x="511" y="249" width="18" height="18" fill="#f2cf2f"/>
<rect x="471" y="289" width="18" height="18" fill="#bdb7ab"/>
<rect x="431" y="329" width="18" height="18" fill="#1f4fa3"/>
<rect x="391" y="369" width="18" height="18" fill="#f2cf2f"/>
<rect x="351" y="409" width="18" height="18" fill="#d71c24"/>
<rect x="311" y="449" width="18" height="18" fill="#1f4fa3"/>
<rect x="271" y="489" width="18" height="18" fill="#f2cf2f"/>
<rect x="231" y="529" width="18" height="18" fill="#bdb7ab"/>
<rect x="191" y="569" width="18" height="18" fill="#1f4fa3"/>
<rect x="151" y="609" width="18" height="18" fill="#f2cf2f"/>
<rect x="111" y="649" width="18" height="18" fill="#d71c24"/>
<rect x="71" y="689" width="18" height="18" fill="#1f4fa3"/>
</g>
</g>
<g id="central-checker">
<g transform="translate(290,290)">
<rect x="0" y="0" width="180" height="180" fill="none"/>
<rect x="6" y="6" width="24" height="24" fill="#d71c24"/>
<rect x="36" y="6" width="24" height="24" fill="#1f4fa3"/>
<rect x="66" y="6" width="24" height="24" fill="#f2cf2f"/>
<rect x="96" y="6" width="24" height="24" fill="#1f4fa3"/>
<rect x="126" y="6" width="24" height="24" fill="#d71c24"/>
<rect x="6" y="36" width="24" height="24" fill="#1f4fa3"/>
<rect x="36" y="36" width="24" height="24" fill="#f2cf2f"/>
<rect x="66" y="36" width="24" height="24" fill="#1f4fa3"/>
<rect x="96" y="36" width="24" height="24" fill="#d71c24"/>
<rect x="126" y="36" width="24" height="24" fill="#f2cf2f"/>
<rect x="6" y="66" width="24" height="24" fill="#f2cf2f"/>
<rect x="36" y="66" width="24" height="24" fill="#1f4fa3"/>
<rect x="66" y="66" width="24" height="24" fill="#d71c24"/>
<rect x="96" y="66" width="24" height="24" fill="#1f4fa3"/>
<rect x="126" y="66" width="24" height="24" fill="#f2cf2f"/>
<rect x="6" y="96" width="24" height="24" fill="#1f4fa3"/>
<rect x="36" y="96" width="24" height="24" fill="#d71c24"/>
<rect x="66" y="96" width="24" height="24" fill="#1f4fa3"/>
<rect x="96" y="96" width="24" height="24" fill="#f2cf2f"/>
<rect x="126" y="96" width="24" height="24" fill="#d71c24"/>
<rect x="6" y="126" width="24" height="24" fill="#d71c24"/>
<rect x="36" y="126" width="24" height="24" fill="#f2cf2f"/>
<rect x="66" y="126" width="24" height="24" fill="#1f4fa3"/>
<rect x="96" y="126" width="24" height="24" fill="#d71c24"/>
<rect x="126" y="126" width="24" height="24" fill="#1f4fa3"/>
</g>
</g>
<g id="horizontal-stripes">
<g transform="translate(0,300)">
<rect x="60" y="-11" width="22" height="22" fill="#d71c24"/>
<rect x="100" y="-11" width="22" height="22" fill="#f2cf2f"/>
<rect x="140" y="-11" width="22" height="22" fill="#1f4fa3"/>
<rect x="180" y="-11" width="22" height="22" fill="#bdb7ab"/>
<rect x="220" y="-11" width="22" height="22" fill="#d71c24"/>
<rect x="260" y="-11" width="22" height="22" fill="#f2cf2f"/>
<rect x="300" y="-11" width="22" height="22" fill="#1f4fa3"/>
<rect x="340" y="-11" width="22" height="22" fill="#d71c24"/>
<rect x="380" y="-11" width="22" height="22" fill="#f2cf2f"/>
<rect x="420" y="-11" width="22" height="22" fill="#1f4fa3"/>
<rect x="460" y="-11" width="22" height="22" fill="#d71c24"/>
<rect x="500" y="-11" width="22" height="22" fill="#f2cf2f"/>
<rect x="540" y="-11" width="22" height="22" fill="#1f4fa3"/>
<rect x="580" y="-11" width="22" height="22" fill="#d71c24"/>
<rect x="620" y="-11" width="22" height="22" fill="#f2cf2f"/>
<rect x="660" y="-11" width="22" height="22" fill="#1f4fa3"/>
<rect x="700" y="-11" width="22" height="22" fill="#d71c24"/>
</g>
<g transform="translate(0,460)">
<rect x="60" y="-11" width="22" height="22" fill="#1f4fa3"/>
<rect x="100" y="-11" width="22" height="22" fill="#d71c24"/>
<rect x="140" y="-11" width="22" height="22" fill="#f2cf2f"/>
<rect x="180" y="-11" width="22" height="22" fill="#1f4fa3"/>
<rect x="220" y="-11" width="22" height="22" fill="#d71c24"/>
<rect x="260" y="-11" width="22" height="22" fill="#f2cf2f"/>
<rect x="300" y="-11" width="22" height="22" fill="#1f4fa3"/>
<rect x="340" y="-11" width="22" height="22" fill="#d71c24"/>
<rect x="380" y="-11" width="22" height="22" fill="#f2cf2f"/>
<rect x="420" y="-11" width="22" height="22" fill="#1f4fa3"/>
<rect x="460" y="-11" width="22" height="22" fill="#d71c24"/>
<rect x="500" y="-11" width="22" height="22" fill="#f2cf2f"/>
<rect x="540" y="-11" width="22" height="22" fill="#1f4fa3"/>
<rect x="580" y="-11" width="22" height="22" fill="#d71c24"/>
<rect x="620" y="-11" width="22" height="22" fill="#f2cf2f"/>
<rect x="660" y="-11" width="22" height="22" fill="#1f4fa3"/>
<rect x="700" y="-11" width="22" height="22" fill="#d71c24"/>
</g>
</g>
<g id="vertical-stripes">
<g transform="translate(300,0)">
<rect x="-11" y="60" width="22" height="22" fill="#1f4fa3"/>
<rect x="-11" y="100" width="22" height="22" fill="#f2cf2f"/>
<rect x="-11" y="140" width="22" height="22" fill="#d71c24"/>
<rect x="-11" y="180" width="22" height="22" fill="#1f4fa3"/>
<rect x="-11" y="220" width="22" height="22" fill="#f2cf2f"/>
<rect x="-11" y="260" width="22" height="22" fill="#1f4fa3"/>
<rect x="-11" y="300" width="22" height="22" fill="#d71c24"/>
<rect x="-11" y="340" width="22" height="22" fill="#1f4fa3"/>
<rect x="-11" y="380" width="22" height="22" fill="#f2cf2f"/>
<rect x="-11" y="420" width="22" height="22" fill="#d71c24"/>
<rect x="-11" y="460" width="22" height="22" fill="#1f4fa3"/>
<rect x="-11" y="500" width="22" height="22" fill="#f2cf2f"/>
<rect x="-11" y="540" width="22" height="22" fill="#d71c24"/>
<rect x="-11" y="580" width="22" height="22" fill="#1f4fa3"/>
<rect x="-11" y="620" width="22" height="22" fill="#f2cf2f"/>
<rect x="-11" y="660" width="22" height="22" fill="#d71c24"/>
<rect x="-11" y="700" width="22" height="22" fill="#1f4fa3"/>
</g>
<g transform="translate(460,0)">
<rect x="-11" y="60" width="22" height="22" fill="#d71c24"/>
<rect x="-11" y="100" width="22" height="22" fill="#1f4fa3"/>
<rect x="-11" y="140" width="22" height="22" fill="#f2cf2f"/>
<rect x="-11" y="180" width="22" height="22" fill="#d71c24"/>
<rect x="-11" y="220" width="22" height="22" fill="#1f4fa3"/>
<rect x="-11" y="260" width="22" height="22" fill="#f2cf2f"/>
<rect x="-11" y="300" width="22" height="22" fill="#1f4fa3"/>
<rect x="-11" y="340" width="22" height="22" fill="#d71c24"/>
<rect x="-11" y="380" width="22" height="22" fill="#f2cf2f"/>
<rect x="-11" y="420" width="22" height="22" fill="#1f4fa3"/>
<rect x="-11" y="460" width="22" height="22" fill="#d71c24"/>
<rect x="-11" y="500" width="22" height="22" fill="#f2cf2f"/>
<rect x="-11" y="540" width="22" height="22" fill="#1f4fa3"/>
<rect x="-11" y="580" width="22" height="22" fill="#d71c24"/>
<rect x="-11" y="620" width="22" height="22" fill="#f2cf2f"/>
<rect x="-11" y="660" width="22" height="22" fill="#1f4fa3"/>
<rect x="-11" y="700" width="22" height="22" fill="#d71c24"/>
</g>
</g>
<g id="edge-accents">
<rect x="140" y="20" width="100" height="28" fill="#f2cf2f"/>
<rect x="520" y="20" width="70" height="28" fill="#1f4fa3"/>
<rect x="20" y="140" width="28" height="110" fill="#d71c24"/>
<rect x="20" y="520" width="28" height="70" fill="#1f4fa3"/>
<rect x="712" y="520" width="28" height="90" fill="#f2cf2f"/>
<rect x="612" y="712" width="90" height="28" fill="#d71c24"/>
<rect x="60" y="712" width="120" height="28" fill="#bdb7ab"/>
<rect x="712" y="180" width="28" height="120" fill="#1f4fa3"/>
</g>
<g id="micro-mosaic">
<g transform="translate(220,200)">
<rect x="0" y="0" width="14" height="14" fill="#1f4fa3"/>
<rect x="16" y="0" width="14" height="14" fill="#f2cf2f"/>
<rect x="32" y="0" width="14" height="14" fill="#d71c24"/>
<rect x="48" y="0" width="14" height="14" fill="#bdb7ab"/>
<rect x="0" y="16" width="14" height="14" fill="#f2cf2f"/>
<rect x="16" y="16" width="14" height="14" fill="#d71c24"/>
<rect x="32" y="16" width="14" height="14" fill="#1f4fa3"/>
<rect x="48" y="16" width="14" height="14" fill="#f2cf2f"/>
<rect x="0" y="32" width="14" height="14" fill="#d71c24"/>
<rect x="16" y="32" width="14" height="14" fill="#1f4fa3"/>
<rect x="32" y="32" width="14" height="14" fill="#f2cf2f"/>
<rect x="48" y="32" width="14" height="14" fill="#d71c24"/>
<rect x="0" y="48" width="14" height="14" fill="#1f4fa3"/>
<rect x="16" y="48" width="14" height="14" fill="#f2cf2f"/>
<rect x="32" y="48" width="14" height="14" fill="#d71c24"/>
<rect x="48" y="48" width="14" height="14" fill="#1f4fa3"/>
</g>
<g transform="translate(500,180)">
<rect x="0" y="0" width="12" height="12" fill="#f2cf2f"/>
<rect x="14" y="0" width="12" height="12" fill="#1f4fa3"/>
<rect x="28" y="0" width="12" height="12" fill="#d71c24"/>
<rect x="42" y="0" width="12" height="12" fill="#f2cf2f"/>
<rect x="0" y="14" width="12" height="12" fill="#bdb7ab"/>
<rect x="14" y="14" width="12" height="12" fill="#f2cf2f"/>
<rect x="28" y="14" width="12" height="12" fill="#1f4fa3"/>
<rect x="42" y="14" width="12" height="12" fill="#d71c24"/>
<rect x="0" y="28" width="12" height="12" fill="#1f4fa3"/>
<rect x="14" y="28" width="12" height="12" fill="#d71c24"/>
<rect x="28" y="28" width="12" height="12" fill="#f2cf2f"/>
<rect x="42" y="28" width="12" height="12" fill="#1f4fa3"/>
</g>
<g transform="translate(170,520)">
<rect x="0" y="0" width="10" height="10" fill="#1f4fa3"/>
<rect x="12" y="0" width="10" height="10" fill="#d71c24"/>
<rect x="24" y="0" width="10" height="10" fill="#f2cf2f"/>
<rect x="36" y="0" width="10" height="10" fill="#1f4fa3"/>
<rect x="48" y="0" width="10" height="10" fill="#d71c24"/>
<rect x="60" y="0" width="10" height="10" fill="#f2cf2f"/>
</g>
<g transform="translate(600,540)">
<rect x="0" y="0" width="10" height="10" fill="#f2cf2f"/>
<rect x="12" y="0" width="10" height="10" fill="#1f4fa3"/>
<rect x="24" y="0" width="10" height="10" fill="#d71c24"/>
<rect x="36" y="0" width="10" height="10" fill="#f2cf2f"/>
<rect x="48" y="0" width="10" height="10" fill="#1f4fa3"/>
<rect x="60" y="0" width="10" height="10" fill="#d71c24"/>
</g>
</g>
<g id="random-sparkle">
<rect x="220" y="420" width="16" height="16" fill="#bdb7ab"/>
<rect x="260" y="420" width="16" height="16" fill="#f2cf2f"/>
<rect x="300" y="420" width="16" height="16" fill="#1f4fa3"/>
<rect x="340" y="420" width="16" height="16" fill="#d71c24"/>
<rect x="420" y="220" width="16" height="16" fill="#f2cf2f"/>
<rect x="460" y="220" width="16" height="16" fill="#1f4fa3"/>
<rect x="500" y="220" width="16" height="16" fill="#d71c24"/>
<rect x="540" y="220" width="16" height="16" fill="#f2cf2f"/>
<rect x="420" y="540" width="16" height="16" fill="#1f4fa3"/>
<rect x="460" y="540" width="16" height="16" fill="#d71c24"/>
<rect x="500" y="540" width="16" height="16" fill="#f2cf2f"/>
<rect x="540" y="540" width="16" height="16" fill="#1f4fa3"/>
</g>
<rect x="0" y="0" width="760" height="760" fill="none" stroke="#dcd6cb" stroke-width="8"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000">
<defs>
<clipPath id="diamondClip">
<polygon points="500,18 982,500 500,982 18,500"/>
</clipPath>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="8" stdDeviation="12" flood-color="#423d34" flood-opacity=".25"/>
</filter>
<filter id="paintTexture" x="-5%" y="-5%" width="110%" height="110%">
<feTurbulence type="fractalNoise" baseFrequency=".75" numOctaves="2" seed="17" result="noise"/>
<feColorMatrix in="noise" type="saturate" values="0" result="grayNoise"/>
<feComponentTransfer in="grayNoise" result="softNoise">
<feFuncA type="table" tableValues="0 .055"/>
</feComponentTransfer>
<feBlend in="SourceGraphic" in2="softNoise" mode="multiply"/>
</filter>
</defs>
<rect width="1000" height="1000" fill="#f0eee8"/>
<polygon points="500,18 982,500 500,982 18,500" fill="#575247" opacity=".2" filter="url(#shadow)"/>
<g clip-path="url(#diamondClip)" filter="url(#paintTexture)">
<rect width="1000" height="1000" fill="#eee8d7"/>
<g fill="#f8f4e9">
<rect x="0" y="55" width="1000" height="78"/>
<rect x="0" y="185" width="1000" height="56"/>
<rect x="0" y="304" width="1000" height="72"/>
<rect x="0" y="430" width="1000" height="54"/>
<rect x="0" y="554" width="1000" height="68"/>
<rect x="0" y="691" width="1000" height="50"/>
<rect x="0" y="812" width="1000" height="76"/>
<rect x="73" y="0" width="66" height="1000"/>
<rect x="202" y="0" width="55" height="1000"/>
<rect x="322" y="0" width="71" height="1000"/>
<rect x="451" y="0" width="53" height="1000"/>
<rect x="566" y="0" width="73" height="1000"/>
<rect x="702" y="0" width="53" height="1000"/>
<rect x="823" y="0" width="72" height="1000"/>
</g>
<g fill="#f4cf18">
<rect x="0" y="133" width="1000" height="22"/>
<rect x="0" y="272" width="1000" height="32"/>
<rect x="0" y="484" width="1000" height="35"/>
<rect x="0" y="659" width="1000" height="32"/>
<rect x="0" y="888" width="1000" height="30"/>
<rect x="139" y="0" width="28" height="1000"/>
<rect x="287" y="0" width="35" height="1000"/>
<rect x="418" y="0" width="33" height="1000"/>
<rect x="532" y="0" width="34" height="1000"/>
<rect x="639" y="0" width="29" height="1000"/>
<rect x="789" y="0" width="34" height="1000"/>
<rect x="918" y="0" width="25" height="1000"/>
</g>
<g fill="#d83225">
<rect x="18" y="212" width="75" height="29"/>
<rect x="167" y="66" width="90" height="34"/>
<rect x="322" y="155" width="96" height="30"/>
<rect x="504" y="102" width="62" height="31"/>
<rect x="668" y="207" width="121" height="34"/>
<rect x="895" y="150" width="70" height="35"/>
<rect x="73" y="376" width="94" height="37"/>
<rect x="257" y="304" width="65" height="36"/>
<rect x="393" y="397" width="125" height="33"/>
<rect x="639" y="340" width="116" height="36"/>
<rect x="823" y="407" width="109" height="41"/>
<rect x="18" y="589" width="121" height="33"/>
<rect x="202" y="519" width="85" height="35"/>
<rect x="451" y="554" width="115" height="36"/>
<rect x="668" y="622" width="121" height="37"/>
<rect x="895" y="519" width="77" height="35"/>
<rect x="73" y="741" width="129" height="35"/>
<rect x="322" y="773" width="96" height="39"/>
<rect x="504" y="691" width="62" height="50"/>
<rect x="755" y="776" width="140" height="36"/>
<rect x="167" y="918" width="120" height="42"/>
<rect x="566" y="888" width="102" height="36"/>
</g>
<g fill="#2054a4">
<rect x="93" y="100" width="74" height="33"/>
<rect x="257" y="185" width="65" height="56"/>
<rect x="393" y="54" width="111" height="35"/>
<rect x="566" y="155" width="102" height="30"/>
<rect x="755" y="89" width="68" height="44"/>
<rect x="139" y="241" width="63" height="31"/>
<rect x="322" y="241" width="71" height="31"/>
<rect x="504" y="241" width="135" height="31"/>
<rect x="789" y="241" width="106" height="31"/>
<rect x="18" y="448" width="121" height="36"/>
<rect x="202" y="376" width="85" height="54"/>
<rect x="504" y="376" width="62" height="54"/>
<rect x="755" y="448" width="140" height="36"/>
<rect x="139" y="622" width="63" height="37"/>
<rect x="287" y="590" width="131" height="32"/>
<rect x="566" y="590" width="102" height="32"/>
<rect x="823" y="554" width="72" height="68"/>
<rect x="18" y="812" width="121" height="40"/>
<rect x="257" y="741" width="65" height="35"/>
<rect x="418" y="741" width="86" height="35"/>
<rect x="639" y="741" width="116" height="35"/>
<rect x="895" y="812" width="87" height="40"/>
<rect x="393" y="918" width="111" height="42"/>
<rect x="702" y="918" width="121" height="42"/>
</g>
<g fill="#d9d5ca">
<rect x="18" y="155" width="55" height="57"/>
<rect x="202" y="133" width="85" height="52"/>
<rect x="451" y="133" width="53" height="108"/>
<rect x="639" y="155" width="63" height="52"/>
<rect x="823" y="133" width="72" height="52"/>
<rect x="93" y="304" width="109" height="72"/>
<rect x="322" y="340" width="71" height="57"/>
<rect x="566" y="304" width="73" height="72"/>
<rect x="755" y="376" width="68" height="72"/>
<rect x="139" y="519" width="63" height="70"/>
<rect x="322" y="484" width="96" height="70"/>
<rect x="566" y="519" width="73" height="71"/>
<rect x="789" y="484" width="106" height="70"/>
<rect x="73" y="691" width="66" height="50"/>
<rect x="202" y="691" width="55" height="50"/>
<rect x="393" y="691" width="58" height="50"/>
<rect x="668" y="691" width="34" height="50"/>
<rect x="823" y="691" width="72" height="50"/>
<rect x="139" y="852" width="63" height="66"/>
<rect x="322" y="812" width="71" height="76"/>
<rect x="504" y="812" width="62" height="76"/>
<rect x="755" y="812" width="68" height="76"/>
</g>
<g fill="#f5d520">
<rect x="73" y="55" width="94" height="45"/>
<rect x="287" y="100" width="106" height="33"/>
<rect x="451" y="54" width="115" height="48"/>
<rect x="668" y="133" width="121" height="22"/>
<rect x="895" y="185" width="70" height="56"/>
<rect x="18" y="272" width="121" height="32"/>
<rect x="202" y="241" width="85" height="63"/>
<rect x="393" y="272" width="59" height="68"/>
<rect x="668" y="272" width="121" height="32"/>
<rect x="895" y="272" width="87" height="32"/>
<rect x="139" y="430" width="63" height="89"/>
<rect x="287" y="430" width="106" height="54"/>
<rect x="518" y="430" width="121" height="54"/>
<rect x="702" y="448" width="53" height="71"/>
<rect x="895" y="448" width="87" height="71"/>
<rect x="73" y="622" width="66" height="69"/>
<rect x="202" y="622" width="85" height="69"/>
<rect x="418" y="622" width="86" height="69"/>
<rect x="668" y="659" width="87" height="82"/>
<rect x="895" y="622" width="87" height="69"/>
<rect x="18" y="776" width="55" height="36"/>
<rect x="202" y="776" width="120" height="36"/>
<rect x="393" y="776" width="111" height="36"/>
<rect x="566" y="776" width="102" height="36"/>
<rect x="823" y="776" width="72" height="36"/>
<rect x="73" y="918" width="94" height="42"/>
<rect x="287" y="888" width="106" height="30"/>
<rect x="504" y="918" width="62" height="42"/>
<rect x="823" y="888" width="120" height="30"/>
</g>
<g>
<g fill="#c93629">
<rect x="111" y="133" width="28" height="22"/>
<rect x="167" y="133" width="35" height="22"/>
<rect x="257" y="133" width="30" height="22"/>
<rect x="418" y="133" width="33" height="22"/>
<rect x="504" y="133" width="28" height="22"/>
<rect x="639" y="133" width="29" height="22"/>
<rect x="789" y="133" width="34" height="22"/>
<rect x="918" y="133" width="25" height="22"/>
<rect x="139" y="272" width="28" height="32"/>
<rect x="287" y="272" width="35" height="32"/>
<rect x="451" y="272" width="33" height="32"/>
<rect x="532" y="272" width="34" height="32"/>
<rect x="755" y="272" width="34" height="32"/>
<rect x="918" y="272" width="25" height="32"/>
<rect x="73" y="484" width="66" height="35"/>
<rect x="257" y="484" width="30" height="35"/>
<rect x="418" y="484" width="33" height="35"/>
<rect x="639" y="484" width="29" height="35"/>
<rect x="789" y="484" width="34" height="35"/>
<rect x="943" y="484" width="39" height="35"/>
<rect x="139" y="659" width="28" height="32"/>
<rect x="287" y="659" width="35" height="32"/>
<rect x="451" y="659" width="53" height="32"/>
<rect x="566" y="659" width="34" height="32"/>
<rect x="755" y="659" width="34" height="32"/>
<rect x="918" y="659" width="25" height="32"/>
<rect x="73" y="888" width="66" height="30"/>
<rect x="202" y="888" width="55" height="30"/>
<rect x="418" y="888" width="33" height="30"/>
<rect x="639" y="888" width="29" height="30"/>
<rect x="789" y="888" width="34" height="30"/>
</g>
<g fill="#2455a2">
<rect x="139" y="55" width="28" height="45"/>
<rect x="287" y="55" width="35" height="45"/>
<rect x="418" y="55" width="33" height="45"/>
<rect x="639" y="55" width="29" height="45"/>
<rect x="789" y="55" width="34" height="45"/>
<rect x="73" y="272" width="66" height="32"/>
<rect x="202" y="272" width="55" height="32"/>
<rect x="322" y="272" width="71" height="32"/>
<rect x="484" y="272" width="48" height="32"/>
<rect x="566" y="272" width="73" height="32"/>
<rect x="823" y="272" width="72" height="32"/>
<rect x="139" y="484" width="28" height="35"/>
<rect x="287" y="484" width="35" height="35"/>
<rect x="451" y="484" width="33" height="35"/>
<rect x="532" y="484" width="34" height="35"/>
<rect x="668" y="484" width="34" height="35"/>
<rect x="823" y="484" width="72" height="35"/>
<rect x="73" y="659" width="66" height="32"/>
<rect x="202" y="659" width="55" height="32"/>
<rect x="322" y="659" width="71" height="32"/>
<rect x="504" y="659" width="62" height="32"/>
<rect x="639" y="659" width="29" height="32"/>
<rect x="823" y="659" width="72" height="32"/>
<rect x="139" y="888" width="28" height="30"/>
<rect x="257" y="888" width="30" height="30"/>
<rect x="393" y="888" width="58" height="30"/>
<rect x="532" y="888" width="34" height="30"/>
<rect x="702" y="888" width="53" height="30"/>
<rect x="918" y="888" width="25" height="30"/>
</g>
<g fill="#f8f5ec">
<rect x="167" y="272" width="35" height="32"/>
<rect x="257" y="272" width="30" height="32"/>
<rect x="418" y="272" width="33" height="32"/>
<rect x="504" y="272" width="28" height="32"/>
<rect x="639" y="272" width="29" height="32"/>
<rect x="789" y="272" width="34" height="32"/>
<rect x="167" y="484" width="35" height="35"/>
<rect x="202" y="484" width="55" height="35"/>
<rect x="393" y="484" width="25" height="35"/>
<rect x="484" y="484" width="48" height="35"/>
<rect x="566" y="484" width="73" height="35"/>
<rect x="755" y="484" width="34" height="35"/>
<rect x="167" y="659" width="35" height="32"/>
<rect x="257" y="659" width="30" height="32"/>
<rect x="393" y="659" width="58" height="32"/>
<rect x="600" y="659" width="39" height="32"/>
<rect x="789" y="659" width="34" height="32"/>
<rect x="895" y="659" width="23" height="32"/>
</g>
</g>
<g fill="#f7f3e8">
<rect x="451" y="304" width="115" height="72"/>
<rect x="418" y="376" width="33" height="108"/>
<rect x="566" y="376" width="73" height="108"/>
<rect x="451" y="519" width="115" height="35"/>
<rect x="484" y="340" width="48" height="36"/>
<rect x="484" y="554" width="48" height="68"/>
</g>
<g fill="#f4cf18">
<rect x="451" y="340" width="33" height="36"/>
<rect x="532" y="340" width="34" height="36"/>
<rect x="451" y="376" width="115" height="21"/>
<rect x="451" y="430" width="115" height="20"/>
<rect x="451" y="519" width="115" height="20"/>
<rect x="451" y="590" width="115" height="32"/>
<rect x="484" y="304" width="48" height="36"/>
<rect x="484" y="450" width="48" height="69"/>
</g>
<g fill="#cf3428">
<rect x="484" y="376" width="48" height="21"/>
<rect x="451" y="397" width="33" height="33"/>
<rect x="532" y="397" width="34" height="33"/>
<rect x="484" y="519" width="48" height="35"/>
<rect x="451" y="590" width="33" height="32"/>
</g>
<g fill="#2455a2">
<rect x="484" y="430" width="48" height="20"/>
<rect x="451" y="450" width="33" height="69"/>
<rect x="532" y="450" width="34" height="69"/>
<rect x="484" y="554" width="48" height="36"/>
<rect x="532" y="590" width="34" height="32"/>
</g>
<g fill="#ede8dc">
<rect x="167" y="185" width="35" height="56"/>
<rect x="287" y="304" width="35" height="36"/>
<rect x="393" y="340" width="25" height="36"/>
<rect x="639" y="376" width="29" height="54"/>
<rect x="789" y="376" width="34" height="31"/>
<rect x="257" y="554" width="30" height="68"/>
<rect x="393" y="554" width="25" height="68"/>
<rect x="639" y="554" width="29" height="68"/>
<rect x="755" y="554" width="34" height="68"/>
<rect x="287" y="741" width="35" height="35"/>
<rect x="504" y="741" width="62" height="35"/>
<rect x="702" y="741" width="53" height="35"/>
</g>
<g opacity=".3" fill="none" stroke="#8c8577" stroke-width="2">
<path d="M18 500L500 18L982 500L500 982Z"/>
<path d="M0 304H1000M0 484H1000M0 691H1000M202 0V1000M451 0V1000M668 0V1000M895 0V1000"/>
</g>
</g>
<polygon points="500,18 982,500 500,982 18,500" fill="none" stroke="#d6d0c2" stroke-width="5"/>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg">
<g transform="rotate(45 500 500)">
<rect width="1000" height="1000" fill="#F0EFEA"/>
<g id="composition">
<!-- Large Fields -->
<rect x="80" y="80" width="100" height="100" fill="#C7C8CA"/>
<rect x="420" y="50" width="160" height="160" fill="#D42B36"/>
<rect x="650" y="80" width="100" height="100" fill="#2458A3"/>
<rect x="80" y="308" width="100" height="100" fill="#2458A3"/>
<rect x="80" y="650" width="100" height="100" fill="#D42B36"/>
<rect x="308" y="820" width="100" height="100" fill="#C7C8CA"/>
<rect x="820" y="308" width="100" height="100" fill="#D42B36"/>
<rect x="650" y="650" width="100" height="100" fill="#F0EFEA"/>
<rect x="820" y="820" width="100" height="100" fill="#2458A3"/>
<rect x="500" y="472" width="128" height="128" fill="#F8D81C"/>
<rect x="308" y="308" width="100" height="100" fill="#F0EFEA"/>
<rect x="408" y="308" width="28" height="100" fill="#F8D81C"/>
<rect x="308" y="408" width="128" height="28" fill="#F8D81C"/>
<!-- Horizontal Line Segments -->
<rect y="50" x="80" width="100" height="28" fill="#F8D81C"/>
<rect y="50" x="180" width="28" height="28" fill="#2458A3"/>
<rect y="50" x="208" width="100" height="28" fill="#F8D81C"/>
<rect y="50" x="308" width="28" height="28" fill="#D42B36"/>
<rect y="50" x="336" width="84" height="28" fill="#F8D81C"/>
<rect y="50" x="580" width="28" height="28" fill="#2458A3"/>
<rect y="50" x="608" width="172" height="28" fill="#F8D81C"/>
<rect y="50" x="780" width="28" height="28" fill="#D42B36"/>
<rect y="50" x="808" width="112" height="28" fill="#F8D81C"/>
<rect y="210" x="50" width="160" height="28" fill="#F8D81C"/>
<rect y="210"x="210" width="28" height="28" fill="#D42B36"/>
<rect y="210" x="238" width="182" height="28" fill="#F8D81C"/>
<rect y="210" x="420" width="28" height="28" fill="#2458A3"/>
<rect y="210" x="448" width="132" height="28" fill="#F8D81C"/>
<rect y="210" x="580" width="28" height="28" fill="#F0EFEA"/>
<rect y="210" x="608" width="172" height="28" fill="#F8D81C"/>
<rect y="210" x="780" width="28" height="28" fill="#2458A3"/>
<rect y="210" x="808" width="142" height="28" fill="#F8D81C"/>
<rect y="280" x="80" width="100" height="28" fill="#F8D81C"/>
<rect y="280" x="180" width="28" height="28" fill="#D42B36"/>
<rect y="280" x="208" width="28" height="28" fill="#F8D81C"/>
<rect y="280" x="236" width="72" height="28" fill="#F0EFEA"/>
<rect y="280" x="308" width="28" height="28" fill="#F8D81C"/>
<rect y="280" x="336" width="164" height="28" fill="#F8D81C"/>
<rect y="280" x="500" width="28" height="28" fill="#2458A3"/>
<rect y="280" x="528" width="28" height="28" fill="#F8D81C"/>
<rect y="280" x="556" width="28" height="28" fill="#D42B36"/>
<rect y="280" x="584" width="196" height="28" fill="#F8D81C"/>
<rect y="280" x="780" width="28" height="28" fill="#F0EFEA"/>
<rect y="280" x="808" width="112" height="28" fill="#F8D81C"/>
<rect y="440" x="50" width="160" height="28" fill="#F8D81C"/>
<rect y="440" x="210" width="28" height="28" fill="#2458A3"/>
<rect y="440" x="238" width="70" height="28" fill="#F8D81C"/>
<rect y="440" x="308" width="28" height="28" fill="#D42B36"/>
<rect y="440" x="336" width="164" height="28" fill="#F8D81C"/>
<rect y="440" x="500" width="28" height="28" fill="#F0EFEA"/>
<rect y="440" x="528" width="252" height="28" fill="#F8D81C"/>
<rect y="440" x="780" width="28" height="28" fill="#2458A3"/>
<rect y="440" x="808" width="142" height="28" fill="#F8D81C"/>
<rect y="622" x="80" width="100" height="28" fill="#F8D81C"/>
<rect y="622" x="180" width="28" height="28" fill="#2458A3"/>
<rect y="622" x="208" width="100" height="28" fill="#F8D81C"/>
<rect y="622" x="308" width="28" height="28" fill="#D42B36"/>
<rect y="622" x="336" width="164" height="28" fill="#F8D81C"/>
<rect y="622" x="500" width="28" height="28" fill="#F0EFEA"/>
<rect y="622" x="528" width="252" height="28" fill="#F8D81C"/>
<rect y="622" x="780" width="28" height="28" fill="#2458A3"/>
<rect y="622" x="808" width="112" height="28" fill="#F8D81C"/>
<rect y="780" x="50" width="160" height="28" fill="#F8D81C"/>
<rect y="780" x="210" width="28" height="28" fill="#D42B36"/>
<rect y="780" x="238" width="182" height="28" fill="#F8D81C"/>
<rect y="780" x="420" width="28" height="28" fill="#2458A3"/>
<rect y="780" x="448" width="132" height="28" fill="#F8D81C"/>
<rect y="780" x="580" width="28" height="28" fill="#F0EFEA"/>
<rect y="780" x="608" width="172" height="28" fill="#F8D81C"/>
<rect y="780" x="780" width="28" height="28" fill="#2458A3"/>
<rect y="780" x="808" width="142" height="28" fill="#F8D81C"/>
<rect y="920" x="80" width="100" height="28" fill="#F8D81C"/>
<rect y="920" x="180" width="28" height="28" fill="#2458A3"/>
<rect y="920" x="208" width="100" height="28" fill="#F8D81C"/>
<rect y="920" x="308" width="28" height="28" fill="#D42B36"/>
<rect y="920" x="336" width="84" height="28" fill="#F8D81C"/>
<rect y="920" x="420" width="28" height="28" fill="#F0EFEA"/>
<rect y="920" x="448" width="132" height="28" fill="#F8D81C"/>
<rect y="920" x="580" width="28" height="28" fill="#2458A3"/>
<rect y="920" x="608" width="172" height="28" fill="#F8D81C"/>
<rect y="920" x="780" width="28" height="28" fill="#D42B36"/>
<rect y="920" x="808" width="112" height="28" fill="#F8D81C"/>
<!-- Vertical Line Segments -->
<rect x="50" y="80" width="28" height="130" fill="#F8D81C"/>
<rect x="50" y="238" width="28" height="42" fill="#F8D81C"/>
<rect x="50" y="468" width="28" height="312" fill="#F8D81C"/>
<rect x="50" y="808" width="28" height="142" fill="#F8D81C"/>
<rect x="180" y="80" width="28" height="28" fill="#F8D81C"/>
<rect x="180" y="108" width="28" height="72" fill="#F0EFEA"/>
<rect x="180" y="238" width="28" height="42" fill="#F8D81C"/>
<rect x="180" y="308" width="28" height="28" fill="#F8D81C"/>
<rect x="180" y="336" width="28" height="72" fill="#F0EFEA"/>
<rect x="180" y="408" width="28" height="28" fill="#D42B36"/>
<rect x="180" y="468" width="28" height="154" fill="#F8D81C"/>
<rect x="180" y="650" width="28" height="28" fill="#F8D81C"/>
<rect x="180" y="678" width="28" height="72" fill="#F0EFEA"/>
<rect x="180" y="750" width="28" height="28" fill="#2458A3"/>
<rect x="180" y="808" width="28" height="112" fill="#F8D81C"/>
<rect x="280" y="50" width="28" height="230" fill="#F8D81C"/>
<rect x="280" y="308" width="28" height="132" fill="#F8D81C"/>
<rect x="280" y="440" width="28" height="28" fill="#D42B36"/>
<rect x="280" y="468" width="28" height="312" fill="#F8D81C"/>
<rect x="280" y="780" width="28" height="28" fill="#2458A3"/>
<rect x="280" y="808" width="28" height="142" fill="#F8D81C"/>
<rect x="472" y="238" width="28" height="202" fill="#F8D81C"/>
<rect x="472" y="440" width="28" height="28" fill="#2458A3"/>
<rect x="472" y="628" width="28" height="152" fill="#F8D81C"/>
<rect x="472" y="780" width="28" height="28" fill="#D42B36"/>
<rect x="472" y="808" width="28" height="142" fill="#F8D81C"/>
<rect x="622" y="50" width="28" height="230" fill="#F8D81C"/>
<rect x="622" y="280" width="28" height="28" fill="#D42B36"/>
<rect x="622" y="308" width="28" height="132" fill="#F8D81C"/>
<rect x="622" y="440" width="28" height="28" fill="#2458A3"/>
<rect x="622" y="468" width="28" height="154" fill="#F8D81C"/>
<rect x="622" y="650" width="28" height="28" fill="#F8D81C"/>
<rect x="622" y="678" width="28" height="72" fill="#F0EFEA"/>
<rect x="622" y="750" width="28" height="28" fill="#D42B36"/>
<rect x="622" y="808" width="28" height="142" fill="#F8D81C"/>
<rect x="780" y="50" width="28" height="30" fill="#F8D81C"/>
<rect x="780" y="80" width="28" height="28" fill="#F8D81C"/>
<rect x="780" y="108" width="28" height="72" fill="#F0EFEA"/>
<rect x="780" y="180" width="28" height="28" fill="#2458A3"/>
<rect x="780" y="238" width="28" height="42" fill="#F8D81C"/>
<rect x="780" y="308" width="28" height="28" fill="#F8D81C"/>
<rect x="780" y="336" width="28" height="72" fill="#F0EFEA"/>
<rect x="780" y="408" width="28" height="28" fill="#D42B36"/>
<rect x="780" y="468" width="28" height="154" fill="#F8D81C"/>
<rect x="780" y="650" width="28" height="28" fill="#F8D81C"/>
<rect x="780" y="678" width="28" height="72" fill="#F0EFEA"/>
<rect x="780" y="750" width="28" height="28" fill="#2458A3"/>
<rect x="780" y="808" width="28" height="112" fill="#F8D81C"/>
<rect x="920" y="50" width="28" height="230" fill="#F8D81C"/>
<rect x="920" y="280" width="28" height="28" fill="#2458A3"/>
<rect x="920" y="308" width="28" height="132" fill="#F8D81C"/>
<rect x="920" y="440" width="28" height="28" fill="#D42B36"/>
<rect x="920" y="468" width="28" height="312" fill="#F8D81C"/>
<rect x="920" y="808" width="28" height="112" fill="#F8D81C"/>
<!-- Central Detail Block -->
<rect x="500" y="472" width="28" height="128" fill="#231F20"/>
<rect x="528" y="472" width="100" height="28" fill="#231F20"/>
<rect x="528" y="500" width="100" height="100" fill="#D42B36"/>
<rect x="528" y="572" width="28" height="28" fill="#2458A3"/>
</g>
</g>
</svg>
![]()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
<rect x="0" y="0" width="500" height="500" fill="#f0f0f0"/>
<!-- Main grid lines -->
<rect x="0" y="0" width="500" height="500" fill="none" stroke="#000" stroke-width="2"/>
<!-- Large yellow block -->
<rect x="0" y="0" width="200" height="200" fill="#FFD700"/>
<!-- Large blue block -->
<rect x="200" y="0" width="300" height="200" fill="#0000FF"/>
<!-- Large red block -->
<rect x="0" y="200" width="200" height="300" fill="#FF0000"/>
<!-- Large white block -->
<rect x="200" y="200" width="300" height="300" fill="#FFFFFF"/>
<!-- Smaller colored blocks and lines -->
<g>
<!-- Yellow blocks -->
<rect x="20" y="20" width="30" height="30" fill="#FFD700"/>
<rect x="100" y="70" width="40" height="20" fill="#FFD700"/>
<rect x="220" y="20" width="20" height="50" fill="#FFD700"/>
<rect x="300" y="100" width="60" height="30" fill="#FFD700"/>
<rect x="400" y="150" width="30" height="20" fill="#FFD700"/>
<rect x="20" y="220" width="50" height="30" fill="#FFD700"/>
<rect x="120" y="300" width="20" height="40" fill="#FFD700"/>
<rect x="220" y="220" width="40" height="20" fill="#FFD700"/>
<rect x="350" y="280" width="30" height="50" fill="#FFD700"/>
<rect x="420" y="380" width="50" height="20" fill="#FFD700"/>
<rect x="20" y="420" width="30" height="30" fill="#FFD700"/>
<!-- Blue blocks -->
<rect x="70" y="10" width="20" height="40" fill="#0000FF"/>
<rect x="150" y="50" width="30" height="20" fill="#0000FF"/>
<rect x="250" y="80" width="40" height="30" fill="#0000FF"/>
<rect x="380" y="20" width="20" height="60" fill="#0000FF"/>
<rect x="10" y="150" width="50" height="20" fill="#0000FF"/>
<rect x="80" y="250" width="30" height="40" fill="#0000FF"/>
<rect x="180" y="350" width="20" height="30" fill="#0000FF"/>
<rect x="280" y="250" width="50" height="20" fill="#0000FF"/>
<rect x="320" y="400" width="20" height="40" fill="#0000FF"/>
<rect x="450" y="220" width="30" height="50" fill="#0000FF"/>
<rect x="400" y="450" width="40" height="20" fill="#0000FF"/>
<!-- Red blocks -->
<rect x="50" y="80" width="40" height="20" fill="#FF0000"/>
<rect x="10" y="100" width="20" height="50" fill="#FF0000"/>
<rect x="200" y="50" width="30" height="30" fill="#FF0000"/>
<rect x="320" y="10" width="50" height="20" fill="#FF0000"/>
<rect x="450" y="100" width="20" height="40" fill="#FF0000"/>
<rect x="10" y="300" width="30" height="20" fill="#FF0000"/>
<rect x="150" y="220" width="20" height="50" fill="#FF0000"/>
<rect x="250" y="300" width="40" height="30" fill="#FF0000"/>
<rect x="300" y="350" width="20" height="40" fill="#FF0000"/>
<rect x="400" y="250" width="50" height="20" fill="#FF0000"/>
<rect x="100" y="450" width="40" height="30" fill="#FF0000"/>
</g>
<!-- Black lines (some thicker, some thinner) -->
<g stroke="#000" stroke-linecap="butt">
<line x1="0" y1="200" x2="500" y2="200" stroke-width="4"/>
<line x1="200" y1="0" x2="200" y2="500" stroke-width="4"/>
<line x1="0" y1="50" x2="200" y2="50" stroke-width="2"/>
<line x1="50" y1="0" x2="50" y2="200" stroke-width="2"/>
<line x1="100" y1="0" x2="100" y2="200" stroke-width="2"/>
<line x1="0" y1="150" x2="200" y2="150" stroke-width="2"/>
<line x1="200" y1="100" x2="500" y2="100" stroke-width="2"/>
<line x1="300" y1="0" x2="300" y2="200" stroke-width="2"/>
<line x1="400" y1="0" x2="400" y2="200" stroke-width="2"/>
<line x1="200" y1="180" x2="500" y2="180" stroke-width="2"/>
<line x1="0" y1="250" x2="200" y2="250" stroke-width="2"/>
<line x1="0" y1="350" x2="200" y2="350" stroke-width="2"/>
<line x1="150" y1="200" x2="150" y2="500" stroke-width="2"/>
<line x1="50" y1="200" x2="50" y2="500" stroke-width="2"/>
<line x1="200" y1="300" x2="500" y2="300" stroke-width="2"/>
<line x1="200" y1="400" x2="500" y2="400" stroke-width="2"/>
<line x1="250" y1="200" x2="250" y2="500" stroke-width="2"/>
<line x1="350" y1="200" x2="350" y2="500" stroke-width="2"/>
<line x1="450" y1="200" x2="450" y2="500" stroke-width="2"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" width="100%" height="100%" style="background-color: #ffffff;">
<defs>
<clipPath id="diamond">
<polygon points="500,20 980,500 500,980 20,500"/>
</clipPath>
</defs>
<g clip-path="url(#diamond)">
<!-- Base Canvas -->
<polygon points="500,20 980,500 500,980 20,500" fill="#E2DED5"/>
<!-- Large Color Planes (Negative Space & Solid Blocks) -->
<g id="large-planes">
<!-- Whites -->
<g fill="#F4F4F0">
<rect x="144" y="174" width="76" height="106"/>
<rect x="250" y="180" width="100" height="100"/>
<rect x="386" y="170" width="64" height="110"/>
<rect x="470" y="174" width="80" height="106"/>
<rect x="590" y="174" width="90" height="106"/>
<rect x="708" y="180" width="112" height="100"/>
<rect x="250" y="310" width="100" height="90"/>
<rect x="470" y="310" width="80" height="90"/>
<rect x="590" y="310" width="90" height="90"/>
<rect x="144" y="420" width="76" height="100"/>
<rect x="250" y="420" width="100" height="100"/>
<rect x="386" y="420" width="64" height="100"/>
<rect x="708" y="420" width="112" height="100"/>
<rect x="250" y="556" width="100" height="94"/>
<rect x="470" y="556" width="80" height="94"/>
<rect x="144" y="678" width="76" height="102"/>
<rect x="386" y="678" width="64" height="102"/>
<rect x="590" y="678" width="90" height="102"/>
<rect x="708" y="678" width="112" height="102"/>
<rect x="250" y="810" width="100" height="70"/>
<rect x="470" y="810" width="80" height="70"/>
</g>
<!-- Grays -->
<g fill="#989CA0">
<rect x="386" y="310" width="64" height="90"/>
<rect x="708" y="556" width="112" height="94"/>
<rect x="250" y="678" width="100" height="102"/>
</g>
<!-- Reds -->
<g fill="#C72C21">
<rect x="144" y="310" width="76" height="90"/>
<rect x="590" y="420" width="90" height="100"/>
<rect x="470" y="678" width="80" height="102"/>
<rect x="386" y="810" width="64" height="70"/>
</g>
<!-- Blues -->
<g fill="#1D3D70">
<rect x="708" y="310" width="112" height="90"/>
<rect x="386" y="556" width="64" height="94"/>
<rect x="144" y="810" width="76" height="70"/>
<rect x="590" y="810" width="90" height="70"/>
</g>
<!-- Yellows -->
<g fill="#E5B620">
<rect x="470" y="420" width="80" height="100"/>
<rect x="144" y="556" width="76" height="94"/>
<rect x="590" y="556" width="90" height="94"/>
<rect x="708" y="810" width="112" height="70"/>
</g>
</g>
<!-- Continuous Base Lines -->
<g id="base-lines-yellow" fill="#E5B620">
<!-- Verticals -->
<rect x="120" y="0" width="24" height="1000"/>
<rect x="220" y="0" width="30" height="1000"/>
<rect x="350" y="0" width="36" height="1000"/>
<rect x="450" y="0" width="20" height="1000"/>
<rect x="550" y="0" width="40" height="1000"/>
<rect x="680" y="0" width="28" height="1000"/>
<rect x="820" y="0" width="24" height="1000"/>
<rect x="900" y="0" width="20" height="1000"/>
<!-- Horizontals -->
<rect x="0" y="150" width="1000" height="24"/>
<rect x="0" y="280" width="1000" height="30"/>
<rect x="0" y="400" width="1000" height="20"/>
<rect x="0" y="520" width="1000" height="36"/>
<rect x="0" y="650" width="1000" height="28"/>
<rect x="0" y="780" width="1000" height="30"/>
<rect x="0" y="880" width="1000" height="20"/>
</g>
<g id="base-lines-blue" fill="#1D3D70">
<rect x="280" y="0" width="16" height="1000"/>
<rect x="610" y="0" width="16" height="1000"/>
<rect x="0" y="580" width="1000" height="16"/>
</g>
<g id="base-lines-red" fill="#C72C21">
<rect x="760" y="0" width="16" height="1000"/>
<rect x="0" y="220" width="1000" height="16"/>
<rect x="0" y="850" width="1000" height="20"/>
</g>
<!-- Overlay Rhythm (The Boogie Woogie Effect) -->
<!-- Red Overlays -->
<g fill="#C72C21">
<!-- On V1 (x=120) -->
<rect x="120" y="60" width="24" height="30"/>
<rect x="120" y="180" width="24" height="25"/>
<rect x="120" y="320" width="24" height="40"/>
<rect x="120" y="480" width="24" height="20"/>
<rect x="120" y="600" width="24" height="35"/>
<rect x="120" y="740" width="24" height="25"/>
<rect x="120" y="860" width="24" height="30"/>
<!-- On V2 (x=220) -->
<rect x="220" y="100" width="30" height="30"/>
<rect x="220" y="250" width="30" height="40"/>
<rect x="220" y="450" width="30" height="20"/>
<rect x="220" y="600" width="30" height="35"/>
<rect x="220" y="800" width="30" height="25"/>
<!-- On V3 (x=350) -->
<rect x="350" y="80" width="36" height="20"/>
<rect x="350" y="200" width="36" height="30"/>
<rect x="350" y="350" width="36" height="25"/>
<rect x="350" y="480" width="36" height="40"/>
<rect x="350" y="620" width="36" height="20"/>
<rect x="350" y="750" width="36" height="35"/>
<rect x="350" y="880" width="36" height="25"/>
<!-- On V4 (x=450) -->
<rect x="450" y="120" width="20" height="25"/>
<rect x="450" y="260" width="20" height="30"/>
<rect x="450" y="420" width="20" height="20"/>
<rect x="450" y="560" width="20" height="35"/>
<rect x="450" y="700" width="20" height="25"/>
<rect x="450" y="840" width="20" height="30"/>
<!-- On V5 (x=550) -->
<rect x="550" y="90" width="40" height="30"/>
<rect x="550" y="230" width="40" height="25"/>
<rect x="550" y="380" width="40" height="40"/>
<rect x="550" y="500" width="40" height="20"/>
<rect x="550" y="660" width="40" height="35"/>
<rect x="550" y="790" width="40" height="25"/>
<rect x="550" y="920" width="40" height="30"/>
<!-- On V6 (x=680) -->
<rect x="680" y="110" width="28" height="25"/>
<rect x="680" y="270" width="28" height="30"/>
<rect x="680" y="430" width="28" height="20"/>
<rect x="680" y="580" width="28" height="35"/>
<rect x="680" y="720" width="28" height="25"/>
<rect x="680" y="870" width="28" height="30"/>
<!-- On V7 (x=820) -->
<rect x="820" y="130" width="24" height="20"/>
<rect x="820" y="290" width="24" height="30"/>
<rect x="820" y="450" width="24" height="25"/>
<rect x="820" y="610" width="24" height="40"/>
<rect x="820" y="760" width="24" height="20"/>
<!-- On H1 (y=150) -->
<rect x="100" y="150" width="20" height="24"/>
<rect x="180" y="150" width="30" height="24"/>
<rect x="300" y="150" width="25" height="24"/>
<rect x="420" y="150" width="15" height="24"/>
<rect x="510" y="150" width="35" height="24"/>
<rect x="640" y="150" width="20" height="24"/>
<rect x="760" y="150" width="25" height="24"/>
<rect x="880" y="150" width="20" height="24"/>
<!-- On H2 (y=280) -->
<rect x="80" y="280" width="25" height="30"/>
<rect x="160" y="280" width="20" height="30"/>
<rect x="260" y="280" width="35" height="30"/>
<rect x="380" y="280" width="20" height="30"/>
<rect x="480" y="280" width="30" height="30"/>
<rect x="620" y="280" width="25" height="30"/>
<rect x="740" y="280" width="20" height="30"/>
<rect x="860" y="280" width="30" height="30"/>
<!-- On H3 (y=400) -->
<rect x="140" y="400" width="20" height="20"/>
<rect x="240" y="400" width="30" height="20"/>
<rect x="360" y="400" width="25" height="20"/>
<rect x="480" y="400" width="35" height="20"/>
<rect x="600" y="400" width="20" height="20"/>
<rect x="720" y="400" width="25" height="20"/>
<rect x="840" y="400" width="20" height="20"/>
<!-- On H4 (y=520) -->
<rect x="90" y="520" width="30" height="36"/>
<rect x="190" y="520" width="20" height="36"/>
<rect x="310" y="520" width="25" height="36"/>
<rect x="430" y="520" width="35" height="36"/>
<rect x="530" y="520" width="20" height="36"/>
<rect x="650" y="520" width="25" height="36"/>
<rect x="770" y="520" width="30" height="36"/>
<rect x="890" y="520" width="20" height="36"/>
<!-- On H5 (y=650) -->
<rect x="110" y="650" width="25" height="28"/>
<rect x="210" y="650" width="20" height="28"/>
<rect x="330" y="650" width="30" height="28"/>
<rect x="460" y="650" width="25" height="28"/>
<rect x="580" y="650" width="20" height="28"/>
<rect x="700" y="650" width="35" height="28"/>
<rect x="800" y="650" width="20" height="28"/>
<!-- On H6 (y=780) -->
<rect x="130" y="780" width="20" height="30"/>
<rect x="250" y="780" width="30" height="30"/>
<rect x="370" y="780" width="25" height="30"/>
<rect x="490" y="780" width="35" height="30"/>
<rect x="610" y="780" width="20" height="30"/>
<rect x="730" y="780" width="25" height="30"/>
<rect x="850" y="780" width="30" height="30"/>
</g>
<!-- Blue Overlays -->
<g fill="#1D3D70">
<!-- On V1 (x=120) -->
<rect x="120" y="110" width="24" height="25"/>
<rect x="120" y="240" width="24" height="30"/>
<rect x="120" y="390" width="24" height="20"/>
<rect x="120" y="530" width="24" height="40"/>
<rect x="120" y="670" width="24" height="25"/>
<rect x="120" y="800" width="24" height="30"/>
<!-- On V2 (x=220) -->
<rect x="220" y="150" width="30" height="25"/>
<rect x="220" y="320" width="30" height="30"/>
<rect x="220" y="500" width="30" height="20"/>
<rect x="220" y="700" width="30" height="40"/>
<rect x="220" y="900" width="30" height="30"/>
<!-- On V3 (x=350) -->
<rect x="350" y="120" width="36" height="25"/>
<rect x="350" y="260" width="36" height="30"/>
<rect x="350" y="400" width="36" height="20"/>
<rect x="350" y="550" width="36" height="40"/>
<rect x="350" y="680" width="36" height="25"/>
<rect x="350" y="820" width="36" height="30"/>
<rect x="350" y="950" width="36" height="20"/>
<!-- On V4 (x=450) -->
<rect x="450" y="70" width="20" height="30"/>
<rect x="450" y="200" width="20" height="25"/>
<rect x="450" y="350" width="20" height="40"/>
<rect x="450" y="490" width="20" height="20"/>
<rect x="450" y="630" width="20" height="35"/>
<rect x="450" y="770" width="20" height="25"/>
<rect x="450" y="910" width="20" height="30"/>
<!-- On V5 (x=550) -->
<rect x="550" y="140" width="40" height="20"/>
<rect x="550" y="290" width="40" height="30"/>
<rect x="550" y="440" width="40" height="25"/>
<rect x="550" y="590" width="40" height="40"/>
<rect x="550" y="730" width="40" height="20"/>
<rect x="550" y="860" width="40" height="35"/>
<!-- On V6 (x=680) -->
<rect x="680" y="160" width="28" height="30"/>
<rect x="680" y="330" width="28" height="25"/>
<rect x="680" y="490" width="28" height="40"/>
<rect x="680" y="640" width="28" height="20"/>
<rect x="680" y="790" width="28" height="35"/>
<!-- On V7 (x=820) -->
<rect x="820" y="180" width="24" height="25"/>
<rect x="820" y="350" width="24" height="30"/>
<rect x="820" y="510" width="24" height="20"/>
<rect x="820" y="680" width="24" height="40"/>
<rect x="820" y="830" width="24" height="25"/>
<!-- On H1 (y=150) -->
<rect x="130" y="150" width="25" height="24"/>
<rect x="220" y="150" width="20" height="24"/>
<rect x="340" y="150" width="30" height="24"/>
<rect x="460" y="150" width="25" height="24"/>
<rect x="600" y="150" width="20" height="24"/>
<rect x="720" y="150" width="25" height="24"/>
<rect x="840" y="150" width="20" height="24"/>
<!-- On H2 (y=280) -->
<rect x="110" y="280" width="20" height="30"/>
<rect x="210" y="280" width="30" height="30"/>
<rect x="330" y="280" width="25" height="30"/>
<rect x="440" y="280" width="20" height="30"/>
<rect x="560" y="280" width="35" height="30"/>
<rect x="680" y="280" width="20" height="30"/>
<rect x="800" y="280" width="25" height="30"/>
<rect x="910" y="280" width="20" height="30"/>
<!-- On H3 (y=400) -->
<rect x="170" y="400" width="25" height="20"/>
<rect x="280" y="400" width="30" height="20"/>
<rect x="400" y="400" width="20" height="20"/>
<rect x="530" y="400" width="35" height="20"/>
<rect x="640" y="400" width="25" height="20"/>
<rect x="760" y="400" width="20" height="20"/>
<rect x="880" y="400" width="30" height="20"/>
<!-- On H4 (y=520) -->
<rect x="130" y="520" width="20" height="36"/>
<rect x="250" y="520" width="35" height="36"/>
<rect x="370" y="520" width="25" height="36"/>
<rect x="480" y="520" width="20" height="36"/>
<rect x="590" y="520" width="30" height="36"/>
<rect x="710" y="520" width="25" height="36"/>
<rect x="830" y="520" width="20" height="36"/>
<!-- On H5 (y=650) -->
<rect x="150" y="650" width="30" height="28"/>
<rect x="270" y="650" width="20" height="28"/>
<rect x="390" y="650" width="35" height="28"/>
<rect x="510" y="650" width="25" height="28"/>
<rect x="620" y="650" width="20" height="28"/>
<rect x="750" y="650" width="30" height="28"/>
<rect x="860" y="650" width="25" height="28"/>
<!-- On H6 (y=780) -->
<rect x="170" y="780" width="25" height="30"/>
<rect x="290" y="780" width="35" height="30"/>
<rect x="410" y="780" width="20" height="30"/>
<rect x="540" y="780" width="30" height="30"/>
<rect x="650" y="780" width="25" height="30"/>
<rect x="770" y="780" width="20" height="30"/>
</g>
<!-- White Overlays -->
<g fill="#F4F4F0">
<!-- On V2 -->
<rect x="220" y="200" width="30" height="20"/>
<rect x="220" y="380" width="30" height="20"/>
<rect x="220" y="550" width="30" height="30"/>
<rect x="220" y="750" width="30" height="20"/>
<!-- On V3 -->
<rect x="350" y="40" width="36" height="25"/>
<rect x="350" y="160" width="36" height="20"/>
<rect x="350" y="300" width="36" height="30"/>
<rect x="350" y="440" width="36" height="20"/>
<rect x="350" y="600" width="36" height="30"/>
<rect x="350" y="720" width="36" height="20"/>
<rect x="350" y="850" width="36" height="25"/>
<!-- On V5 -->
<rect x="550" y="60" width="40" height="20"/>
<rect x="550" y="180" width="40" height="25"/>
<rect x="550" y="330" width="40" height="30"/>
<rect x="550" y="480" width="40" height="20"/>
<rect x="550" y="640" width="40" height="25"/>
<rect x="550" y="820" width="40" height="30"/>
<!-- On H1 -->
<rect x="60" y="150" width="20" height="24"/>
<rect x="160" y="150" width="15" height="24"/>
<rect x="260" y="150" width="20" height="24"/>
<rect x="380" y="150" width="20" height="24"/>
<rect x="550" y="150" width="30" height="24"/>
<rect x="670" y="150" width="25" height="24"/>
<rect x="790" y="150" width="20" height="24"/>
<rect x="910" y="150" width="15" height="24"/>
<!-- On H4 -->
<rect x="60" y="520" width="20" height="36"/>
<rect x="160" y="520" width="25" height="36"/>
<rect x="220" y="520" width="20" height="36"/>
<rect x="340" y="520" width="25" height="36"/>
<rect x="400" y="520" width="20" height="36"/>
<rect x="500" y="520" width="25" height="36"/>
<rect x="620" y="520" width="20" height="36"/>
<rect x="740" y="520" width="25" height="36"/>
<rect x="860" y="520" width="20" height="36"/>
</g>
<!-- Gray Overlays -->
<g fill="#989CA0">
<rect x="220" y="50" width="30" height="30"/>
<rect x="220" y="420" width="30" height="25"/>
<rect x="220" y="850" width="30" height="20"/>
<rect x="350" y="230" width="36" height="25"/>
<rect x="350" y="520" width="36" height="20"/>
<rect x="350" y="780" width="36" height="30"/>
<rect x="550" y="120" width="40" height="20"/>
<rect x="550" y="360" width="40" height="25"/>
<rect x="550" y="620" width="40" height="20"/>
<rect x="550" y="890" width="40" height="25"/>
<rect x="200" y="150" width="15" height="24"/>
<rect x="400" y="150" width="15" height="24"/>
<rect x="620" y="150" width="15" height="24"/>
<rect x="820" y="150" width="15" height="24"/>
<rect x="150" y="520" width="15" height="36"/>
<rect x="290" y="520" width="15" height="36"/>
<rect x="460" y="520" width="15" height="36"/>
<rect x="680" y="520" width="15" height="36"/>
<rect x="800" y="520" width="15" height="36"/>
</g>
<!-- Black Overlays -->
<g fill="#181A1C">
<rect x="220" y="290" width="30" height="15"/>
<rect x="220" y="670" width="30" height="15"/>
<rect x="350" y="180" width="36" height="15"/>
<rect x="350" y="460" width="36" height="15"/>
<rect x="350" y="740" width="36" height="15"/>
<rect x="550" y="270" width="40" height="15"/>
<rect x="550" y="570" width="40" height="15"/>
<rect x="550" y="800" width="40" height="15"/>
<rect x="280" y="150" width="12" height="24"/>
<rect x="530" y="150" width="12" height="24"/>
<rect x="700" y="150" width="12" height="24"/>
<rect x="180" y="520" width="12" height="36"/>
<rect x="390" y="520" width="12" height="36"/>
<rect x="580" y="520" width="12" height="36"/>
<rect x="760" y="520" width="12" height="36"/>
</g>
<!-- Syncopation / Floating Blocks (Boogie Woogie Rhythm) -->
<!-- These are small blocks adjacent to the main grids -->
<g id="syncopation-blocks">
<!-- Cluster 1 -->
<rect x="200" y="200" width="20" height="20" fill="#1D3D70"/>
<rect x="250" y="230" width="20" height="16" fill="#C72C21"/>
<rect x="204" y="350" width="16" height="16" fill="#E5B620"/>
<rect x="250" y="380" width="16" height="20" fill="#989CA0"/>
<rect x="184" y="420" width="16" height="16" fill="#F4F4F0"/>
<rect x="250" y="460" width="24" height="20" fill="#1D3D70"/>
<!-- Cluster 2 -->
<rect x="330" y="120" width="20" height="16" fill="#C72C21"/>
<rect x="386" y="150" width="16" height="20" fill="#1D3D70"/>
<rect x="330" y="260" width="20" height="20" fill="#E5B620"/>
<rect x="386" y="290" width="16" height="16" fill="#989CA0"/>
<rect x="334" y="400" width="16" height="20" fill="#181A1C"/>
<rect x="386" y="430" width="20" height="16" fill="#F4F4F0"/>
<!-- Cluster 3 -->
<rect x="430" y="300" width="20" height="20" fill="#1D3D70"/>
<rect x="470" y="330" width="16" height="16" fill="#C72C21"/>
<rect x="430" y="450" width="20" height="20" fill="#E5B620"/>
<rect x="470" y="480" width="16" height="20" fill="#F4F4F0"/>
<rect x="434" y="600" width="16" height="16" fill="#989CA0"/>
<rect x="470" y="630" width="20" height="20" fill="#1D3D70"/>
<!-- Cluster 4 -->
<rect x="530" y="180" width="20" height="20" fill="#C72C21"/>
<rect x="590" y="210" width="16" height="20" fill="#1D3D70"/>
<rect x="530" y="340" width="20" height="16" fill="#E5B620"/>
<rect x="590" y="370" width="20" height="20" fill="#F4F4F0"/>
<rect x="534" y="500" width="16" height="20" fill="#181A1C"/>
<rect x="590" y="530" width="20" height="16" fill="#989CA0"/>
<!-- Cluster 5 -->
<rect x="660" y="250" width="20" height="16" fill="#1D3D70"/>
<rect x="708" y="280" width="16" height="20" fill="#C72C21"/>
<rect x="660" y="420" width="20" height="20" fill="#E5B620"/>
<rect x="708" y="450" width="20" height="16" fill="#F4F4F0"/>
<rect x="664" y="580" width="16" height="20" fill="#989CA0"/>
<rect x="708" y="610" width="16" height="16" fill="#1D3D70"/>
<!-- Extra random bits for texture -->
<rect x="170" y="280" width="10" height="10" fill="#181A1C"/>
<rect x="290" y="520" width="12" height="12" fill="#E5B620"/>
<rect x="410" y="780" width="10" height="10" fill="#C72C21"/>
<rect x="540" y="150" width="12" height="12" fill="#1D3D70"/>
<rect x="650" y="400" width="10" height="10" fill="#989CA0"/>
<rect x="770" y="650" width="12" height="12" fill="#F4F4F0"/>
<rect x="850" y="280" width="10" height="10" fill="#181A1C"/>
</g>
<!-- Cross Intersections (Small 2x2 or 3x3 grids at intersections) -->
<g id="intersections">
<!-- Intersection V2/H2 -->
<rect x="220" y="280" width="15" height="15" fill="#F4F4F0"/>
<rect x="235" y="280" width="15" height="15" fill="#C72C21"/>
<rect x="220" y="295" width="15" height="15" fill="#1D3D70"/>
<rect x="235" y="295" width="15" height="15" fill="#E5B620"/>
<!-- Intersection V3/H4 -->
<rect x="350" y="520" width="18" height="18" fill="#1D3D70"/>
<rect x="368" y="520" width="18" height="18" fill="#E5B620"/>
<rect x="350" y="538" width="18" height="18" fill="#F4F4F0"/>
<rect x="368" y="538" width="18" height="18" fill="#C72C21"/>
<!-- Intersection V5/H5 -->
<rect x="550" y="650" width="20" height="14" fill="#C72C21"/>
<rect x="570" y="650" width="20" height="14" fill="#1D3D70"/>
<rect x="550" y="664" width="20" height="14" fill="#E5B620"/>
<rect x="570" y="664" width="20" height="14" fill="#989CA0"/>
<!-- Intersection V6/H2 -->
<rect x="680" y="280" width="14" height="15" fill="#E5B620"/>
<rect x="694" y="280" width="14" height="15" fill="#F4F4F0"/>
<rect x="680" y="295" width="14" height="15" fill="#C72C21"/>
<rect x="694" y="295" width="14" height="15" fill="#1D3D70"/>
</g>
<!-- Unfinished Tape Effects (Small fragmented rectangles) -->
<g fill="#E2DED5">
<!-- Tape marks partially obscuring lines to represent the unfinished state -->
<rect x="120" y="140" width="24" height="6"/>
<rect x="220" y="360" width="30" height="8"/>
<rect x="350" y="580" width="36" height="5"/>
<rect x="450" y="800" width="20" height="4"/>
<rect x="550" y="220" width="40" height="7"/>
<rect x="680" y="440" width="28" height="6"/>
<rect x="820" y="660" width="24" height="5"/>
<rect x="180" y="150" width="8" height="24"/>
<rect x="380" y="280" width="6" height="30"/>
<rect x="580" y="400" width="5" height="20"/>
<rect x="780" y="520" width="7" height="36"/>
<rect x="280" y="650" width="6" height="28"/>
<rect x="480" y="780" width="5" height="30"/>
</g>
</g>
<!-- Outline / Canvas Edge -->
<polygon points="500,20 980,500 500,980 20,500" fill="none" stroke="#D0CCBF" stroke-width="2"/>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg width="800" height="800" viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>
.r { fill: #D62626; } /* Red */
.y { fill: #F5CC26; } /* Yellow */
.b { fill: #1D5B99; } /* Blue */
.w { fill: #F2F2F2; } /* Off White/Light Gray */
.g { fill: #B8B8B8; } /* Gray */
.bg { fill: #FFFFFF; } /* Canvas White */
</style>
</defs>
<!-- Background -->
<rect x="0" y="0" width="800" height="800" fill="#ffffff"/>
<!-- Main Art Group: Rotated 45 degrees to create the Lozenge shape -->
<!-- The painting is a square hung on its corner. We draw the square upright, then rotate. -->
<g transform="translate(400, 400) rotate(45) scale(0.68) translate(-500, -500)">
<!-- Canvas Base -->
<rect x="0" y="0" width="1000" height="1000" class="bg"/>
<!-- LARGE COLOR FIELDS (Underlying Blocks) -->
<!-- Top Left Area -->
<rect x="100" y="100" width="150" height="100" class="w"/>
<rect x="250" y="150" width="50" height="100" class="w"/>
<!-- Right Area -->
<rect x="650" y="200" width="150" height="200" class="w"/>
<rect x="700" y="500" width="100" height="100" class="w"/>
<!-- Bottom Left -->
<rect x="150" y="650" width="100" height="150" class="w"/>
<!-- Central Large Blocks -->
<rect x="350" y="350" width="100" height="100" class="w"/>
<!-- THE GRID SYSTEM (Chains of small squares) -->
<!-- Note: In Victory Boogie Woogie, lines are broken into small colored squares -->
<!-- Vertical Strip 1 (Left) -->
<rect x="100" y="0" width="30" height="100" class="y"/>
<rect x="100" y="100" width="30" height="30" class="b"/>
<rect x="100" y="130" width="30" height="120" class="y"/>
<rect x="100" y="250" width="30" height="30" class="r"/>
<rect x="100" y="280" width="30" height="200" class="y"/>
<rect x="100" y="480" width="30" height="30" class="b"/>
<rect x="100" y="510" width="30" height="140" class="y"/>
<rect x="100" y="650" width="30" height="30" class="r"/>
<rect x="100" y="680" width="30" height="120" class="y"/>
<rect x="100" y="800" width="30" height="30" class="b"/>
<rect x="100" y="830" width="30" height="170" class="y"/>
<!-- Vertical Strip 2 -->
<rect x="220" y="0" width="25" height="1000" class="y"/>
<rect x="220" y="150" width="25" height="25" class="b"/>
<rect x="220" y="350" width="25" height="25" class="r"/>
<rect x="220" y="600" width="25" height="25" class="b"/>
<rect x="220" y="850" width="25" height="25" class="r"/>
<!-- Vertical Strip 3 (Center-Left) -->
<g>
<rect x="350" y="0" width="30" height="100" class="y"/>
<rect x="350" y="100" width="30" height="30" class="r"/>
<rect x="350" y="130" width="30" height="150" class="y"/>
<rect x="350" y="280" width="30" height="30" class="b"/>
<rect x="350" y="310" width="30" height="200" class="y"/>
<rect x="350" y="510" width="30" height="30" class="r"/>
<rect x="350" y="540" width="30" height="150" class="y"/>
<rect x="350" y="690" width="30" height="30" class="b"/>
<rect x="350" y="720" width="30" height="280" class="y"/>
</g>
<!-- Vertical Strip 4 (Center-Right) -->
<rect x="520" y="0" width="30" height="1000" class="y"/>
<rect x="520" y="180" width="30" height="30" class="b"/>
<rect x="520" y="420" width="30" height="30" class="r"/>
<rect x="520" y="650" width="30" height="30" class="b"/>
<rect x="520" y="800" width="30" height="30" class="g"/>
<!-- Vertical Strip 5 (Right) -->
<rect x="680" y="0" width="25" height="1000" class="y"/>
<rect x="680" y="100" width="25" height="25" class="r"/>
<rect x="680" y="300" width="25" height="25" class="b"/>
<rect x="680" y="550" width="25" height="25" class="r"/>
<rect x="680" y="800" width="25" height="25" class="b"/>
<!-- Vertical Strip 6 (Far Right) -->
<rect x="850" y="0" width="30" height="1000" class="y"/>
<rect x="850" y="250" width="30" height="30" class="b"/>
<rect x="850" y="500" width="30" height="30" class="r"/>
<rect x="850" y="750" width="30" height="30" class="b"/>
<!-- Horizontal Strip 1 (Top) -->
<rect x="0" y="100" width="1000" height="30" class="y"/>
<rect x="100" y="100" width="30" height="30" class="b"/>
<rect x="350" y="100" width="30" height="30" class="r"/>
<rect x="680" y="100" width="25" height="30" class="r"/>
<!-- Horizontal Strip 2 -->
<rect x="0" y="250" width="1000" height="25" class="y"/>
<rect x="100" y="250" width="30" height="25" class="r"/>
<rect x="520" y="250" width="30" height="25" class="b"/>
<rect x="850" y="250" width="30" height="25" class="b"/>
<!-- Horizontal Strip 3 (Center) -->
<rect x="0" y="400" width="1000" height="30" class="y"/>
<rect x="220" y="400" width="25" height="30" class="g"/>
<rect x="520" y="400" width="30" height="30" class="r"/>
<rect x="750" y="400" width="30" height="30" class="b"/>
<!-- Horizontal Strip 4 -->
<rect x="0" y="550" width="1000" height="25" class="y"/>
<rect x="350" y="550" width="30" height="25" class="r"/>
<rect x="680" y="550" width="25" height="25" class="r"/>
<!-- Horizontal Strip 5 (Bottom) -->
<rect x="0" y="750" width="1000" height="30" class="y"/>
<rect x="100" y="750" width="30" height="30" class="b"/>
<rect x="520" y="750" width="30" height="30" class="r"/>
<rect x="850" y="750" width="30" height="30" class="b"/>
<!-- DETAILED MOSAIC / "BOOGIE WOOGIE" RHYTHM -->
<!-- This section adds the intense complexity of small squares (tape) overlaying the grid -->
<!-- Cluster 1: Top Left Intersection -->
<g transform="translate(100, 100)">
<rect x="5" y="5" width="20" height="20" class="r"/>
<rect x="-30" y="0" width="30" height="30" class="y"/>
<rect x="0" y="-30" width="30" height="30" class="y"/>
<rect x="30" y="0" width="30" height="30" class="g"/>
</g>
<!-- Cluster 2: Center Complex -->
<g transform="translate(350, 400)">
<rect x="-30" y="0" width="30" height="30" class="b"/>
<rect x="0" y="-30" width="30" height="30" class="r"/>
<rect x="30" y="0" width="30" height="30" class="w"/>
<rect x="0" y="30" width="30" height="30" class="g"/>
<rect x="10" y="10" width="10" height="10" class="y"/>
</g>
<!-- Cluster 3: Bottom Right Density -->
<g transform="translate(680, 750)">
<rect x="-25" y="0" width="25" height="30" class="r"/>
<rect x="0" y="-30" width="25" height="30" class="b"/>
<rect x="25" y="0" width="25" height="30" class="y"/>
<rect x="0" y="30" width="25" height="30" class="g"/>
</g>
<!-- SCATTERED SMALL ACCENTS (The "Tape" effect) -->
<!-- Random syncopation along the grid lines -->
<!-- Along Vertical 1 -->
<rect x="105" y="50" width="20" height="20" class="g"/>
<rect x="105" y="350" width="20" height="20" class="b"/>
<rect x="105" y="600" width="20" height="20" class="w"/>
<!-- Along Vertical 3 -->
<rect x="355" y="200" width="20" height="20" class="b"/>
<rect x="355" y="450" width="20" height="20" class="g"/>
<rect x="355" y="620" width="20" height="20" class="r"/>
<!-- Along Vertical 4 -->
<rect x="525" y="80" width="20" height="20" class="r"/>
<rect x="525" y="300" width="20" height="20" class="g"/>
<rect x="525" y="580" width="20" height="20" class="b"/>
<!-- Along Horizontal 1 -->
<rect x="200" y="105" width="20" height="20" class="g"/>
<rect x="450" y="105" width="20" height="20" class="b"/>
<rect x="600" y="105" width="20" height="20" class="w"/>
<!-- Along Horizontal 3 -->
<rect x="150" y="405" width="20" height="20" class="r"/>
<rect x="600" y="405" width="20" height="20" class="g"/>
<rect x="900" y="405" width="20" height="20" class="r"/>
<!-- LARGER COLOR PLANES (Overlaying some grid parts for depth) -->
<!-- Red Block Top Right -->
<rect x="750" y="50" width="100" height="80" class="r"/>
<rect x="780" y="70" width="40" height="40" class="b"/> <!-- Detail inside -->
<!-- Blue Block Bottom Left -->
<rect x="50" y="700" width="80" height="100" class="b"/>
<rect x="70" y="720" width="40" height="40" class="y"/> <!-- Detail inside -->
<!-- Yellow Block Right Middle -->
<rect x="880" y="400" width="80" height="120" class="y"/>
<!-- Grey Block Left Middle -->
<rect x="50" y="350" width="80" height="80" class="g"/>
<!-- EXTRA DENSITY (Small squares to break up long lines) -->
<g id="scattered-mosaic">
<rect x="220" y="280" width="25" height="25" class="g"/>
<rect x="220" y="480" width="25" height="25" class="w"/>
<rect x="220" y="720" width="25" height="25" class="b"/>
<rect x="680" y="180" width="25" height="25" class="g"/>
<rect x="680" y="420" width="25" height="25" class="w"/>
<rect x="680" y="650" width="25" height="25" class="b"/>
<rect x="180" y="250" width="25" height="25" class="b"/>
<rect x="400" y="250" width="25" height="25" class="g"/>
<rect x="650" y="250" width="25" height="25" class="r"/>
<rect x="300" y="550" width="25" height="25" class="b"/>
<rect x="450" y="550" width="25" height="25" class="g"/>
<rect x="600" y="550" width="25" height="25" class="b"/>
</g>
<!-- Final touches of "Tape" (Tiny squares inside squares) -->
<rect x="360" y="110" width="10" height="10" class="y"/>
<rect x="530" y="430" width="10" height="10" class="y"/>
<rect x="110" y="660" width="10" height="10" class="b"/>
<rect x="860" y="260" width="10" height="10" class="w"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300" width="300" height="300">
<rect x="0" y="0" width="300" height="300" fill="#F0F0F0"/>
<g>
<rect x="10" y="10" width="60" height="60" fill="#FF0000"/>
<rect x="80" y="20" width="40" height="40" fill="#0000FF"/>
<rect x="130" y="50" width="50" height="50" fill="#FFFF00"/>
<rect x="190" y="10" width="30" height="80" fill="#00FF00"/>
<rect x="20" y="80" width="40" height="40" fill="#FF0000"/>
<rect x="70" y="100" width="50" height="30" fill="#0000FF"/>
<rect x="130" y="120" width="40" height="40" fill="#FFFF00"/>
<rect x="50" y="150" width="70" height="30" fill="#00FF00"/>
<rect x="130" y="180" width="50" height="40" fill="#FF0000"/>
<rect x="190" y="140" width="40" height="60" fill="#0000FF"/>
<rect x="240" y="100" width="30" height="50" fill="#FFFF00"/>
</g>
</svg>
![]()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
<rect width="800" height="800" fill="#f5f5f5"/>
<!-- Background grid pattern -->
<g id="background-grid">
<rect x="0" y="0" width="800" height="800" fill="#f5f5f5"/>
<!-- Horizontal grid lines -->
<g id="horizontal-lines" stroke="#d9d9d9" stroke-width="2">
<line x1="0" y1="100" x2="800" y2="100"/>
<line x1="0" y1="200" x2="800" y2="200"/>
<line x1="0" y1="300" x2="800" y2="300"/>
<line x1="0" y1="400" x2="800" y2="400"/>
<line x1="0" y1="500" x2="800" y2="500"/>
<line x1="0" y1="600" x2="800" y2="600"/>
<line x1="0" y1="700" x2="800" y2="700"/>
</g>
<!-- Vertical grid lines -->
<g id="vertical-lines" stroke="#d9d9d9" stroke-width="2">
<line x1="100" y1="0" x2="100" y2="800"/>
<line x1="200" y1="0" x2="200" y2="800"/>
<line x1="300" y1="0" x2="300" y2="800"/>
<line x1="400" y1="0" x2="400" y2="800"/>
<line x1="500" y1="0" x2="500" y2="800"/>
<line x1="600" y1="0" x2="600" y2="800"/>
<line x1="700" y1="0" x2="700" y2="800"/>
</g>
</g>
<!-- Main black lines -->
<g id="black-lines" stroke="#000000" stroke-width="12">
<!-- Diagonal lines -->
<line x1="50" y1="50" x2="750" y2="750"/>
<line x1="750" y1="50" x2="50" y2="750"/>
<!-- Horizontal and vertical lines -->
<line x1="0" y1="400" x2="800" y2="400"/>
<line x1="400" y1="0" x2="400" y2="800"/>
<line x1="200" y1="0" x2="200" y2="800"/>
<line x1="600" y1="0" x2="600" y2="800"/>
<line x1="0" y1="200" x2="800" y2="200"/>
<line x1="0" y1="600" x2="800" y2="600"/>
</g>
<!-- Colored squares -->
<g id="colored-squares">
<!-- Red squares -->
<rect x="50" y="50" width="100" height="100" fill="#e30613"/>
<rect x="250" y="150" width="50" height="50" fill="#e30613"/>
<rect x="450" y="250" width="75" height="75" fill="#e30613"/>
<rect x="650" y="550" width="100" height="100" fill="#e30613"/>
<rect x="350" y="650" width="50" height="50" fill="#e30613"/>
<rect x="150" y="450" width="75" height="75" fill="#e30613"/>
<!-- Blue squares -->
<rect x="650" y="50" width="100" height="100" fill="#0066b3"/>
<rect x="150" y="250" width="50" height="50" fill="#0066b3"/>
<rect x="550" y="350" width="75" height="75" fill="#0066b3"/>
<rect x="50" y="650" width="100" height="100" fill="#0066b3"/>
<rect x="450" y="550" width="50" height="50" fill="#0066b3"/>
<rect x="250" y="450" width="75" height="75" fill="#0066b3"/>
<!-- Yellow squares -->
<rect x="350" y="50" width="100" height="100" fill="#ffcc00"/>
<rect x="550" y="150" width="50" height="50" fill="#ffcc00"/>
<rect x="250" y="350" width="75" height="75" fill="#ffcc00"/>
<rect x="450" y="450" width="50" height="50" fill="#ffcc00"/>
<rect x="650" y="350" width="75" height="75" fill="#ffcc00"/>
<rect x="50" y="250" width="50" height="50" fill="#ffcc00"/>
</g>
<!-- Small colored squares pattern -->
<g id="small-squares">
<!-- Small red squares -->
<rect x="125" y="125" width="25" height="25" fill="#e30613"/>
<rect x="325" y="225" width="25" height="25" fill="#e30613"/>
<rect x="525" y="325" width="25" height="25" fill="#e30613"/>
<rect x="725" y="625" width="25" height="25" fill="#e30613"/>
<rect x="425" y="725" width="25" height="25" fill="#e30613"/>
<rect x="225" y="525" width="25" height="25" fill="#e30613"/>
<!-- Small blue squares -->
<rect x="725" y="125" width="25" height="25" fill="#0066b3"/>
<rect x="225" y="325" width="25" height="25" fill="#0066b3"/>
<rect x="625" y="425" width="25" height="25" fill="#0066b3"/>
<rect x="125" y="725" width="25" height="25" fill="#0066b3"/>
<rect x="525" y="625" width="25" height="25" fill="#0066b3"/>
<rect x="325" y="525" width="25" height="25" fill="#0066b3"/>
<!-- Small yellow squares -->
<rect x="425" y="125" width="25" height="25" fill="#ffcc00"/>
<rect x="625" y="225" width="25" height="25" fill="#ffcc00"/>
<rect x="325" y="425" width="25" height="25" fill="#ffcc00"/>
<rect x="525" y="525" width="25" height="25" fill="#ffcc00"/>
<rect x="725" y="425" width="25" height="25" fill="#ffcc00"/>
<rect x="125" y="325" width="25" height="25" fill="#ffcc00"/>
<!-- Small white squares with colored borders -->
<rect x="175" y="175" width="20" height="20" fill="white" stroke="#e30613" stroke-width="3"/>
<rect x="375" y="275" width="20" height="20" fill="white" stroke="#0066b3" stroke-width="3"/>
<rect x="575" y="375" width="20" height="20" fill="white" stroke="#ffcc00" stroke-width="3"/>
<rect x="775" y="675" width="20" height="20" fill="white" stroke="#e30613" stroke-width="3"/>
<rect x="475" y="775" width="20" height="20" fill="white" stroke="#0066b3" stroke-width="3"/>
<rect x="275" y="575" width="20" height="20" fill="white" stroke="#ffcc00" stroke-width="3"/>
</g>
<!-- Tiny colored squares -->
<g id="tiny-squares">
<rect x="85" y="85" width="10" height="10" fill="#e30613"/>
<rect x="185" y="85" width="10" height="10" fill="#0066b3"/>
<rect x="285" y="85" width="10" height="10" fill="#ffcc00"/>
<rect x="385" y="85" width="10" height="10" fill="#e30613"/>
<rect x="485" y="85" width="10" height="10" fill="#0066b3"/>
<rect x="585" y="85" width="10" height="10" fill="#ffcc00"/>
<rect x="685" y="85" width="10" height="10" fill="#e30613"/>
<rect x="85" y="185" width="10" height="10" fill="#0066b3"/>
<rect x="185" y="185" width="10" height="10" fill="#ffcc00"/>
<rect x="285" y="185" width="10" height="10" fill="#e30613"/>
<rect x="385" y="185" width="10" height="10" fill="#0066b3"/>
<rect x="485" y="185" width="10" height="10" fill="#ffcc00"/>
<rect x="585" y="185" width="10" height="10" fill="#e30613"/>
<rect x="685" y="185" width="10" height="10" fill="#0066b3"/>
<rect x="85" y="285" width="10" height="10" fill="#ffcc00"/>
<rect x="185" y="285" width="10" height="10" fill="#e30613"/>
<rect x="285" y="285" width="10" height="10" fill="#0066b3"/>
<rect x="385" y="285" width="10" height="10" fill="#ffcc00"/>
<rect x="485" y="285" width="10" height="10" fill="#e30613"/>
<rect x="585" y="285" width="10" height="10" fill="#0066b3"/>
<rect x="685" y="285" width="10" height="10" fill="#ffcc00"/>
<rect x="85" y="385" width="10" height="10" fill="#e30613"/>
<rect x="185" y="385" width="10" height="10" fill="#0066b3"/>
<rect x="285" y="385" width="10" height="10" fill="#ffcc00"/>
<rect x="385" y="385" width="10" height="10" fill="#e30613"/>
<rect x="485" y="385" width="10" height="10" fill="#0066b3"/>
<rect x="585" y="385" width="10" height="10" fill="#ffcc00"/>
<rect x="685" y="385" width="10" height="10" fill="#e30613"/>
<rect x="85" y="485" width="10" height="10" fill="#0066b3"/>
<rect x="185" y="485" width="10" height="10" fill="#ffcc00"/>
<rect x="285" y="485" width="10" height="10" fill="#e30613"/>
<rect x="385" y="485" width="10" height="10" fill="#0066b3"/>
<rect x="485" y="485" width="10" height="10" fill="#ffcc00"/>
<rect x="585" y="485" width="10" height="10" fill="#e30613"/>
<rect x="685" y="485" width="10" height="10" fill="#0066b3"/>
<rect x="85" y="585" width="10" height="10" fill="#ffcc00"/>
<rect x="185" y="585" width="10" height="10" fill="#e30613"/>
<rect x="285" y="585" width="10" height="10" fill="#0066b3"/>
<rect x="385" y="585" width="10" height="10" fill="#ffcc00"/>
<rect x="485" y="585" width="10" height="10" fill="#e30613"/>
<rect x="585" y="585" width="10" height="10" fill="#0066b3"/>
<rect x="685" y="585" width="10" height="10" fill="#ffcc00"/>
<rect x="85" y="685" width="10" height="10" fill="#e30613"/>
<rect x="185" y="685" width="10" height="10" fill="#0066b3"/>
<rect x="285" y="685" width="10" height="10" fill="#ffcc00"/>
<rect x="385" y="685" width="10" height="10" fill="#e30613"/>
<rect x="485" y="685" width="10" height="10" fill="#0066b3"/>
<rect x="585" y="685" width="10" height="10" fill="#ffcc00"/>
<rect x="685" y="685" width="10" height="10" fill="#e30613"/>
</g>
<!-- Checkerboard pattern areas -->
<g id="checkerboard-areas">
<g transform="translate(100, 100)">
<rect x="0" y="0" width="10" height="10" fill="#e30613"/>
<rect x="10" y="0" width="10" height="10" fill="#ffffff"/>
<rect x="0" y="10" width="10" height="10" fill="#ffffff"/>
<rect x="10" y="10" width="10" height="10" fill="#e30613"/>
<rect x="20" y="0" width="10" height="10" fill="#e30613"/>
<rect x="30" y="0" width="10" height="10" fill="#ffffff"/>
<rect x="20" y="10" width="10" height="10" fill="#ffffff"/>
<rect x="30" y="10" width="10" height="10" fill="#e30613"/>
</g>
<g transform="translate(500, 300)">
<rect x="0" y="0" width="10" height="10" fill="#0066b3"/>
<rect x="10" y="0" width="10" height="10" fill="#ffffff"/>
<rect x="0" y="10" width="10" height="10" fill="#ffffff"/>
<rect x="10" y="10" width="10" height="10" fill="#0066b3"/>
<rect x="20" y="0" width="10" height="10" fill="#0066b3"/>
<rect x="30" y="0" width="10" height="10" fill="#ffffff"/>
<rect x="20" y="10" width="10" height="10" fill="#ffffff"/>
<rect x="30" y="10" width="10" height="10" fill="#0066b3"/>
</g>
<g transform="translate(300, 600)">
<rect x="0" y="0" width="10" height="10" fill="#ffcc00"/>
<rect x="10" y="0" width="10" height="10" fill="#ffffff"/>
<rect x="0" y="10" width="10" height="10" fill="#ffffff"/>
<rect x="10" y="10" width="10" height="10" fill="#ffcc00"/>
<rect x="20" y="0" width="10" height="10" fill="#ffcc00"/>
<rect x="30" y="0" width="10" height="10" fill="#ffffff"/>
<rect x="20" y="10" width="10" height="10" fill="#ffffff"/>
<rect x="30" y="10" width="10" height="10" fill="#ffcc00"/>
</g>
</g>
</svg>
![]()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
<rect width="800" height="800" fill="#f8f8f0"/>
<!-- Main vertical lines -->
<rect x="120" y="0" width="8" height="800" fill="#1a1a1a"/>
<rect x="280" y="0" width="6" height="800" fill="#1a1a1a"/>
<rect x="450" y="0" width="8" height="800" fill="#1a1a1a"/>
<rect x="620" y="0" width="6" height="800" fill="#1a1a1a"/>
<!-- Main horizontal lines -->
<rect x="0" y="150" width="800" height="8" fill="#1a1a1a"/>
<rect x="0" y="320" width="800" height="6" fill="#1a1a1a"/>
<rect x="0" y="480" width="800" height="8" fill="#1a1a1a"/>
<rect x="0" y="650" width="800" height="6" fill="#1a1a1a"/>
<!-- Red rectangles -->
<rect x="130" y="160" width="140" height="150" fill="#d32f2f"/>
<rect x="460" y="330" width="150" height="140" fill="#d32f2f"/>
<rect x="50" y="490" width="60" height="150" fill="#d32f2f"/>
<rect x="630" y="50" width="120" height="90" fill="#d32f2f"/>
<!-- Blue rectangles -->
<rect x="290" y="160" width="150" height="150" fill="#1976d2"/>
<rect x="130" y="490" width="140" height="150" fill="#1976d2"/>
<rect x="460" y="660" width="150" height="120" fill="#1976d2"/>
<rect x="50" y="160" width="60" height="150" fill="#1976d2"/>
<!-- Yellow rectangles -->
<rect x="290" y="330" width="150" height="140" fill="#fbc02d"/>
<rect x="630" y="330" width="120" height="140" fill="#fbc02d"/>
<rect x="290" y="490" width="150" height="150" fill="#fbc02d"/>
<rect x="630" y="160" width="120" height="150" fill="#fbc02d"/>
<!-- Small colored squares creating rhythm -->
<rect x="130" y="50" width="30" height="30" fill="#d32f2f"/>
<rect x="170" y="50" width="30" height="30" fill="#fbc02d"/>
<rect x="210" y="50" width="30" height="30" fill="#1976d2"/>
<rect x="250" y="50" width="30" height="30" fill="#d32f2f"/>
<rect x="460" y="50" width="30" height="30" fill="#1976d2"/>
<rect x="500" y="50" width="30" height="30" fill="#fbc02d"/>
<rect x="540" y="50" width="30" height="30" fill="#d32f2f"/>
<rect x="580" y="50" width="30" height="30" fill="#1976d2"/>
<!-- Bottom edge rhythm -->
<rect x="50" y="720" width="30" height="30" fill="#fbc02d"/>
<rect x="90" y="720" width="30" height="30" fill="#d32f2f"/>
<rect x="130" y="720" width="30" height="30" fill="#1976d2"/>
<rect x="170" y="720" width="30" height="30" fill="#fbc02d"/>
<rect x="290" y="720" width="30" height="30" fill="#d32f2f"/>
<rect x="330" y="720" width="30" height="30" fill="#1976d2"/>
<rect x="370" y="720" width="30" height="30" fill="#fbc02d"/>
<rect x="410" y="720" width="30" height="30" fill="#d32f2f"/>
<!-- Left edge rhythm -->
<rect x="20" y="200" width="20" height="20" fill="#fbc02d"/>
<rect x="20" y="230" width="20" height="20" fill="#d32f2f"/>
<rect x="20" y="260" width="20" height="20" fill="#1976d2"/>
<rect x="20" y="290" width="20" height="20" fill="#fbc02d"/>
<rect x="20" y="380" width="20" height="20" fill="#1976d2"/>
<rect x="20" y="410" width="20" height="20" fill="#d32f2f"/>
<rect x="20" y="440" width="20" height="20" fill="#fbc02d"/>
<!-- Right edge rhythm -->
<rect x="760" y="200" width="20" height="20" fill="#d32f2f"/>
<rect x="760" y="230" width="20" height="20" fill="#1976d2"/>
<rect x="760" y="260" width="20" height="20" fill="#fbc02d"/>
<rect x="760" y="290" width="20" height="20" fill="#d32f2f"/>
<rect x="760" y="380" width="20" height="20" fill="#fbc02d"/>
<rect x="760" y="410" width="20" height="20" fill="#1976d2"/>
<rect x="760" y="440" width="20" height="20" fill="#d32f2f"/>
<!-- Additional broken lines creating movement -->
<rect x="200" y="100" width="4" height="40" fill="#666"/>
<rect x="350" y="120" width="4" height="25" fill="#666"/>
<rect x="520" y="110" width="4" height="35" fill="#666"/>
<rect x="160" y="380" width="40" height="4" fill="#666"/>
<rect x="320" y="400" width="25" height="4" fill="#666"/>
<rect x="550" y="390" width="35" height="4" fill="#666"/>
<!-- Small accent squares -->
<rect x="240" y="200" width="15" height="15" fill="#d32f2f"/>
<rect x="400" y="250" width="15" height="15" fill="#1976d2"/>
<rect x="180" y="420" width="15" height="15" fill="#fbc02d"/>
<rect x="500" y="380" width="15" height="15" fill="#d32f2f"/>
<rect x="350" y="550" width="15" height="15" fill="#1976d2"/>
<rect x="680" y="450" width="15" height="15" fill="#fbc02d"/>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
<defs>
<clipPath id="diamond">
<rect x="100" y="100" width="600" height="600" transform="rotate(45 400 400)"/>
</clipPath>
</defs>
<rect width="800" height="800" fill="#f5f5f0"/>
<g clip-path="url(#diamond)">
<rect x="0" y="0" width="800" height="800" fill="#fafaf5"/>
<!-- Horizontal grid lines with colored segments -->
<g id="hlines">
<!-- Row 1 -->
<rect x="50" y="118" width="20" height="8" fill="#FFD700"/>
<rect x="75" y="118" width="15" height="8" fill="#DC143C"/>
<rect x="95" y="118" width="25" height="8" fill="#FFD700"/>
<rect x="130" y="118" width="12" height="8" fill="#1E90FF"/>
<rect x="150" y="118" width="30" height="8" fill="#FFD700"/>
<rect x="190" y="118" width="18" height="8" fill="#DC143C"/>
<rect x="220" y="118" width="22" height="8" fill="#FFD700"/>
<rect x="260" y="118" width="15" height="8" fill="#1E90FF"/>
<rect x="290" y="118" width="35" height="8" fill="#FFD700"/>
<rect x="340" y="118" width="20" height="8" fill="#DC143C"/>
<rect x="375" y="118" width="28" height="8" fill="#FFD700"/>
<rect x="420" y="118" width="16" height="8" fill="#1E90FF"/>
<rect x="450" y="118" width="25" height="8" fill="#FFD700"/>
<rect x="490" y="118" width="22" height="8" fill="#DC143C"/>
<rect x="530" y="118" width="30" height="8" fill="#FFD700"/>
<rect x="575" y="118" width="18" height="8" fill="#1E90FF"/>
<rect x="610" y="118" width="24" height="8" fill="#FFD700"/>
<rect x="650" y="118" width="20" height="8" fill="#DC143C"/>
<rect x="690" y="118" width="35" height="8" fill="#FFD700"/>
<!-- Row 2 -->
<rect x="80" y="178" width="18" height="8" fill="#FFD700"/>
<rect x="105" y="178" width="22" height="8" fill="#1E90FF"/>
<rect x="140" y="178" width="15" height="8" fill="#FFD700"/>
<rect x="165" y="178" width="28" height="8" fill="#DC143C"/>
<rect x="210" y="178" width="20" height="8" fill="#FFD700"/>
<rect x="245" y="178" width="16" height="8" fill="#1E90FF"/>
<rect x="275" y="178" width="32" height="8" fill="#FFD700"/>
<rect x="320" y="178" width="18" height="8" fill="#DC143C"/>
<rect x="355" y="178" width="25" height="8" fill="#FFD700"/>
<rect x="395" y="178" width="20" height="8" fill="#1E90FF"/>
<rect x="430" y="178" width="28" height="8" fill="#FFD700"/>
<rect x="475" y="178" width="15" height="8" fill="#DC143C"/>
<rect x="505" y="178" width="30" height="8" fill="#FFD700"/>
<rect x="550" y="178" width="22" height="8" fill="#1E90FF"/>
<rect x="590" y="178" width="18" height="8" fill="#FFD700"/>
<rect x="625" y="178" width="26" height="8" fill="#DC143C"/>
<rect x="670" y="178" width="20" height="8" fill="#FFD700"/>
<!-- Row 3 -->
<rect x="100" y="238" width="25" height="8" fill="#DC143C"/>
<rect x="135" y="238" width="18" height="8" fill="#FFD700"/>
<rect x="165" y="238" width="20" height="8" fill="#1E90FF"/>
<rect x="200" y="238" width="30" height="8" fill="#FFD700"/>
<rect x="245" y="238" width="15" height="8" fill="#DC143C"/>
<rect x="275" y="238" width="28" height="8" fill="#FFD700"/>
<rect x="318" y="238" width="22" height="8" fill="#1E90FF"/>
<rect x="355" y="238" width="18" height="8" fill="#FFD700"/>
<rect x="390" y="238" width="25" height="8" fill="#DC143C"/>
<rect x="430" y="238" width="20" height="8" fill="#FFD700"/>
<rect x="465" y="238" width="30" height="8" fill="#1E90FF"/>
<rect x="510" y="238" width="16" height="8" fill="#FFD700"/>
<rect x="545" y="238" width="24" height="8" fill="#DC143C"/>
<rect x="585" y="238" width="22" height="8" fill="#FFD700"/>
<rect x="625" y="238" width="18" height="8" fill="#1E90FF"/>
<rect x="660" y="238" width="28" height="8" fill="#FFD700"/>
<!-- Row 4 -->
<rect x="120" y="298" width="22" height="8" fill="#FFD700"/>
<rect x="155" y="298" width="16" height="8" fill="#1E90FF"/>
<rect x="185" y="298" width="28" height="8" fill="#FFD700"/>
<rect x="228" y="298" width="20" height="8" fill="#DC143C"/>
<rect x="265" y="298" width="25" height="8" fill="#FFD700"/>
<rect x="305" y="298" width="18" height="8" fill="#1E90FF"/>
<rect x="340" y="298" width="30" height="8" fill="#FFD700"/>
<rect x="385" y="298" width="15" height="8" fill="#DC143C"/>
<rect x="415" y="298" width="24" height="8" fill="#FFD700"/>
<rect x="455" y="298" width="22" height="8" fill="#1E90FF"/>
<rect x="495" y="298" width="18" height="8" fill="#FFD700"/>
<rect x="530" y="298" width="28" height="8" fill="#DC143C"/>
<rect x="575" y="298" width="20" height="8" fill="#FFD700"/>
<rect x="612" y="298" width="25" height="8" fill="#1E90FF"/>
<rect x="655" y="298" width="16" height="8" fill="#FFD700"/>
<!-- Row 5 -->
<rect x="140" y="358" width="20" height="8" fill="#1E90FF"/>
<rect x="175" y="358" width="25" height="8" fill="#FFD700"/>
<rect x="215" y="358" width="18" height="8" fill="#DC143C"/>
<rect x="250" y="358" width="30" height="8" fill="#FFD700"/>
<rect x="295" y="358" width="16" height="8" fill="#1E90FF"/>
<rect x="328" y="358" width="24" height="8" fill="#FFD700"/>
<rect x="370" y="358" width="22" height="8" fill="#DC143C"/>
<rect x="408" y="358" width="18" height="8" fill="#FFD700"/>
<rect x="445" y="358" width="28" height="8" fill="#1E90FF"/>
<rect x="490" y="358" width="20" height="8" fill="#FFD700"/>
<rect x="528" y="358" width="25" height="8" fill="#DC143C"/>
<rect x="570" y="358" width="16" height="8" fill="#FFD700"/>
<rect x="605" y="358" width="22" height="8" fill="#1E90FF"/>
<rect x="645" y="358" width="30" height="8" fill="#FFD700"/>
<!-- Row 6 - Center area -->
<rect x="160" y="398" width="18" height="8" fill="#FFD700"/>
<rect x="195" y="398" width="22" height="8" fill="#DC143C"/>
<rect x="235" y="398" width="16" height="8" fill="#FFD700"/>
<rect x="268" y="398" width="28" height="8" fill="#1E90FF"/>
<rect x="312" y="398" width="20" height="8" fill="#FFD700"/>
<rect x="350" y="398" width="25" height="8" fill="#DC143C"/>
<rect x="392" y="398" width="18" height="8" fill="#FFD700"/>
<rect x="428" y="398" width="24" height="8" fill="#1E90FF"/>
<rect x="470" y="398" width="22" height="8" fill="#FFD700"/>
<rect x="510" y="398" width="16" height="8" fill="#DC143C"/>
<rect x="545" y="398" width="30" height="8" fill="#FFD700"/>
<rect x="592" y="398" width="20" height="8" fill="#1E90FF"/>
<rect x="630" y="398" width="25" height="8" fill="#FFD700"/>
<!-- Row 7 -->
<rect x="150" y="438" width="24" height="8" fill="#DC143C"/>
<rect x="190" y="438" width="18" height="8" fill="#FFD700"/>
<rect x="225" y="438" width="30" height="8" fill="#1E90FF"/>
<rect x="272" y="438" width="16" height="8" fill="#FFD700"/>
<rect x="305" y="438" width="22" height="8" fill="#DC143C"/>
<rect x="345" y="438" width="28" height="8" fill="#FFD700"/>
<rect x="390" y="438" width="20" height="8" fill="#1E90FF"/>
<rect x="428" y="438" width="25" height="8" fill="#FFD700"/>
<rect x="472" y="438" width="18" height="8" fill="#DC143C"/>
<rect x="508" y="438" width="24" height="8" fill="#FFD700"/>
<rect x="550" y="438" width="22" height="8" fill="#1E90FF"/>
<rect x="590" y="438" width="16" height="8" fill="#FFD700"/>
<rect x="625" y="438" width="28" height="8" fill="#DC143C"/>
<!-- Row 8 -->
<rect x="140" y="498" width="22" height="8" fill="#FFD700"/>
<rect x="178" y="498" width="16" height="8" fill="#1E90FF"/>
<rect x="210" y="498" width="25" height="8" fill="#FFD700"/>
<rect x="252" y="498" width="20" height="8" fill="#DC143C"/>
<rect x="290" y="498" width="28" height="8" fill="#FFD700"/>
<rect x="335" y="498" width="18" height="8" fill="#1E90FF"/>
<rect x="372" y="498" width="24" height="8" fill="#FFD700"/>
<rect x="415" y="498" width="22" height="8" fill="#DC143C"/>
<rect x="455" y="498" width="16" height="8" fill="#FFD700"/>
<rect x="490" y="498" width="30" height="8" fill="#1E90FF"/>
<rect x="538" y="498" width="20" height="8" fill="#FFD700"/>
<rect x="578" y="498" width="25" height="8" fill="#DC143C"/>
<rect x="622" y="498" width="18" height="8" fill="#FFD700"/>
<rect x="660" y="498" width="24" height="8" fill="#1E90FF"/>
<!-- Row 9 -->
<rect x="120" y="558" width="18" height="8" fill="#1E90FF"/>
<rect x="155" y="558" width="28" height="8" fill="#FFD700"/>
<rect x="200" y="558" width="20" height="8" fill="#DC143C"/>
<rect x="238" y="558" width="24" height="8" fill="#FFD700"/>
<rect x="280" y="558" width="16" height="8" fill="#1E90FF"/>
<rect x="315" y="558" width="22" height="8" fill="#FFD700"/>
<rect x="355" y="558" width="30" height="8" fill="#DC143C"/>
<rect x="402" y="558" width="18" height="8" fill="#FFD700"/>
<rect x="440" y="558" width="25" height="8" fill="#1E90FF"/>
<rect x="482" y="558" width="20" height="8" fill="#FFD700"/>
<rect x="520" y="558" width="28" height="8" fill="#DC143C"/>
<rect x="568" y="558" width="16" height="8" fill="#FFD700"/>
<rect x="602" y="558" width="22" height="8" fill="#1E90FF"/>
<rect x="642" y="558" width="30" height="8" fill="#FFD700"/>
<!-- Row 10 -->
<rect x="100" y="618" width="25" height="8" fill="#FFD700"/>
<rect x="142" y="618" width="18" height="8" fill="#DC143C"/>
<rect x="178" y="618" width="22" height="8" fill="#FFD700"/>
<rect x="218" y="618" width="16" height="8" fill="#1E90FF"/>
<rect x="252" y="618" width="30" height="8" fill="#FFD700"/>
<rect x="300" y="618" width="20" height="8" fill="#DC143C"/>
<rect x="338" y="618" width="28" height="8" fill="#FFD700"/>
<rect x="385" y="618" width="24" height="8" fill="#1E90FF"/>
<rect x="428" y="618" width="18" height="8" fill="#FFD700"/>
<rect x="465" y="618" width="22" height="8" fill="#DC143C"/>
<rect x="505" y="618" width="16" height="8" fill="#FFD700"/>
<rect x="540" y="618" width="30" height="8" fill="#1E90FF"/>
<rect x="588" y="618" width="25" height="8" fill="#FFD700"/>
<rect x="632" y="618" width="20" height="8" fill="#DC143C"/>
<rect x="672" y="618" width="28" height="8" fill="#FFD700"/>
<!-- Row 11 -->
<rect x="80" y="678" width="20" height="8" fill="#DC143C"/>
<rect x="118" y="678" width="28" height="8" fill="#FFD700"/>
<rect x="165" y="678" width="16" height="8" fill="#1E90FF"/>
<rect x="200" y="678" width="24" height="8" fill="#FFD700"/>
<rect x="242" y="678" width="22" height="8" fill="#DC143C"/>
<rect x="282" y="678" width="18" height="8" fill="#FFD700"/>
<rect x="318" y="678" width="30" height="8" fill="#1E90FF"/>
<rect x="368" y="678" width="20" height="8" fill="#FFD700"/>
<rect x="408" y="678" width="25" height="8" fill="#DC143C"/>
<rect x="452" y="678" width="16" height="8" fill="#FFD700"/>
<rect x="488" y="678" width="28" height="8" fill="#1E90FF"/>
<rect x="535" y="678" width="22" height="8" fill="#FFD700"/>
<rect x="578" y="678" width="18" height="8" fill="#DC143C"/>
<rect x="618" y="678" width="24" height="8" fill="#FFD700"/>
<rect x="662" y="678" width="30" height="8" fill="#1E90FF"/>
</g>
<!-- Vertical grid lines with colored segments -->
<g id="vlines">
<!-- Column 1 -->
<rect x="118" y="50" width="8" height="18" fill="#FFD700"/>
<rect x="118" y="75" width="8" height="22" fill="#DC143C"/>
<rect x="118" y="108" width="8" height="16" fill="#FFD700"/>
<rect x="118" y="135" width="8" height="28" fill="#1E90FF"/>
<rect x="118" y="178" width="8" height="20" fill="#FFD700"/>
<rect x="118" y="212" width="8" height="25" fill="#DC143C"/>
<rect x="118" y="252" width="8" height="18" fill="#FFD700"/>
<rect x="118" y="285" width="8" height="30" fill="#1E90FF"/>
<rect x="118" y="332" width="8" height="22" fill="#FFD700"/>
<rect x="118" y="370" width="8" height="16" fill="#DC143C"/>
<rect x="118" y="402" width="8" height="28" fill="#FFD700"/>
<rect x="118" y="448" width="8" height="20" fill="#1E90FF"/>
<rect x="118" y="485" width="8" height="25" fill="#FFD700"/>
<rect x="118" y="528" width="8" height="18" fill="#DC143C"/>
<rect x="118" y="565" width="8" height="30" fill="#FFD700"/>
<rect x="118" y="612" width="8" height="22" fill="#1E90FF"/>
<rect x="118" y="652" width="8" height="16" fill="#FFD700"/>
<rect x="118" y="688" width="8" height="28" fill="#DC143C"/>
<!-- Column 2 -->
<rect x="178" y="80" width="8" height="22" fill="#1E90FF"/>
<rect x="178" y="115" width="8" height="18" fill="#FFD700"/>
<rect x="178" y="148" width="8" height="25" fill="#DC143C"/>
<rect x="178" y="190" width="8" height="16" fill="#FFD700"/>
<rect x="178" y="222" width="8" height="30" fill="#1E90FF"/>
<rect x="178" y="268" width="8" height="20" fill="#FFD700"/>
<rect x="178" y="305" width="8" height="28" fill="#DC143C"/>
<rect x="178" y="352" width="8" height="22" fill="#FFD700"/>
<rect x="178" y="392" width="8" height="18" fill="#1E90FF"/>
<rect x="178" y="428" width="8" height="25" fill="#FFD700"/>
<rect x="178" y="472" width="8" height="16" fill="#DC143C"/>
<rect x="178" y="505" width="8" height="30" fill="#FFD700"/>
<rect x="178" y="552" width="8" height="20" fill="#1E90FF"/>
<rect x="178" y="590" width="8" height="28" fill="#FFD700"/>
<rect x="178" y="638" width="8" height="22" fill="#DC143C"/>
<rect x="178" y="680" width="8" height="18" fill="#FFD700"/>
<!-- Column 3 -->
<rect x="238" y="100" width="8" height="25" fill="#FFD700"/>
<rect x="238" y="138" width="8" height="20" fill="#DC143C"/>
<rect x="238" y="175" width="8" height="28" fill="#FFD700"/>
<rect x="238" y="220" width="8" height="16" fill="#1E90FF"/>
<rect x="238" y="255" width="8" height="22" fill="#FFD700"/>
<rect x="238" y="295" width="8" height="30" fill="#DC143C"/>
<rect x="238" y="345" width="8" height="18" fill="#FFD700"/>
<rect x="238" y="382" width="8" height="25" fill="#1E90FF"/>
<rect x="238" y="428" width="8" height="20" fill="#FFD700"/>
<rect x="238" y="468" width="8" height="28" fill="#DC143C"/>
<rect x="238" y="515" width="8" height="16" fill="#FFD700"/>
<rect x="238" y="548" width="8" height="22" fill="#1E90FF"/>
<rect x="238" y="588" width="8" height="30" fill="#FFD700"/>
<rect x="238" y="638" width="8" height="18" fill="#DC143C"/>
<rect x="238" y="678" width="8" height="25" fill="#FFD700"/>
<!-- Column 4 -->
<rect x="298" y="120" width="8" height="18" fill="#DC143C"/>
<rect x="298" y="155" width="8" height="25" fill="#FFD700"/>
<rect x="298" y="198" width="8" height="22" fill="#1E90FF"/>
<rect x="298" y="238" width="8" height="16" fill="#FFD700"/>
<rect x="298" y="272" width="8" height="30" fill="#DC143C"/>
<rect x="298" y="322" width="8" height="20" fill="#FFD700"/>
<rect x="298" y="362" width="8" height="28" fill="#1E90FF"/>
<rect x="298" y="408" width="8" height="18" fill="#FFD700"/>
<rect x="298" y="445" width="8" height="25" fill="#DC143C"/>
<rect x="298" y="490" width="8" height="22" fill="#FFD700"/>
<rect x="298" y="532" width="8" height="16" fill="#1E90FF"/>
<rect x="298" y="568" width="8" height="30" fill="#FFD700"/>
<rect x="298" y="618" width="8" height="20" fill="#DC143C"/>
<rect x="298" y="658" width="8" height="28" fill="#FFD700"/>
<!-- Column 5 -->
<rect x="358" y="140" width="8" height="22" fill="#FFD700"/>
<rect x="358" y="178" width="8" height="18" fill="#1E90FF"/>
<rect x="358" y="215" width="8" height="30" fill="#FFD700"/>
<rect x="358" y="262" width="8" height="20" fill="#DC143C"/>
<rect x="358" y="302" width="8" height="25" fill="#FFD700"/>
<rect x="358" y="348" width="8" height="16" fill="#1E90FF"/>
<rect x="358" y="382" width="8" height="28" fill="#FFD700"/>
<rect x="358" y="430" width="8" height="22" fill="#DC143C"/>
<rect x="358" y="472" width="8" height="18" fill="#FFD700"/>
<rect x="358" y="510" width="8" height="30" fill="#1E90FF"/>
<rect x="358" y="560" width="8" height="20" fill="#FFD700"/>
<rect x="358" y="602" width="8" height="25" fill="#DC143C"/>
<rect x="358" y="648" width="8" height="16" fill="#FFD700"/>
<!-- Column 6 - Center -->
<rect x="398" y="155" width="8" height="20" fill="#1E90FF"/>
<rect x="398" y="192" width="8" height="28" fill="#FFD700"/>
<rect x="398" y="238" width="8" height="16" fill="#DC143C"/>
<rect x="398" y="275" width="8" height="25" fill="#FFD700"/>
<rect x="398" y="320" width="8" height="22" fill="#1E90FF"/>
<rect x="398" y="362" width="8" height="18" fill="#FFD700"/>
<rect x="398" y="400" width="8" height="30" fill="#DC143C"/>
<rect x="398" y="450" width="8" height="20" fill="#FFD700"/>
<rect x="398" y="492" width="8" height="28" fill="#1E90FF"/>
<rect x="398" y="540" width="8" height="16" fill="#FFD700"/>
<rect x="398" y="578" width="8" height="25" fill="#DC143C"/>
<rect x="398" y="625" width="8" height="22" fill="#FFD700"/>
<!-- Column 7 -->
<rect x="438" y="165" width="8" height="25" fill="#DC143C"/>
<rect x="438" y="208" width="8" height="18" fill="#FFD700"/>
<rect x="438" y="248" width="8" height="30" fill="#1E90FF"/>
<rect x="438" y="298" width="8" height="22" fill="#FFD700"/>
<rect x="438" y="340" width="8" height="16" fill="#DC143C"/>
<rect x="438" y="378" width="8" height="28" fill="#FFD700"/>
<rect x="438" y="428" width="8" height="20" fill="#1E90FF"/>
<rect x="438" y="470" width="8" height="25" fill="#FFD700"/>
<rect x="438" y="518" width="8" height="18" fill="#DC143C"/>
<rect x="438" y="558" width="8" height="30" fill="#FFD700"/>
<rect x="438" y="608" width="8" height="22" fill="#1E90FF"/>
<rect x="438" y="652" width="8" height="16" fill="#FFD700"/>
<!-- Column 8 -->
<rect x="498" y="150" width="8" height="22" fill="#FFD700"/>
<rect x="498" y="190" width="8" height="16" fill="#1E90FF"/>
<rect x="498" y="228" width="8" height="28" fill="#FFD700"/>
<rect x="498" y="278" width="8" height="20" fill="#DC143C"/>
<rect x="498" y="320" width="8" height="25" fill="#FFD700"/>
<rect x="498" y="368" width="8" height="18" fill="#1E90FF"/>
<rect x="498" y="408" width="8" height="30" fill="#FFD700"/>
<rect x="498" y="458" width="8" height="22" fill="#DC143C"/>
<rect x="498" y="502" width="8" height="16" fill="#FFD700"/>
<rect x="498" y="540" width="8" height="28" fill="#1E90FF"/>
<rect x="498" y="590" width="8" height="20" fill="#FFD700"/>
<rect x="498" y="632" width="8" height="25" fill="#DC143C"/>
<rect x="498" y="680" width="8" height="18" fill="#FFD700"/>
<!-- Column 9 -->
<rect x="558" y="135" width="8" height="18" fill="#DC143C"/>
<rect x="558" y="172" width="8" height="30" fill="#FFD700"/>
<rect x="558" y="222" width="8" height="22" fill="#1E90FF"/>
<rect x="558" y="265" width="8" height="16" fill="#FFD700"/>
<rect x="558" y="302" width="8" height="28" fill="#DC143C"/>
<rect x="558" y="352" width="8" height="20" fill="#FFD700"/>
<rect x="558" y="395" width="8" height="25" fill="#1E90FF"/>
<rect x="558" y="442" width="8" height="18" fill="#FFD700"/>
<rect x="558" y="482" width="8" height="30" fill="#DC143C"/>
<rect x="558" y="532" width="8" height="22" fill="#FFD700"/>
<rect x="558" y="578" width="8" height="16" fill="#1E90FF"/>
<rect x="558" y="618" width="8" height="28" fill="#FFD700"/>
<rect x="558" y="668" width="8" height="20" fill="#DC143C"/>
<!-- Column 10 -->
<rect x="618" y="115" width="8" height="25" fill="#FFD700"/>
<rect x="618" y="158" width="8" height="20" fill="#1E90FF"/>
<rect x="618" y="200" width="8" height="28" fill="#FFD700"/>
<rect x="618" y="248" width="8" height="16" fill="#DC143C"/>
<rect x="618" y="285" width="8" height="22" fill="#FFD700"/>
<rect x="618" y="328" width="8" height="30" fill="#1E90FF"/>
<rect x="618" y="380" width="8" height="18" fill="#FFD700"/>
<rect x="618" y="420" width="8" height="25" fill="#DC143C"/>
<rect x="618" y="468" width="8" height="20" fill="#FFD700"/>
<rect x="618" y="510" width="8" height="28" fill="#1E90FF"/>
<rect x="618" y="560" width="8" height="16" fill="#FFD700"/>
<rect x="618" y="600" width="8" height="22" fill="#DC143C"/>
<rect x="618" y="645" width="8" height="30" fill="#FFD700"/>
<!-- Column 11 -->
<rect x="678" y="95" width="8" height="22" fill="#1E90FF"/>
<rect x="678" y="135" width="8" height="18" fill="#FFD700"/>
<rect x="678" y="175" width="8" height="30" fill="#DC143C"/>
<rect x="678" y="225" width="8" height="20" fill="#FFD700"/>
<rect x="678" y="268" width="8" height="25" fill="#1E90FF"/>
<rect x="678" y="315" width="8" height="16" fill="#FFD700"/>
<rect x="678" y="355" width="8" height="28" fill="#DC143C"/>
<rect x="678" y="405" width="8" height="22" fill="#FFD700"/>
<rect x="678" y="450" width="8" height="18" fill="#1E90FF"/>
<rect x="678" y="492" width="8" height="30" fill="#FFD700"/>
<rect x="678" y="545" width="8" height="20" fill="#DC143C"/>
<rect x="678" y="590" width="8" height="25" fill="#FFD700"/>
<rect x="678" y="638" width="8" height="16" fill="#1E90FF"/>
<rect x="678" y="680" width="8" height="28" fill="#FFD700"/>
</g>
<!-- Small colored squares scattered throughout -->
<g id="squares">
<!-- Red squares -->
<rect x="125" y="185" width="12" height="12" fill="#DC143C"/>
<rect x="185" y="245" width="15" height="15" fill="#DC143C"/>
<rect x="305" y="185" width="10" height="10" fill="#DC143C"/>
<rect x="365" y="305" width="14" height="14" fill="#DC143C"/>
<rect x="245" y="365" width="12" height="12" fill="#DC143C"/>
<rect x="425" y="245" width="16" height="16" fill="#DC143C"/>
<rect x="485" y="425" width="11" height="11" fill="#DC143C"/>
<rect x="545" y="305" width="13" height="13" fill="#DC143C"/>
<rect x="605" y="185" width="10" height="10" fill="#DC143C"/>
<rect x="365" y="485" width="15" height="15" fill="#DC143C"/>
<rect x="245" y="545" width="12" height="12" fill="#DC143C"/>
<rect x="485" y="545" width="14" height="14" fill="#DC143C"/>
<rect x="605" y="485" width="11" height="11" fill="#DC143C"/>
<rect x="545" y="605" width="13" height="13" fill="#DC143C"/>
<rect x="185" y="425" width="10" height="10" fill="#DC143C"/>
<rect x="665" y="365" width="12" height="12" fill="#DC143C"/>
<rect x="125" y="305" width="9" height="9" fill="#DC143C"/>
<rect x="425" y="605" width="14" height="14" fill="#DC143C"/>
<!-- Blue squares -->
<rect x="155" y="155" width="14" height="14" fill="#1E90FF"/>
<rect x="215" y="275" width="12" height="12" fill="#1E90FF"/>
<rect x="275" y="155" width="11" height="11" fill="#1E90FF"/>
<rect x="335" y="275" width="15" height="15" fill="#1E90FF"/>
<rect x="395" y="335" width="13" height="13" fill="#1E90FF"/>
<rect x="455" y="215" width="10" height="10" fill="#1E90FF"/>
<rect x="515" y="335" width="14" height="14" fill="#1E90FF"/>
<rect x="575" y="215" width="12" height="12" fill="#1E90FF"/>
<rect x="635" y="275" width="11" height="11" fill="#1E90FF"/>
<rect x="155" y="395" width="15" height="15" fill="#1E90FF"/>
<rect x="275" y="455" width="13" height="13" fill="#1E90FF"/>
<rect x="395" y="515" width="10" height="10" fill="#1E90FF"/>
<rect x="515" y="455" width="14" height="14" fill="#1E90FF"/>
<rect x="575" y="575" width="12" height="12" fill="#1E90FF"/>
<rect x="635" y="455" width="11" height="11" fill="#1E90FF"/>
<rect x="215" y="635" width="15" height="15" fill="#1E90FF"/>
<rect x="335" y="575" width="13" height="13" fill="#1E90FF"/>
<rect x="455" y="635" width="10" height="10" fill="#1E90FF"/>
<!-- Yellow squares -->
<rect x="140" y="140" width="18" height="18" fill="#FFD700"/>
<rect x="200" y="200" width="16" height="16" fill="#FFD700"/>
<rect x="260" y="260" width="14" height="14" fill="#FFD700"/>
<rect x="320" y="200" width="18" height="18" fill="#FFD700"/>
<rect x="380" y="260" width="16" height="16" fill="#FFD700"/>
<rect x="440" y="320" width="14" height="14" fill="#FFD700"/>
<rect x="500" y="260" width="18" height="18" fill="#FFD700"/>
<rect x="560" y="200" width="16" height="16" fill="#FFD700"/>
<rect x="620" y="320" width="14" height="14" fill="#FFD700"/>
<rect x="140" y="320" width="18" height="18" fill="#FFD700"/>
<rect x="200" y="380" width="16" height="16" fill="#FFD700"/>
<rect x="260" y="440" width="14" height="14" fill="#FFD700"/>
<rect x="320" y="380" width="18" height="18" fill="#FFD700"/>
<rect x="380" y="440" width="16" height="16" fill="#FFD700"/>
<rect x="440" y="500" width="14" height="14" fill="#FFD700"/>
<rect x="500" y="440" width="18" height="18" fill="#FFD700"/>
<rect x="560" y="380" width="16" height="16" fill="#FFD700"/>
<rect x="620" y="500" width="14" height="14" fill="#FFD700"/>
<rect x="140" y="500" width="18" height="18" fill="#FFD700"/>
<rect x="200" y="560" width="16" height="16" fill="#FFD700"/>
<rect x="260" y="620" width="14" height="14" fill="#FFD700"/>
<rect x="320" y="560" width="18" height="18" fill="#FFD700"/>
<rect x="380" y="620" width="16" height="16" fill="#FFD700"/>
<rect x="440" y="560" width="14" height="14" fill="#FFD700"/>
<rect x="500" y="620" width="18" height="18" fill="#FFD700"/>
<rect x="560" y="560" width="16" height="16" fill="#FFD700"/>
<rect x="620" y="620" width="14" height="14" fill="#FFD700"/>
<!-- Gray accents -->
<rect x="175" y="225" width="8" height="8" fill="#808080"/>
<rect x="295" y="345" width="8" height="8" fill="#808080"/>
<rect x="415" y="225" width="8" height="8" fill="#808080"/>
<rect x="535" y="345" width="8" height="8" fill="#808080"/>
<rect x="295" y="465" width="8" height="8" fill="#808080"/>
<rect x="415" y="585" width="8" height="8" fill="#808080"/>
<rect x="175" y="465" width="8" height="8" fill="#808080"/>
<rect x="535" y="585" width="8" height="8" fill="#808080"/>
<rect x="655" y="465" width="8" height="8" fill="#808080"/>
<rect x="175" y="585" width="8" height="8" fill="#808080"/>
<rect x="655" y="225" width="8" height="8" fill="#808080"/>
<!-- Light gray accents -->
<rect x="230" y="170" width="6" height="6" fill="#C0C0C0"/>
<rect x="350" y="230" width="6" height="6" fill="#C0C0C0"/>
<rect x="470" y="170" width="6" height="6" fill="#C0C0C0"/>
<rect x="590" y="290" width="6" height="6" fill="#C0C0C0"/>
<rect x="230" y="410" width="6" height="6" fill="#C0C0C0"/>
<rect x="350" y="530" width="6" height="6" fill="#C0C0C0"/>
<rect x="470" y="410" width="6" height="6" fill="#C0C0C0"/>
<rect x="590" y="530" width="6" height="6" fill="#C0C0C0"/>
<rect x="230" y="650" width="6" height="6" fill="#C0C0C0"/>
<rect x="470" y="650" width="6" height="6" fill="#C0C0C0"/>
</g>
<!-- Additional intersection squares for richness -->
<g id="intersections">
<rect x="116" y="176" width="12" height="12" fill="#FFD700"/>
<rect x="176" y="236" width="12" height="12" fill="#1E90FF"/>
<rect x="236" y="296" width="12" height="12" fill="#DC143C"/>
<rect x="296" y="356" width="12" height="12" fill="#FFD700"/>
<rect x="356" y="396" width="12" height="12" fill="#1E90FF"/>
<rect x="396" y="436" width="12" height="12" fill="#DC143C"/>
<rect x="436" y="496" width="12" height="12" fill="#FFD700"/>
<rect x="496" y="556" width="12" height="12" fill="#1E90FF"/>
<rect x="556" y="616" width="12" height="12" fill="#DC143C"/>
<rect x="616" y="676" width="12" height="12" fill="#FFD700"/>
<rect x="176" y="116" width="12" height="12" fill="#DC143C"/>
<rect x="236" y="176" width="12" height="12" fill="#FFD700"/>
<rect x="296" y="236" width="12" height="12" fill="#1E90FF"/>
<rect x="356" y="296" width="12" height="12" fill="#DC143C"/>
<rect x="416" y="356" width="12" height="12" fill="#FFD700"/>
<rect x="476" y="416" width="12" height="12" fill="#1E90FF"/>
<rect x="536" y="476" width="12" height="12" fill="#DC143C"/>
<rect x="596" y="536" width="12" height="12" fill="#FFD700"/>
<rect x="656" y="596" width="12" height="12" fill="#1E90FF"/>
<rect x="116" y="296" width="12" height="12" fill="#1E90FF"/>
<rect x="176" y="356" width="12" height="12" fill="#DC143C"/>
<rect x="236" y="416" width="12" height="12" fill="#FFD700"/>
<rect x="296" y="476" width="12" height="12" fill="#1E90FF"/>
<rect x="356" y="536" width="12" height="12" fill="#DC143C"/>
<rect x="416" y="596" width="12" height="12" fill="#FFD700"/>
<rect x="476" y="656" width="12" height="12" fill="#1E90FF"/>
<rect x="536" y="116" width="12" height="12" fill="#FFD700"/>
<rect x="596" y="176" width="12" height="12" fill="#DC143C"/>
<rect x="656" y="236" width="12" height="12" fill="#1E90FF"/>
<rect x="596" y="296" width="12" height="12" fill="#FFD700"/>
<rect x="656" y="356" width="12" height="12" fill="#DC143C"/>
<rect x="596" y="416" width="12" height="12" fill="#1E90FF"/>
<rect x="656" y="476" width="12" height="12" fill="#FFD700"/>
<rect x="116" y="416" width="12" height="12" fill="#DC143C"/>
<rect x="176" y="476" width="12" height="12" fill="#FFD700"/>
<rect x="236" y="536" width="12" height="12" fill="#1E90FF"/>
<rect x="296" y="596" width="12" height="12" fill="#DC143C"/>
<rect x="356" y="656" width="12" height="12" fill="#FFD700"/>
<rect x="116" y="536" width="12" height="12" fill="#FFD700"/>
<rect x="176" y="596" width="12" height="12" fill="#1E90FF"/>
<rect x="236" y="656" width="12" height="12" fill="#DC143C"/>
<rect x="416" y="116" width="12" height="12" fill="#1E90FF"/>
<rect x="476" y="176" width="12" height="12" fill="#FFD700"/>
<rect x="536" y="236" width="12" height="12" fill="#DC143C"/>
<rect x="476" y="296" width="12" height="12" fill="#1E90FF"/>
<rect x="536" y="356" width="12" height="12" fill="#FFD700"/>
</g>
</g>
<!-- Diamond border -->
<rect x="100" y="100" width="600" height="600" transform="rotate(45 400 400)" fill="none" stroke="#e0e0d8" stroke-width="3"/>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" width="800" height="800">
<defs>
<clipPath id="diamond">
<rect x="0" y="0" width="566" height="566" transform="translate(400,115) rotate(45) translate(-283,-283)"/>
</clipPath>
</defs>
<rect width="800" height="800" fill="#f5f0e8"/>
<g clip-path="url(#diamond)">
<rect x="0" y="0" width="800" height="800" fill="#faf6ee"/>
<!-- Major grid lines made of colored blocks (horizontal) -->
<!-- Row 1 ~y=200 -->
<g>
<rect x="100" y="196" width="12" height="8" fill="#f7d916"/>
<rect x="114" y="196" width="8" height="8" fill="#d42a2a"/>
<rect x="124" y="196" width="14" height="8" fill="#f7d916"/>
<rect x="140" y="196" width="8" height="8" fill="#2a5caa"/>
<rect x="150" y="196" width="16" height="8" fill="#f7d916"/>
<rect x="168" y="196" width="8" height="8" fill="#d42a2a"/>
<rect x="178" y="196" width="12" height="8" fill="#f7d916"/>
<rect x="192" y="196" width="10" height="8" fill="#888"/>
<rect x="204" y="196" width="16" height="8" fill="#f7d916"/>
<rect x="222" y="196" width="8" height="8" fill="#2a5caa"/>
<rect x="232" y="196" width="14" height="8" fill="#f7d916"/>
<rect x="248" y="196" width="10" height="8" fill="#d42a2a"/>
<rect x="260" y="196" width="12" height="8" fill="#f7d916"/>
<rect x="274" y="196" width="8" height="8" fill="#f7d916"/>
<rect x="284" y="196" width="8" height="8" fill="#888"/>
<rect x="294" y="196" width="16" height="8" fill="#f7d916"/>
<rect x="312" y="196" width="8" height="8" fill="#d42a2a"/>
<rect x="322" y="196" width="14" height="8" fill="#f7d916"/>
<rect x="338" y="196" width="10" height="8" fill="#2a5caa"/>
<rect x="350" y="196" width="12" height="8" fill="#f7d916"/>
<rect x="364" y="196" width="8" height="8" fill="#d42a2a"/>
<rect x="374" y="196" width="16" height="8" fill="#f7d916"/>
<rect x="392" y="196" width="8" height="8" fill="#888"/>
<rect x="402" y="196" width="14" height="8" fill="#f7d916"/>
<rect x="418" y="196" width="10" height="8" fill="#f7d916"/>
<rect x="430" y="196" width="8" height="8" fill="#d42a2a"/>
<rect x="440" y="196" width="16" height="8" fill="#f7d916"/>
<rect x="458" y="196" width="8" height="8" fill="#2a5caa"/>
<rect x="468" y="196" width="14" height="8" fill="#f7d916"/>
<rect x="484" y="196" width="10" height="8" fill="#d42a2a"/>
<rect x="496" y="196" width="12" height="8" fill="#f7d916"/>
<rect x="510" y="196" width="8" height="8" fill="#888"/>
<rect x="520" y="196" width="16" height="8" fill="#f7d916"/>
<rect x="538" y="196" width="8" height="8" fill="#2a5caa"/>
<rect x="548" y="196" width="14" height="8" fill="#f7d916"/>
<rect x="564" y="196" width="10" height="8" fill="#d42a2a"/>
<rect x="576" y="196" width="16" height="8" fill="#f7d916"/>
<rect x="594" y="196" width="8" height="8" fill="#f7d916"/>
<rect x="604" y="196" width="12" height="8" fill="#2a5caa"/>
<rect x="618" y="196" width="14" height="8" fill="#f7d916"/>
<rect x="634" y="196" width="8" height="8" fill="#d42a2a"/>
<rect x="644" y="196" width="16" height="8" fill="#f7d916"/>
<rect x="662" y="196" width="10" height="8" fill="#888"/>
<rect x="674" y="196" width="14" height="8" fill="#f7d916"/>
</g>
<!-- Row 2 ~y=310 -->
<g>
<rect x="130" y="306" width="14" height="8" fill="#f7d916"/>
<rect x="146" y="306" width="8" height="8" fill="#2a5caa"/>
<rect x="156" y="306" width="12" height="8" fill="#f7d916"/>
<rect x="170" y="306" width="10" height="8" fill="#d42a2a"/>
<rect x="182" y="306" width="16" height="8" fill="#f7d916"/>
<rect x="200" y="306" width="8" height="8" fill="#888"/>
<rect x="210" y="306" width="14" height="8" fill="#f7d916"/>
<rect x="226" y="306" width="8" height="8" fill="#f7d916"/>
<rect x="236" y="306" width="10" height="8" fill="#2a5caa"/>
<rect x="248" y="306" width="16" height="8" fill="#f7d916"/>
<rect x="266" y="306" width="8" height="8" fill="#d42a2a"/>
<rect x="276" y="306" width="14" height="8" fill="#f7d916"/>
<rect x="292" y="306" width="10" height="8" fill="#f7d916"/>
<rect x="304" y="306" width="8" height="8" fill="#888"/>
<rect x="314" y="306" width="16" height="8" fill="#f7d916"/>
<rect x="332" y="306" width="8" height="8" fill="#2a5caa"/>
<rect x="342" y="306" width="12" height="8" fill="#f7d916"/>
<rect x="356" y="306" width="10" height="8" fill="#d42a2a"/>
<rect x="368" y="306" width="14" height="8" fill="#f7d916"/>
<rect x="384" y="306" width="8" height="8" fill="#f7d916"/>
<rect x="394" y="306" width="16" height="8" fill="#f7d916"/>
<rect x="412" y="306" width="8" height="8" fill="#888"/>
<rect x="422" y="306" width="12" height="8" fill="#f7d916"/>
<rect x="436" y="306" width="10" height="8" fill="#2a5caa"/>
<rect x="448" y="306" width="14" height="8" fill="#f7d916"/>
<rect x="464" y="306" width="8" height="8" fill="#d42a2a"/>
<rect x="474" y="306" width="16" height="8" fill="#f7d916"/>
<rect x="492" y="306" width="8" height="8" fill="#f7d916"/>
<rect x="502" y="306" width="12" height="8" fill="#888"/>
<rect x="516" y="306" width="14" height="8" fill="#f7d916"/>
<rect x="532" y="306" width="10" height="8" fill="#2a5caa"/>
<rect x="544" y="306" width="8" height="8" fill="#d42a2a"/>
<rect x="554" y="306" width="16" height="8" fill="#f7d916"/>
<rect x="572" y="306" width="12" height="8" fill="#f7d916"/>
<rect x="586" y="306" width="8" height="8" fill="#888"/>
<rect x="596" y="306" width="14" height="8" fill="#f7d916"/>
<rect x="612" y="306" width="10" height="8" fill="#d42a2a"/>
<rect x="624" y="306" width="16" height="8" fill="#f7d916"/>
<rect x="642" y="306" width="8" height="8" fill="#2a5caa"/>
<rect x="652" y="306" width="14" height="8" fill="#f7d916"/>
</g>
<!-- Row 3 ~y=400 (center) -->
<g>
<rect x="110" y="396" width="12" height="8" fill="#d42a2a"/>
<rect x="124" y="396" width="14" height="8" fill="#f7d916"/>
<rect x="140" y="396" width="8" height="8" fill="#2a5caa"/>
<rect x="150" y="396" width="16" height="8" fill="#f7d916"/>
<rect x="168" y="396" width="10" height="8" fill="#d42a2a"/>
<rect x="180" y="396" width="12" height="8" fill="#f7d916"/>
<rect x="194" y="396" width="8" height="8" fill="#888"/>
<rect x="204" y="396" width="16" height="8" fill="#f7d916"/>
<rect x="222" y="396" width="10" height="8" fill="#2a5caa"/>
<rect x="234" y="396" width="14" height="8" fill="#f7d916"/>
<rect x="250" y="396" width="8" height="8" fill="#d42a2a"/>
<rect x="260" y="396" width="12" height="8" fill="#f7d916"/>
<rect x="274" y="396" width="16" height="8" fill="#f7d916"/>
<rect x="292" y="396" width="8" height="8" fill="#888"/>
<rect x="302" y="396" width="14" height="8" fill="#f7d916"/>
<rect x="318" y="396" width="10" height="8" fill="#2a5caa"/>
<rect x="330" y="396" width="8" height="8" fill="#d42a2a"/>
<rect x="340" y="396" width="16" height="8" fill="#f7d916"/>
<rect x="358" y="396" width="12" height="8" fill="#f7d916"/>
<rect x="372" y="396" width="8" height="8" fill="#888"/>
<rect x="382" y="396" width="14" height="8" fill="#f7d916"/>
<rect x="398" y="396" width="10" height="8" fill="#d42a2a"/>
<rect x="410" y="396" width="16" height="8" fill="#f7d916"/>
<rect x="428" y="396" width="8" height="8" fill="#2a5caa"/>
<rect x="438" y="396" width="12" height="8" fill="#f7d916"/>
<rect x="452" y="396" width="14" height="8" fill="#f7d916"/>
<rect x="468" y="396" width="10" height="8" fill="#d42a2a"/>
<rect x="480" y="396" width="8" height="8" fill="#888"/>
<rect x="490" y="396" width="16" height="8" fill="#f7d916"/>
<rect x="508" y="396" width="12" height="8" fill="#2a5caa"/>
<rect x="522" y="396" width="14" height="8" fill="#f7d916"/>
<rect x="538" y="396" width="8" height="8" fill="#d42a2a"/>
<rect x="548" y="396" width="16" height="8" fill="#f7d916"/>
<rect x="566" y="396" width="10" height="8" fill="#f7d916"/>
<rect x="578" y="396" width="8" height="8" fill="#888"/>
<rect x="588" y="396" width="14" height="8" fill="#f7d916"/>
<rect x="604" y="396" width="12" height="8" fill="#2a5caa"/>
<rect x="618" y="396" width="8" height="8" fill="#d42a2a"/>
<rect x="628" y="396" width="16" height="8" fill="#f7d916"/>
<rect x="646" y="396" width="14" height="8" fill="#f7d916"/>
<rect x="662" y="396" width="10" height="8" fill="#888"/>
<rect x="674" y="396" width="12" height="8" fill="#f7d916"/>
</g>
<!-- Row 4 ~y=500 -->
<g>
<rect x="150" y="496" width="14" height="8" fill="#f7d916"/>
<rect x="166" y="496" width="8" height="8" fill="#d42a2a"/>
<rect x="176" y="496" width="16" height="8" fill="#f7d916"/>
<rect x="194" y="496" width="10" height="8" fill="#2a5caa"/>
<rect x="206" y="496" width="12" height="8" fill="#f7d916"/>
<rect x="220" y="496" width="8" height="8" fill="#888"/>
<rect x="230" y="496" width="14" height="8" fill="#f7d916"/>
<rect x="246" y="496" width="10" height="8" fill="#d42a2a"/>
<rect x="258" y="496" width="16" height="8" fill="#f7d916"/>
<rect x="276" y="496" width="8" height="8" fill="#2a5caa"/>
<rect x="286" y="496" width="12" height="8" fill="#f7d916"/>
<rect x="300" y="496" width="14" height="8" fill="#f7d916"/>
<rect x="316" y="496" width="8" height="8" fill="#d42a2a"/>
<rect x="326" y="496" width="10" height="8" fill="#888"/>
<rect x="338" y="496" width="16" height="8" fill="#f7d916"/>
<rect x="356" y="496" width="8" height="8" fill="#2a5caa"/>
<rect x="366" y="496" width="14" height="8" fill="#f7d916"/>
<rect x="382" y="496" width="10" height="8" fill="#d42a2a"/>
<rect x="394" y="496" width="12" height="8" fill="#f7d916"/>
<rect x="408" y="496" width="8" height="8" fill="#f7d916"/>
<rect x="418" y="496" width="16" height="8" fill="#888"/>
<rect x="436" y="496" width="8" height="8" fill="#2a5caa"/>
<rect x="446" y="496" width="14" height="8" fill="#f7d916"/>
<rect x="462" y="496" width="10" height="8" fill="#d42a2a"/>
<rect x="474" y="496" width="12" height="8" fill="#f7d916"/>
<rect x="488" y="496" width="8" height="8" fill="#f7d916"/>
<rect x="498" y="496" width="16" height="8" fill="#888"/>
<rect x="516" y="496" width="10" height="8" fill="#2a5caa"/>
<rect x="528" y="496" width="14" height="8" fill="#f7d916"/>
<rect x="544" y="496" width="8" height="8" fill="#d42a2a"/>
<rect x="554" y="496" width="12" height="8" fill="#f7d916"/>
<rect x="568" y="496" width="16" height="8" fill="#f7d916"/>
<rect x="586" y="496" width="8" height="8" fill="#888"/>
<rect x="596" y="496" width="14" height="8" fill="#f7d916"/>
<rect x="612" y="496" width="10" height="8" fill="#2a5caa"/>
<rect x="624" y="496" width="8" height="8" fill="#d42a2a"/>
<rect x="634" y="496" width="16" height="8" fill="#f7d916"/>
</g>
<!-- Row 5 ~y=590 -->
<g>
<rect x="190" y="586" width="12" height="8" fill="#f7d916"/>
<rect x="204" y="586" width="8" height="8" fill="#2a5caa"/>
<rect x="214" y="586" width="14" height="8" fill="#f7d916"/>
<rect x="230" y="586" width="10" height="8" fill="#d42a2a"/>
<rect x="242" y="586" width="16" height="8" fill="#f7d916"/>
<rect x="260" y="586" width="8" height="8" fill="#888"/>
<rect x="270" y="586" width="12" height="8" fill="#f7d916"/>
<rect x="284" y="586" width="14" height="8" fill="#2a5caa"/>
<rect x="300" y="586" width="10" height="8" fill="#f7d916"/>
<rect x="312" y="586" width="8" height="8" fill="#d42a2a"/>
<rect x="322" y="586" width="16" height="8" fill="#f7d916"/>
<rect x="340" y="586" width="12" height="8" fill="#f7d916"/>
<rect x="354" y="586" width="8" height="8" fill="#888"/>
<rect x="364" y="586" width="14" height="8" fill="#f7d916"/>
<rect x="380" y="586" width="10" height="8" fill="#2a5caa"/>
<rect x="392" y="586" width="16" height="8" fill="#f7d916"/>
<rect x="410" y="586" width="8" height="8" fill="#d42a2a"/>
<rect x="420" y="586" width="12" height="8" fill="#f7d916"/>
<rect x="434" y="586" width="14" height="8" fill="#f7d916"/>
<rect x="450" y="586" width="10" height="8" fill="#888"/>
<rect x="462" y="586" width="8" height="8" fill="#2a5caa"/>
<rect x="472" y="586" width="16" height="8" fill="#f7d916"/>
<rect x="490" y="586" width="12" height="8" fill="#d42a2a"/>
<rect x="504" y="586" width="14" height="8" fill="#f7d916"/>
<rect x="520" y="586" width="8" height="8" fill="#f7d916"/>
<rect x="530" y="586" width="10" height="8" fill="#888"/>
<rect x="542" y="586" width="16" height="8" fill="#f7d916"/>
<rect x="560" y="586" width="8" height="8" fill="#2a5caa"/>
<rect x="570" y="586" width="14" height="8" fill="#f7d916"/>
<rect x="586" y="586" width="10" height="8" fill="#d42a2a"/>
<rect x="598" y="586" width="12" height="8" fill="#f7d916"/>
</g>
<!-- Vertical grid lines made of colored blocks -->
<!-- Column 1 ~x=200 -->
<g>
<rect x="196" y="130" width="8" height="12" fill="#f7d916"/>
<rect x="196" y="144" width="8" height="8" fill="#d42a2a"/>
<rect x="196" y="154" width="8" height="14" fill="#f7d916"/>
<rect x="196" y="170" width="8" height="8" fill="#2a5caa"/>
<rect x="196" y="180" width="8" height="14" fill="#f7d916"/>
<rect x="196" y="210" width="8" height="12" fill="#f7d916"/>
<rect x="196" y="224" width="8" height="8" fill="#888"/>
<rect x="196" y="234" width="8" height="16" fill="#f7d916"/>
<rect x="196" y="252" width="8" height="8" fill="#d42a2a"/>
<rect x="196" y="262" width="8" height="14" fill="#f7d916"/>
<rect x="196" y="278" width="8" height="10" fill="#2a5caa"/>
<rect x="196" y="290" width="8" height="14" fill="#f7d916"/>
<rect x="196" y="318" width="8" height="12" fill="#f7d916"/>
<rect x="196" y="332" width="8" height="8" fill="#d42a2a"/>
<rect x="196" y="342" width="8" height="16" fill="#f7d916"/>
<rect x="196" y="360" width="8" height="10" fill="#888"/>
<rect x="196" y="372" width="8" height="12" fill="#f7d916"/>
<rect x="196" y="386" width="8" height="8" fill="#2a5caa"/>
<rect x="196" y="408" width="8" height="14" fill="#f7d916"/>
<rect x="196" y="424" width="8" height="8" fill="#d42a2a"/>
<rect x="196" y="434" width="8" height="16" fill="#f7d916"/>
<rect x="196" y="452" width="8" height="10" fill="#888"/>
<rect x="196" y="464" width="8" height="12" fill="#f7d916"/>
<rect x="196" y="478" width="8" height="8" fill="#2a5caa"/>
<rect x="196" y="508" width="8" height="14" fill="#f7d916"/>
<rect x="196" y="524" width="8" height="8" fill="#d42a2a"/>
<rect x="196" y="534" width="8" height="16" fill="#f7d916"/>
<rect x="196" y="552" width="8" height="10" fill="#f7d916"/>
<rect x="196" y="564" width="8" height="8" fill="#888"/>
<rect x="196" y="574" width="8" height="10" fill="#f7d916"/>
<rect x="196" y="596" width="8" height="14" fill="#f7d916"/>
<rect x="196" y="612" width="8" height="8" fill="#2a5caa"/>
<rect x="196" y="622" width="8" height="16" fill="#f7d916"/>
<rect x="196" y="640" width="8" height="10" fill="#d42a2a"/>
<rect x="196" y="652" width="8" height="14" fill="#f7d916"/>
</g>
<!-- Column 2 ~x=310 -->
<g>
<rect x="306" y="150" width="8" height="14" fill="#f7d916"/>
<rect x="306" y="166" width="8" height="8" fill="#888"/>
<rect x="306" y="176" width="8" height="12" fill="#f7d916"/>
<rect x="306" y="190" width="8" height="8" fill="#2a5caa"/>
<rect x="306" y="210" width="8" height="16" fill="#f7d916"/>
<rect x="306" y="228" width="8" height="8" fill="#d42a2a"/>
<rect x="306" y="238" width="8" height="14" fill="#f7d916"/>
<rect x="306" y="254" width="8" height="10" fill="#f7d916"/>
<rect x="306" y="266" width="8" height="8" fill="#2a5caa"/>
<rect x="306" y="276" width="8" height="12" fill="#f7d916"/>
<rect x="306" y="290" width="8" height="14" fill="#888"/>
<rect x="306" y="318" width="8" height="16" fill="#f7d916"/>
<rect x="306" y="336" width="8" height="8" fill="#d42a2a"/>
<rect x="306" y="346" width="8" height="12" fill="#f7d916"/>
<rect x="306" y="360" width="8" height="10" fill="#2a5caa"/>
<rect x="306" y="372" width="8" height="14" fill="#f7d916"/>
<rect x="306" y="388" width="8" height="8" fill="#f7d916"/>
<rect x="306" y="408" width="8" height="16" fill="#f7d916"/>
<rect x="306" y="426" width="8" height="8" fill="#888"/>
<rect x="306" y="436" width="8" height="14" fill="#f7d916"/>
<rect x="306" y="452" width="8" height="10" fill="#d42a2a"/>
<rect x="306" y="464" width="8" height="12" fill="#f7d916"/>
<rect x="306" y="478" width="8" height="8" fill="#2a5caa"/>
<rect x="306" y="508" width="8" height="14" fill="#f7d916"/>
<rect x="306" y="524" width="8" height="8" fill="#d42a2a"/>
<rect x="306" y="534" width="8" height="16" fill="#f7d916"/>
<rect x="306" y="552" width="8" height="10" fill="#888"/>
<rect x="306" y="564" width="8" height="12" fill="#f7d916"/>
<rect x="306" y="578" width="8" height="8" fill="#f7d916"/>
<rect x="306" y="596" width="8" height="14" fill="#f7d916"/>
<rect x="306" y="612" width="8" height="8" fill="#2a5caa"/>
<rect x="306" y="622" width="8" height="16" fill="#f7d916"/>
<rect x="306" y="640" width="8" height="10" fill="#d42a2a"/>
</g>
<!-- Column 3 ~x=400 -->
<g>
<rect x="396" y="120" width="8" height="14" fill="#f7d916"/>
<rect x="396" y="136" width="8" height="8" fill="#d42a2a"/>
<rect x="396" y="146" width="8" height="16" fill="#f7d916"/>
<rect x="396" y="164" width="8" height="10" fill="#2a5caa"/>
<rect x="396" y="176" width="8" height="12" fill="#f7d916"/>
<rect x="396" y="190" width="8" height="8" fill="#888"/>
<rect x="396" y="210" width="8" height="14" fill="#f7d916"/>
<rect x="396" y="226" width="8" height="8" fill="#d42a2a"/>
<rect x="396" y="236" width="8" height="16" fill="#f7d916"/>
<rect x="396" y="254" width="8" height="10" fill="#2a5caa"/>
<rect x="396" y="266" width="8" height="12" fill="#f7d916"/>
<rect x="396" y="280" width="8" height="8" fill="#f7d916"/>
<rect x="396" y="290" width="8" height="14" fill="#d42a2a"/>
<rect x="396" y="318" width="8" height="16" fill="#f7d916"/>
<rect x="396" y="336" width="8" height="10" fill="#888"/>
<rect x="396" y="348" width="8" height="12" fill="#f7d916"/>
<rect x="396" y="362" width="8" height="8" fill="#2a5caa"/>
<rect x="396" y="372" width="8" height="14" fill="#f7d916"/>
<rect x="396" y="388" width="8" height="8" fill="#d42a2a"/>
<rect x="396" y="408" width="8" height="16" fill="#f7d916"/>
<rect x="396" y="426" width="8" height="10" fill="#888"/>
<rect x="396" y="438" width="8" height="12" fill="#f7d916"/>
<rect x="396" y="452" width="8" height="8" fill="#2a5caa"/>
<rect x="396" y="462" width="8" height="14" fill="#f7d916"/>
<rect x="396" y="478" width="8" height="8" fill="#d42a2a"/>
<rect x="396" y="508" width="8" height="16" fill="#f7d916"/>
<rect x="396" y="526" width="8" height="10" fill="#2a5caa"/>
<rect x="396" y="538" width="8" height="12" fill="#f7d916"/>
<rect x="396" y="552" width="8" height="8" fill="#888"/>
<rect x="396" y="562" width="8" height="14" fill="#f7d916"/>
<rect x="396" y="578" width="8" height="8" fill="#d42a2a"/>
<rect x="396" y="596" width="8" height="16" fill="#f7d916"/>
<rect x="396" y="614" width="8" height="10" fill="#f7d916"/>
<rect x="396" y="626" width="8" height="12" fill="#2a5caa"/>
<rect x="396" y="640" width="8" height="14" fill="#f7d916"/>
<rect x="396" y="656" width="8" height="8" fill="#d42a2a"/>
</g>
<!-- Column 4 ~x=500 -->
<g>
<rect x="496" y="140" width="8" height="12" fill="#f7d916"/>
<rect x="496" y="154" width="8" height="8" fill="#2a5caa"/>
<rect x="496" y="164" width="8" height="14" fill="#f7d916"/>
<rect x="496" y="180" width="8" height="10" fill="#d42a2a"/>
<rect x="496" y="210" width="8" height="16" fill="#f7d916"/>
<rect x="496" y="228" width="8" height="8" fill="#888"/>
<rect x="496" y="238" width="8" height="12" fill="#f7d916"/>
<rect x="496" y="252" width="8" height="8" fill="#f7d916"/>
<rect x="496" y="262" width="8" height="14" fill="#2a5caa"/>
<rect x="496" y="278" width="8" height="10" fill="#f7d916"/>
<rect x="496" y="290" width="8" height="8" fill="#d42a2a"/>
<rect x="496" y="318" width="8" height="16" fill="#f7d916"/>
<rect x="496" y="336" width="8" height="12" fill="#888"/>
<rect x="496" y="350" width="8" height="8" fill="#f7d916"/>
<rect x="496" y="360" width="8" height="14" fill="#2a5caa"/>
<rect x="496" y="376" width="8" height="10" fill="#f7d916"/>
<rect x="496" y="388" width="8" height="8" fill="#d42a2a"/>
<rect x="496" y="408" width="8" height="16" fill="#f7d916"/>
<rect x="496" y="426" width="8" height="12" fill="#f7d916"/>
<rect x="496" y="440" width="8" height="8" fill="#888"/>
<rect x="496" y="450" width="8" height="14" fill="#f7d916"/>
<rect x="496" y="466" width="8" height="10" fill="#2a5caa"/>
<rect x="496" y="478" width="8" height="8" fill="#d42a2a"/>
<rect x="496" y="508" width="8" height="16" fill="#f7d916"/>
<rect x="496" y="526" width="8" height="12" fill="#f7d916"/>
<rect x="496" y="540" width="8" height="8" fill="#888"/>
<rect x="496" y="550" width="8" height="14" fill="#f7d916"/>
<rect x="496" y="566" width="8" height="10" fill="#d42a2a"/>
<rect x="496" y="578" width="8" height="8" fill="#2a5caa"/>
<rect x="496" y="596" width="8" height="14" fill="#f7d916"/>
<rect x="496" y="612" width="8" height="12" fill="#f7d916"/>
<rect x="496" y="626" width="8" height="8" fill="#d42a2a"/>
<rect x="496" y="636" width="8" height="16" fill="#f7d916"/>
</g>
<!-- Column 5 ~x=590 -->
<g>
<rect x="586" y="170" width="8" height="14" fill="#f7d916"/>
<rect x="586" y="186" width="8" height="8" fill="#d42a2a"/>
<rect x="586" y="210" width="8" height="12" fill="#f7d916"/>
<rect x="586" y="224" width="8" height="8" fill="#2a5caa"/>
<rect x="586" y="234" width="8" height="16" fill="#f7d916"/>
<rect x="586" y="252" width="8" height="10" fill="#888"/>
<rect x="586" y="264" width="8" height="12" fill="#f7d916"/>
<rect x="586" y="278" width="8" height="8" fill="#d42a2a"/>
<rect x="586" y="288" width="8" height="14" fill="#f7d916"/>
<rect x="586" y="318" width="8" height="16" fill="#f7d916"/>
<rect x="586" y="336" width="8" height="8" fill="#2a5caa"/>
<rect x="586" y="346" width="8" height="12" fill="#f7d916"/>
<rect x="586" y="360" width="8" height="10" fill="#d42a2a"/>
<rect x="586" y="372" width="8" height="14" fill="#f7d916"/>
<rect x="586" y="388" width="8" height="8" fill="#888"/>
<rect x="586" y="408" width="8" height="16" fill="#f7d916"/>
<rect x="586" y="426" width="8" height="8" fill="#d42a2a"/>
<rect x="586" y="436" width="8" height="12" fill="#f7d916"/>
<rect x="586" y="450" width="8" height="10" fill="#2a5caa"/>
<rect x="586" y="462" width="8" height="14" fill="#f7d916"/>
<rect x="586" y="478" width="8" height="8" fill="#f7d916"/>
<rect x="586" y="508" width="8" height="16" fill="#f7d916"/>
<rect x="586" y="526" width="8" height="10" fill="#888"/>
<rect x="586" y="538" width="8" height="14" fill="#f7d916"/>
<rect x="586" y="554" width="8" height="8" fill="#d42a2a"/>
<rect x="586" y="564" width="8" height="12" fill="#f7d916"/>
<rect x="586" y="578" width="8" height="8" fill="#2a5caa"/>
<rect x="586" y="596" width="8" height="14" fill="#f7d916"/>
<rect x="586" y="612" width="8" height="10" fill="#d42a2a"/>
</g>
<!-- Color block clusters at intersections and areas -->
<!-- Upper area blocks -->
<rect x="205" y="205" width="30" height="24" fill="#f7d916"/>
<rect x="237" y="205" width="18" height="24" fill="#d42a2a"/>
<rect x="257" y="205" width="14" height="24" fill="#f7d916"/>
<rect x="315" y="205" width="22" height="20" fill="#2a5caa"/>
<rect x="339" y="205" width="16" height="20" fill="#f7d916"/>
<rect x="357" y="205" width="12" height="20" fill="#d42a2a"/>
<rect x="405" y="160" width="20" height="16" fill="#f7d916"/>
<rect x="427" y="160" width="14" height="16" fill="#888"/>
<rect x="405" y="205" width="26" height="22" fill="#f7d916"/>
<rect x="433" y="205" width="16" height="22" fill="#2a5caa"/>
<rect x="451" y="205" width="10" height="22" fill="#f7d916"/>
<rect x="505" y="205" width="24" height="18" fill="#d42a2a"/>
<rect x="531" y="205" width="14" height="18" fill="#f7d916"/>
<!-- Center-left blocks -->
<rect x="205" y="315" width="28" height="26" fill="#2a5caa"/>
<rect x="235" y="315" width="18" height="26" fill="#f7d916"/>
<rect x="255" y="315" width="12" height="26" fill="#d42a2a"/>
<rect x="269" y="315" width="10" height="26" fill="#f7d916"/>
<rect x="205" y="343" width="20" height="16" fill="#f7d916"/>
<rect x="227" y="343" width="14" height="16" fill="#888"/>
<rect x="243" y="343" width="10" height="16" fill="#f7d916"/>
<!-- Center blocks -->
<rect x="315" y="315" width="24" height="22" fill="#f7d916"/>
<rect x="341" y="315" width="16" height="22" fill="#d42a2a"/>
<rect x="359" y="315" width="12" height="22" fill="#f7d916"/>
<rect x="315" y="339" width="18" height="14" fill="#888"/>
<rect x="335" y="339" width="10" height="14" fill="#f7d916"/>
<rect x="347" y="339" width="14" height="14" fill="#2a5caa"/>
<rect x="363" y="339" width="8" height="14" fill="#f7d916"/>
<rect x="315" y="355" width="26" height="18" fill="#f7d916"/>
<rect x="343" y="355" width="14" height="18" fill="#d42a2a"/>
<rect x="359" y="355" width="12" height="18" fill="#f7d916"/>
<!-- Center-right blocks -->
<rect x="405" y="315" width="22" height="24" fill="#d42a2a"/>
<rect x="429" y="315" width="16" height="24" fill="#f7d916"/>
<rect x="447" y="315" width="14" height="24" fill="#2a5caa"/>
<rect x="463" y="315" width="10" height="24" fill="#f7d916"/>
<rect x="405" y="341" width="28" height="18" fill="#f7d916"/>
<rect x="435" y="341" width="12" height="18" fill="#888"/>
<rect x="449" y="341" width="18" height="18" fill="#f7d916"/>
<!-- Center blocks row 3 -->
<rect x="315" y="405" width="20" height="24" fill="#f7d916"/>
<rect x="337" y="405" width="14" height="24" fill="#2a5caa"/>
<rect x="353" y="405" width="18" height="24" fill="#f7d916"/>
<rect x="315" y="431" width="26" height="16" fill="#d42a2a"/>
<rect x="343" y="431" width="12" height="16" fill="#f7d916"/>
<rect x="357" y="431" width="14" height="16" fill="#888"/>
<rect x="405" y="405" width="24" height="20" fill="#f7d916"/>
<rect x="431" y="405" width="16" height="20" fill="#d42a2a"/>
<rect x="449" y="405" width="12" height="20" fill="#f7d916"/>
<rect x="405" y="427" width="18" height="18" fill="#2a5caa"/>
<rect x="425" y="427" width="14" height="18" fill="#f7d916"/>
<rect x="441" y="427" width="20" height="18" fill="#f7d916"/>
<!-- Lower area blocks -->
<rect x="205" y="405" width="24" height="22" fill="#f7d916"/>
<rect x="231" y="405" width="16" height="22" fill="#d42a2a"/>
<rect x="249" y="405" width="20" height="22" fill="#f7d916"/>
<rect x="505" y="315" width="22" height="20" fill="#f7d916"/>
<rect x="529" y="315" width="14" height="20" fill="#888"/>
<rect x="545" y="315" width="10" height="20" fill="#d42a2a"/>
<rect x="505" y="405" width="20" height="24" fill="#2a5caa"/>
<rect x="527" y="405" width="14" height="24" fill="#f7d916"/>
<rect x="543" y="405" width="12" height="24" fill="#d42a2a"/>
<rect x="255" y="505" width="22" height="18" fill="#f7d916"/>
<rect x="279" y="505" width="14" height="18" fill="#2a5caa"/>
<rect x="315" y="505" width="20" height="22" fill="#d42a2a"/>
<rect x="337" y="505" width="16" height="22" fill="#f7d916"/>
<rect x="355" y="505" width="12" height="22" fill="#888"/>
<rect x="405" y="505" width="24" height="20" fill="#f7d916"/>
<rect x="431" y="505" width="16" height="20" fill="#d42a2a"/>
<rect x="449" y="505" width="14" height="20" fill="#f7d916"/>
<rect x="505" y="505" width="20" height="18" fill="#f7d916"/>
<rect x="527" y="505" width="14" height="18" fill="#2a5caa"/>
<!-- Small scattered color accents -->
<rect x="350" y="150" width="10" height="10" fill="#d42a2a"/>
<rect x="440" y="250" width="12" height="10" fill="#f7d916"/>
<rect x="454" y="250" width="8" height="10" fill="#d42a2a"/>
<rect x="165" y="280" width="10" height="12" fill="#2a5caa"/>
<rect x="545" y="250" width="12" height="10" fill="#888"/>
<rect x="165" y="380" width="12" height="10" fill="#d42a2a"/>
<rect x="630" y="380" width="10" height="12" fill="#2a5caa"/>
<rect x="165" y="470" width="10" height="10" fill="#f7d916"/>
<rect x="630" y="470" width="10" height="10" fill="#d42a2a"/>
<rect x="280" y="250" width="10" height="10" fill="#888"/>
<rect x="460" y="280" width="10" height="12" fill="#f7d916"/>
<rect x="280" y="450" width="10" height="10" fill="#2a5caa"/>
<rect x="460" y="450" width="12" height="10" fill="#d42a2a"/>
<rect x="380" y="550" width="10" height="10" fill="#f7d916"/>
<rect x="392" y="550" width="8" height="10" fill="#d42a2a"/>
<rect x="280" y="560" width="10" height="10" fill="#888"/>
<rect x="470" y="560" width="12" height="10" fill="#2a5caa"/>
<!-- Additional small yellow squares scattered -->
<rect x="220" y="255" width="8" height="8" fill="#f7d916"/>
<rect x="530" y="355" width="8" height="8" fill="#f7d916"/>
<rect x="220" y="455" width="8" height="8" fill="#f7d916"/>
<rect x="530" y="455" width="8" height="8" fill="#f7d916"/>
<rect x="350" y="255" width="8" height="8" fill="#f7d916"/>
<rect x="440" y="355" width="8" height="8" fill="#f7d916"/>
<rect x="350" y="455" width="8" height="8" fill="#f7d916"/>
<rect x="440" y="555" width="8" height="8" fill="#f7d916"/>
<!-- Tiny color pops -->
<rect x="370" y="180" width="6" height="6" fill="#d42a2a"/>
<rect x="425" y="180" width="6" height="6" fill="#2a5caa"/>
<rect x="285" y="375" width="6" height="6" fill="#d42a2a"/>
<rect x="510" y="375" width="6" height="6" fill="#2a5caa"/>
<rect x="370" y="615" width="6" height="6" fill="#d42a2a"/>
<rect x="425" y="615" width="6" height="6" fill="#888"/>
<!-- More intersection color blocks for density -->
<rect x="205" y="495" width="18" height="14" fill="#d42a2a"/>
<rect x="225" y="495" width="12" height="14" fill="#f7d916"/>
<rect x="505" y="495" width="16" height="14" fill="#f7d916"/>
<rect x="523" y="495" width="10" height="14" fill="#2a5caa"/>
<rect x="595" y="315" width="16" height="16" fill="#f7d916"/>
<rect x="613" y="315" width="10" height="16" fill="#d42a2a"/>
<rect x="595" y="405" width="14" height="18" fill="#2a5caa"/>
<rect x="611" y="405" width="10" height="18" fill="#f7d916"/>
<rect x="595" y="495" width="12" height="14" fill="#d42a2a"/>
<rect x="609" y="495" width="10" height="14" fill="#f7d916"/>
<!-- Upper corners scattered dots -->
<rect x="340" y="140" width="6" height="6" fill="#f7d916"/>
<rect x="348" y="140" width="6" height="6" fill="#2a5caa"/>
<rect x="450" y="140" width="6" height="6" fill="#d42a2a"/>
<rect x="458" y="140" width="6" height="6" fill="#f7d916"/>
<rect x="250" y="170" width="6" height="6" fill="#f7d916"/>
<rect x="258" y="170" width="6" height="6" fill="#888"/>
<rect x="540" y="170" width="6" height="6" fill="#f7d916"/>
<rect x="548" y="170" width="6" height="6" fill="#d42a2a"/>
<!-- Lower half scattered -->
<rect x="340" y="640" width="6" height="6" fill="#2a5caa"/>
<rect x="348" y="640" width="6" height="6" fill="#f7d916"/>
<rect x="450" y="640" width="6" height="6" fill="#d42a2a"/>
<rect x="458" y="640" width="6" height="6" fill="#f7d916"/>
<rect x="250" y="620" width="6" height="6" fill="#f7d916"/>
<rect x="258" y="620" width="6" height="6" fill="#d42a2a"/>
<rect x="540" y="620" width="6" height="6" fill="#888"/>
<rect x="548" y="620" width="6" height="6" fill="#f7d916"/>
</g>
<!-- Diamond border -->
<rect x="0" y="0" width="566" height="566"
transform="translate(400,115) rotate(45) translate(-283,-283)"
fill="none" stroke="#333" stroke-width="2"/>
</svg>
![]()
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" viewBox="0 0 800 600">
<title>Victory Boogie Woogie</title>
<defs>
<linearGradient id="yellow-gradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#F7DC6F" stop-opacity="1"></stop>
<stop offset="100%" stop-color="#F2C464" stop-opacity="1"></stop>
</linearGradient>
<linearGradient id="blue-gradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#3498DB" stop-opacity="1"></stop>
<stop offset="100%" stop-color="#2E4053" stop-opacity="1"></stop>
</linearGradient>
<linearGradient id="red-gradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#E74C3C" stop-opacity="1"></stop>
<stop offset="100%" stop-color="#C0392B" stop-opacity="1"></stop>
</linearGradient>
<linearGradient id="black-gradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#333333" stop-opacity="1"></stop>
<stop offset="100%" stop-color="#111111" stop-opacity="1"></stop>
</linearGradient>
</defs>
<rect x="0" y="0" width="800" height="600" fill="#FFFFFF"></rect>
<g id="composition">
<rect x="50" y="50" width="100" height="100" fill="url(#yellow-gradient)"></rect>
<rect x="200" y="50" width="100" height="100" fill="url(#blue-gradient)"></rect>
<rect x="350" y="50" width="100" height="100" fill="url(#red-gradient)"></rect>
<rect x="500" y="50" width="100" height="100" fill="url(#black-gradient)"></rect>
<rect x="50" y="200" width="100" height="100" fill="url(#blue-gradient)"></rect>
<rect x="200" y="200" width="100" height="100" fill="url(#red-gradient)"></rect>
<rect x="350" y="200" width="100" height="100" fill="url(#yellow-gradient)"></rect>
<rect x="500" y="200" width="100" height="100" fill="url(#black-gradient)"></rect>
<rect x="50" y="350" width="100" height="100" fill="url(#red-gradient)"></rect>
<rect x="200" y="350" width="100" height="100" fill="url(#yellow-gradient)"></rect>
<rect x="350" y="350" width="100" height="100" fill="url(#blue-gradient)"></rect>
<rect x="500" y="350" width="100" height="100" fill="url(#black-gradient)"></rect>
<line x1="0" y1="0" x2="800" y2="600" stroke="black" stroke-width="2"></line>
<line x1="0" y1="600" x2="800" y2="0" stroke="black" stroke-width="2"></line>
<line x1="400" y1="0" x2="400" y2="600" stroke="black" stroke-width="2"></line>
<line x1="0" y1="300" x2="800" y2="300" stroke="black" stroke-width="2"></line>
</g>
</svg>
![]()
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" width="1000" height="1000">
<defs>
<style>
.line {
stroke-width: 2;
stroke: black;
}
.red {
fill: #e63946;
}
.yellow {
fill: #f1fa8c;
}
.blue {
fill: #457b9d;
}
.white {
fill: white;
}
</style>
</defs>
<rect x="0" y="0" width="1000" height="1000" fill="white"></rect>
<g id="grid">
<line class="line" x1="200" y1="0" x2="200" y2="1000"></line>
<line class="line" x1="400" y1="0" x2="400" y2="1000"></line>
<line class="line" x1="600" y1="0" x2="600" y2="1000"></line>
<line class="line" x1="800" y1="0" x2="800" y2="1000"></line>
<line class="line" x1="0" y1="200" x2="1000" y2="200"></line>
<line class="line" x1="0" y1="400" x2="1000" y2="400"></line>
<line class="line" x1="0" y1="600" x2="1000" y2="600"></line>
<line class="line" x1="0" y1="800" x2="1000" y2="800"></line>
</g>
<g id="rectangles">
<rect x="10" y="10" width="180" height="180" class="red"></rect>
<rect x="210" y="10" width="180" height="180" class="yellow"></rect>
<rect x="410" y="10" width="180" height="180" class="blue"></rect>
<rect x="610" y="10" width="180" height="180" class="white"></rect>
<rect x="810" y="10" width="180" height="180" class="red"></rect>
<rect x="10" y="210" width="180" height="180" class="yellow"></rect>
<rect x="210" y="210" width="180" height="180" class="blue"></rect>
<rect x="410" y="210" width="180" height="180" class="white"></rect>
<rect x="610" y="210" width="180" height="180" class="red"></rect>
<rect x="810" y="210" width="180" height="180" class="yellow"></rect>
<rect x="10" y="410" width="180" height="180" class="blue"></rect>
<rect x="210" y="410" width="180" height="180" class="white"></rect>
<rect x="410" y="410" width="180" height="180" class="red"></rect>
<rect x="610" y="410" width="180" height="180" class="yellow"></rect>
<rect x="810" y="410" width="180" height="180" class="blue"></rect>
<rect x="10" y="610" width="180" height="180" class="white"></rect>
<rect x="210" y="610" width="180" height="180" class="red"></rect>
<rect x="410" y="610" width="180" height="180" class="yellow"></rect>
<rect x="610" y="610" width="180" height="180" class="blue"></rect>
<rect x="810" y="610" width="180" height="180" class="white"></rect>
<rect x="10" y="810" width="180" height="180" class="yellow"></rect>
<rect x="210" y="810" width="180" height="180" class="blue"></rect>
<rect x="410" y="810" width="180" height="180" class="white"></rect>
<rect x="610" y="810" width="180" height="180" class="red"></rect>
<rect x="810" y="810" width="180" height="180" class="yellow"></rect>
</g>
<g id="smaller-rectangles">
<rect x="30" y="30" width="60" height="60" class="white"></rect>
<rect x="430" y="230" width="40" height="120" class="red"></rect>
<rect x="630" y="430" width="60" height="60" class="yellow"></rect>
<rect x="830" y="630" width="40" height="120" class="blue"></rect>
<rect x="10" y="430" width="60" height="100" class="yellow"></rect>
<rect x="610" y="210" width="80" height="80" class="white"></rect>
<rect x="210" y="610" width="80" height="80" class="red"></rect>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" width="1000" height="1000">
<rect width="1000" height="1000" fill="white"/>
<g id="colors">
<rect x="210" y="160" width="180" height="120" fill="#e60000"/>
<rect x="440" y="180" width="120" height="80" fill="#ffed00"/>
<rect x="620" y="260" width="150" height="110" fill="#0057b8"/>
<rect x="260" y="380" width="130" height="150" fill="#ffed00"/>
<rect x="420" y="380" width="180" height="130" fill="#e60000"/>
<rect x="640" y="420" width="120" height="180" fill="#ffed00"/>
<rect x="180" y="580" width="200" height="150" fill="#0057b8"/>
<rect x="420" y="620" width="150" height="120" fill="#e60000"/>
<rect x="620" y="660" width="180" height="130" fill="#0057b8"/>
</g>
<g id="grid" fill="black">
<!-- Vertical bars -->
<rect x="0" y="0" width="30" height="1000"/>
<rect x="200" y="0" width="30" height="1000"/>
<rect x="400" y="0" width="30" height="1000"/>
<rect x="600" y="0" width="30" height="1000"/>
<rect x="800" y="0" width="30" height="1000"/>
<rect x="970" y="0" width="30" height="1000"/>
<!-- Horizontal bars -->
<rect x="0" y="0" width="1000" height="30"/>
<rect x="0" y="150" width="1000" height="30"/>
<rect x="0" y="300" width="1000" height="30"/>
<rect x="0" y="450" width="1000" height="30"/>
<rect x="0" y="600" width="1000" height="30"/>
<rect x="0" y="750" width="1000" height="30"/>
<rect x="0" y="970" width="1000" height="30"/>
</g>
</svg>
![]()
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" width="800" height="800">
<defs>
<linearGradient id="yellowGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFD700"></stop>
<stop offset="100%" stop-color="#FFA500"></stop>
</linearGradient>
<linearGradient id="redGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FF4500"></stop>
<stop offset="100%" stop-color="#8B0000"></stop>
</linearGradient>
<linearGradient id="blueGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#4169E1"></stop>
<stop offset="100%" stop-color="#00008B"></stop>
</linearGradient>
<pattern id="gridPattern" patternUnits="userSpaceOnUse" width="20" height="20">
<path d="M 20 0 L 0 0 0 20" fill="none" stroke="#2C2C2C" stroke-width="0.5" opacity="0.3"></path>
</pattern>
</defs>
<rect width="800" height="800" fill="#F0F0F0"></rect>
<rect width="800" height="800" fill="url(#gridPattern)" opacity="0.2"></rect>
<g id="composition">
<!-- Primary colored rectangles -->
<rect x="120" y="180" width="85" height="75" fill="url(#yellowGrad)" stroke="#2C2C2C" stroke-width="2"></rect>
<rect x="450" y="320" width="65" height="95" fill="url(#redGrad)" stroke="#2C2C2C" stroke-width="2"></rect>
<rect x="280" y="480" width="110" height="60" fill="url(#blueGrad)" stroke="#2C2C2C" stroke-width="2"></rect>
<rect x="600" y="220" width="45" height="85" fill="url(#redGrad)" stroke="#2C2C2C" stroke-width="2"></rect>
<rect x="220" y="320" width="75" height="45" fill="url(#yellowGrad)" stroke="#2C2C2C" stroke-width="2"></rect>
<rect x="520" y="520" width="90" height="70" fill="url(#blueGrad)" stroke="#2C2C2C" stroke-width="2"></rect>
<!-- Secondary colored squares -->
<rect x="180" y="240" width="35" height="35" fill="#FF6B35" stroke="#2C2C2C" stroke-width="1.5"></rect>
<rect x="340" y="380" width="25" height="25" fill="#4A90E2" stroke="#2C2C2C" stroke-width="1.5"></rect>
<rect x="580" y="440" width="30" height="30" fill="#FFD166" stroke="#2C2C2C" stroke-width="1.5"></rect>
<rect x="380" y="180" width="28" height="28" fill="#E63946" stroke="#2C2C2C" stroke-width="1.5"></rect>
<rect x="240" y="560" width="32" height="32" fill="#1D3557" stroke="#2C2C2C" stroke-width="1.5"></rect>
<rect x="480" y="280" width="26" height="26" fill="#FCAF3C" stroke="#2C2C2C" stroke-width="1.5"></rect>
<!-- Black grid lines -->
<g id="gridLines" stroke="#2C2C2C" stroke-width="3" stroke-linecap="square">
<line x1="100" y1="100" x2="700" y2="100"></line>
<line x1="100" y1="200" x2="700" y2="200"></line>
<line x1="100" y1="300" x2="700" y2="300"></line>
<line x1="100" y1="400" x2="700" y2="400"></line>
<line x1="100" y1="500" x2="700" y2="500"></line>
<line x1="100" y1="600" x2="700" y2="600"></line>
<line x1="100" y1="700" x2="700" y2="700"></line>
<line x1="100" y1="100" x2="100" y2="700"></line>
<line x1="200" y1="100" x2="200" y2="700"></line>
<line x1="300" y1="100" x2="300" y2="700"></line>
<line x1="400" y1="100" x2="400" y2="700"></line>
<line x1="500" y1="100" x2="500" y2="700"></line>
<line x1="600" y1="100" x2="600" y2="700"></line>
<line x1="700" y1="100" x2="700" y2="700"></line>
</g>
<!-- Additional intersecting lines -->
<g id="dynamicLines" stroke="#2C2C2C" stroke-width="2" stroke-linecap="round">
<line x1="150" y1="150" x2="250" y2="250"></line>
<line x1="350" y1="250" x2="450" y2="350"></line>
<line x1="550" y1="350" x2="650" y2="450"></line>
<line x1="250" y1="450" x2="350" y2="550"></line>
<line x1="450" y1="550" x2="550" y2="650"></line>
<line x1="150" y1="550" x2="250" y2="650"></line>
<line x1="550" y1="150" x2="650" y2="250"></line>
</g>
<!-- Small colored dots and accents -->
<circle cx="160" cy="160" r="8" fill="#FF6B6B"></circle>
<circle cx="320" cy="320" r="6" fill="#4ECDC4"></circle>
<circle cx="480" cy="480" r="7" fill="#FFE66D"></circle>
<circle cx="640" cy="640" r="5" fill="#1A535C"></circle>
<circle cx="160" cy="640" r="9" fill="#FF6B6B"></circle>
<circle cx="640" cy="160" r="6" fill="#4ECDC4"></circle>
<!-- White space elements -->
<rect x="220" y="120" width="40" height="40" fill="white" stroke="#2C2C2C" stroke-width="1"></rect>
<rect x="420" y="420" width="35" height="35" fill="white" stroke="#2C2C2C" stroke-width="1"></rect>
<rect x="620" y="620" width="30" height="30" fill="white" stroke="#2C2C2C" stroke-width="1"></rect>
<rect x="120" y="420" width="25" height="25" fill="white" stroke="#2C2C2C" stroke-width="1"></rect>
<rect x="520" y="120" width="20" height="20" fill="white" stroke="#2C2C2C" stroke-width="1"></rect>
</g>
</svg>
![]()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" width="800" height="800">
<defs>
<g id="smallSquare">
<rect width="20" height="20"/>
</g>
<g id="tinySquare">
<rect width="10" height="10"/>
</g>
</defs>
<!-- Background - diamond shaped canvas effect -->
<rect x="0" y="0" width="800" height="800" fill="#f5f5f0"/>
<!-- Main diagonal composition frame -->
<g transform="translate(400,400) rotate(45) translate(-400,-400)">
<!-- White base areas -->
<rect x="50" y="50" width="700" height="700" fill="#f8f8f5"/>
<!-- Main vertical black lines -->
<rect x="120" y="50" width="12" height="700" fill="#1a1a1a"/>
<rect x="280" y="50" width="8" height="700" fill="#1a1a1a"/>
<rect x="420" y="50" width="14" height="700" fill="#1a1a1a"/>
<rect x="550" y="50" width="10" height="700" fill="#1a1a1a"/>
<rect x="680" y="50" width="12" height="700" fill="#1a1a1a"/>
<!-- Main horizontal black lines -->
<rect x="50" y="100" width="700" height="10" fill="#1a1a1a"/>
<rect x="50" y="220" width="700" height="8" fill="#1a1a1a"/>
<rect x="50" y="380" width="700" height="12" fill="#1a1a1a"/>
<rect x="50" y="520" width="700" height="9" fill="#1a1a1a"/>
<rect x="50" y="650" width="700" height="11" fill="#1a1a1a"/>
<!-- Large red area -->
<rect x="434" y="392" width="116" height="128" fill="#e31b23"/>
<rect x="434" y="392" width="116" height="128" fill="#c41e22" opacity="0.3"/>
<!-- Blue area -->
<rect x="132" y="529" width="148" height="121" fill="#1a4b8c"/>
<rect x="132" y="529" width="148" height="121" fill="#0d3a6e" opacity="0.4"/>
<!-- Yellow area -->
<rect x="564" y="110" width="126" height="100" fill="#f5d000"/>
<rect x="564" y="110" width="126" height="100" fill="#d4b200" opacity="0.3"/>
<!-- Small colored squares - red accents -->
<rect x="298" y="112" width="18" height="18" fill="#e31b23"/>
<rect x="560" y="392" width="22" height="22" fill="#e31b23"/>
<rect x="444" y="240" width="15" height="15" fill="#d41920"/>
<rect x="695" y="300" width="20" height="20" fill="#e31b23"/>
<!-- Small colored squares - blue accents -->
<rect x="145" y="240" width="20" height="20" fill="#1a4b8c"/>
<rect x="300" y="400" width="18" height="18" fill="#234e8c"/>
<rect x="565" y="550" width="16" height="16" fill="#1a4b8c"/>
<rect x="145" y="400" width="22" height="22" fill="#0d3a6e"/>
<!-- Small colored squares - yellow accents -->
<rect x="298" y="550" width="20" height="20" fill="#f5d000"/>
<rect x="145" y="110" width="18" height="18" fill="#e8c500"/>
<rect x="444" y="670" width="24" height="24" fill="#f5d000"/>
<rect x="695" y="550" width="18" height="18" fill="#d4b200"/>
<!-- Tiny accent squares creating rhythm - red -->
<rect x="250" y="165" width="8" height="8" fill="#e31b23"/>
<rect x="490" y="310" width="10" height="10" fill="#d41920"/>
<rect x="350" y="480" width="8" height="8" fill="#e31b23"/>
<rect x="620" y="450" width="10" height="10" fill="#c41e22"/>
<rect x="180" y="620" width="8" height="8" fill="#e31b23"/>
<!-- Tiny accent squares - blue -->
<rect x="380" y="165" width="8" height="8" fill="#1a4b8c"/>
<rect x="200" y="310" width="10" height="10" fill="#234e8c"/>
<rect x="620" y="240" width="8" height="8" fill="#0d3a6e"/>
<rect x="490" y="620" width="10" height="10" fill="#1a4b8c"/>
<rect x="720" y="400" width="8" height="8" fill="#1a4b8c"/>
<!-- Tiny accent squares - yellow -->
<rect x="180" y="480" width="8" height="8" fill="#f5d000"/>
<rect x="380" y="620" width="10" height="10" fill="#e8c500"/>
<rect x="550" y="310" width="8" height="8" fill="#d4b200"/>
<rect x="720" y="170" width="10" height="10" fill="#f5d000"/>
<rect x="250" y="310" width="8" height="8" fill="#f5d000"/>
<!-- White/grey small squares for texture -->
<rect x="350" y="240" width="12" height="12" fill="#e8e8e5"/>
<rect x="200" y="170" width="10" height="10" fill="#f0f0ec"/>
<rect x="550" y="620" width="12" height="12" fill="#e5e5e0"/>
<rect x="380" y="480" width="10" height="10" fill="#ebebe8"/>
<!-- Additional grid lines for complexity -->
<rect x="350" y="50" width="6" height="300" fill="#1a1a1a"/>
<rect x="50" y="450" width="300" height="6" fill="#1a1a1a"/>
<rect x="600" y="400" width="6" height="350" fill="#1a1a1a"/>
<rect x="400" y="600" width="350" height="6" fill="#1a1a1a"/>
<!-- More small colored rectangles for boogie-woogie rhythm -->
<rect x="360" y="110" width="12" height="25" fill="#e31b23"/>
<rect x="145" y="320" width="25" height="12" fill="#f5d000"/>
<rect x="600" y="320" width="12" height="25" fill="#1a4b8c"/>
<rect x="320" y="600" width="25" height="12" fill="#e31b23"/>
<!-- Secondary color blocks -->
<rect x="692" y="661" width="58" height="89" fill="#e31b23" opacity="0.85"/>
<rect x="132" y="232" width="60" height="70" fill="#f5d000" opacity="0.9"/>
<!-- Border frame -->
<rect x="50" y="50" width="700" height="700" fill="none" stroke="#1a1a1a" stroke-width="8"/>
</g>
<!-- Canvas texture overlay -->
<rect x="0" y="0" width="800" height="800" fill="url(#canvasTexture)" opacity="0.05"/>
<defs>
<pattern id="canvasTexture" patternUnits="userSpaceOnUse" width="4" height="4">
<rect width="4" height="4" fill="#ffffff"/>
<rect width="1" height="1" fill="#000000" opacity="0.1"/>
</pattern>
</defs>
</svg>
![]()
Composition X
Wassily Kandinsky · 14 model results
View chronologyClose
Composition X
Wassily Kandinsky · 14 model results
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 900" width="1200" height="900" aria-label="Kandinsky-inspired composition X">
<defs>
<linearGradient id="bgGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#f6f3ea"></stop>
<stop offset="100%" stop-color="#e9e3c8"></stop>
</linearGradient>
<radialGradient id="gradBlue" cx="40%" cy="20%" r="60%">
<stop offset="0%" stop-color="#d6e7ff"></stop>
<stop offset="100%" stop-color="#5b82ff" stop-opacity="0"></stop>
</radialGradient>
<linearGradient id="gradPurple" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#b18dff"></stop>
<stop offset="100%" stop-color="#4b2a89"></stop>
</linearGradient>
<linearGradient id="gradYellow" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#fff29a"></stop>
<stop offset="100%" stop-color="#f6d14f"></stop>
</linearGradient>
<linearGradient id="gradGreen" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#7bd389"></stop>
<stop offset="100%" stop-color="#2e8a57"></stop>
</linearGradient>
<linearGradient id="gradRed" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#ff6b6b"></stop>
<stop offset="100%" stop-color="#b22222"></stop>
</linearGradient>
<filter id="shadow" x="-50%" y="-50%" width="200%" height="200%">
<feDropShadow dx="3" dy="4" stdDeviation="4" flood-color="#000" flood-opacity="0.25"></feDropShadow>
</filter>
</defs>
<!-- Background -->
<rect width="1200" height="900" fill="url(#bgGrad)"></rect>
<!-- Core geometric elements inspired by Kandinsky style -->
<g id="elements" fill="none" stroke-width="0">
<!-- Left vertical bar (dark) -->
<rect id="leftBar" x="150" y="140" width="70" height="640" fill="#1f1f1f" opacity="0.95" rx="6"></rect>
<!-- Blue circular form -->
<circle id="blueCircle" cx="270" cy="200" r="90" fill="url(#gradBlue)" stroke="#2a3a83" stroke-width="4"></circle>
<!-- Purple circular form -->
<circle id="purpleCircle" cx="520" cy="360" r="60" fill="url(#gradPurple)" stroke="#6a3a8a" stroke-width="4"></circle>
<!-- Yellow elliptical form -->
<ellipse id="yellowEllipse" cx="820" cy="120" rx="110" ry="60" fill="url(#gradYellow)" stroke="#b07a00" stroke-width="4"></ellipse>
<!-- Green bar -->
<rect id="greenBar" x="60" y="520" width="420" height="120" rx="14" fill="url(#gradGreen)" stroke="#1c7a4a" stroke-width="3"></rect>
<!-- Orange trapezoid pulse -->
<polygon id="orangeTrapezoid" points="770,540 970,500 940,640 720,660" fill="url(#gradRed)" stroke="#7a1818" stroke-width="3"></polygon>
<!-- Blue block with slight transparency -->
<rect id="blueBlock" x="520" y="600" width="260" height="120" rx="14" fill="url(#gradBlue)" opacity="0.9"></rect>
</g>
<!-- Subtle crossing lines to add dynamism -->
<g id="lines" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="8" stroke-opacity="0.12" stroke="#000">
<line x1="170" y1="180" x2="930" y2="640"></line>
<line x1="300" y1="720" x2="900" y2="320"></line>
</g>
<!-- Arch/curve forms to emulate Kandinsky's vesicular arcs -->
<g id="arches" fill="none" stroke-width="6" stroke-linecap="round" stroke="#4a2d5a" opacity="0.6">
<path d="M980 140 A120 120 0 0 1 1120 260"></path>
<path d="M360 470 Q420 520 480 470 Q540 420 600 450"></path>
</g>
<!-- Small decorative details -->
<g id="details" fill="none" stroke="none">
<circle cx="360" cy="300" r="20" fill="#ff7f50" stroke="#a0522d" stroke-width="2"></circle>
<circle cx="430" cy="320" r="12" fill="#ffd700" stroke="#b8860b" stroke-width="2"></circle>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1600" viewBox="0 0 1200 1600" preserveAspectRatio="xMidYMid meet">
<defs>
<linearGradient id="bgGrad" x1="0" x2="1" y1="0" y2="1">
<stop offset="0" stop-color="#0a0f1a"/>
<stop offset="1" stop-color="#151824"/>
</linearGradient>
<radialGradient id="softGlow" cx="0.3" cy="0.25" r="0.9">
<stop offset="0" stop-color="#2b3748" stop-opacity="0.35"/>
<stop offset="1" stop-color="#0a0f1a" stop-opacity="0"/>
</radialGradient>
<linearGradient id="warmBand" x1="0" x2="1">
<stop offset="0" stop-color="#ffcf6b"/>
<stop offset="0.5" stop-color="#ff8f6b"/>
<stop offset="1" stop-color="#ff5a84"/>
</linearGradient>
<linearGradient id="coolBand" x1="0" x2="1">
<stop offset="0" stop-color="#6ad1ff"/>
<stop offset="1" stop-color="#8a6bff"/>
</linearGradient>
<filter id="softBlur" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="6" result="b"/>
<feBlend in="SourceGraphic" in2="b" mode="normal"/>
</filter>
<filter id="grain" x="-10%" y="-10%" width="120%" height="120%">
<feTurbulence baseFrequency="0.8" numOctaves="1" stitchTiles="stitch" result="t"/>
<feColorMatrix type="saturate" values="0" in="t" result="mono"/>
<feBlend in="SourceGraphic" in2="mono" mode="overlay" />
<feComponentTransfer>
<feFuncA type="table" tableValues="0 0.06"/>
</feComponentTransfer>
</filter>
<filter id="shadowSmall" x="-50%" y="-50%" width="200%" height="200%">
<feDropShadow dx="6" dy="8" stdDeviation="8" flood-opacity="0.35"/>
</filter>
<filter id="shadowLarge" x="-50%" y="-50%" width="200%" height="200%">
<feDropShadow dx="12" dy="18" stdDeviation="16" flood-opacity="0.32"/>
</filter>
<clipPath id="roundedEdge">
<rect x="40" y="40" width="1120" height="1520" rx="28" ry="28"/>
</clipPath>
</defs>
<!-- Background -->
<g clip-path="url(#roundedEdge)">
<rect x="0" y="0" width="1200" height="1600" fill="url(#bgGrad)"/>
<rect x="0" y="0" width="1200" height="1600" fill="url(#softGlow)" opacity="0.6" />
<g opacity="0.06" filter="url(#grain)">
<rect x="0" y="0" width="1200" height="1600" fill="#ffffff"/>
</g>
<!-- Large central vertical movement -->
<g id="central-structure" transform="translate(180,120)">
<!-- Tall elongated dark oval -->
<ellipse cx="420" cy="580" rx="260" ry="680" fill="#0b0b0f" opacity="0.95"/>
<!-- Thin bright spine -->
<path d="M420 40 C410 220 410 460 420 740 C430 1020 430 1280 420 1480" stroke="#ffd76b" stroke-width="8" fill="none" stroke-linecap="round" stroke-linejoin="round" opacity="0.9"/>
<!-- series of small discs along spine -->
<g stroke="#ffd76b" stroke-width="2" fill="#ffd76b" opacity="0.95">
<circle cx="420" cy="140" r="8"/>
<circle cx="418" cy="260" r="10"/>
<circle cx="422" cy="380" r="12"/>
<circle cx="420" cy="520" r="10"/>
<circle cx="418" cy="700" r="9"/>
<circle cx="422" cy="920" r="11"/>
<circle cx="420" cy="1140" r="8"/>
<circle cx="420" cy="1360" r="6"/>
</g>
<!-- black crescent overlay -->
<path d="M120 600 A300 700 0 0 1 720 600 L700 620 A280 650 0 0 0 140 620 Z" fill="#020306" opacity="0.86"/>
</g>
<!-- Floating circular elements -->
<g id="orbs">
<g transform="translate(820,320)">
<circle cx="0" cy="0" r="120" fill="url(#warmBand)" stroke="#2a2a2a" stroke-width="6" filter="url(#shadowSmall)"/>
<circle cx="-18" cy="-8" r="18" fill="#ffffff" opacity="0.85"/>
<path d="M-86 -24 L-36 -50" stroke="#2a2a2a" stroke-width="6" stroke-linecap="round"/>
</g>
<g transform="translate(980,980) rotate(-18)">
<circle cx="0" cy="0" r="90" fill="#0eb3ff" stroke="#11121a" stroke-width="6" opacity="0.96" filter="url(#shadowSmall)"/>
<circle cx="28" cy="-22" r="12" fill="#ffd76b"/>
<path d="M-46 56 C-10 40 10 20 36 -6" stroke="#ffffff" stroke-width="3" fill="none" opacity="0.6"/>
</g>
<g transform="translate(220,460)">
<circle cx="0" cy="0" r="70" fill="#ff5a84" stroke="#231f20" stroke-width="5" opacity="0.98"/>
<circle cx="-20" cy="-14" r="8" fill="#fff9e6" opacity="0.9"/>
</g>
<g transform="translate(600,240)">
<circle cx="0" cy="0" r="40" fill="#ffffff" stroke="#0a0f1a" stroke-width="4"/>
<circle cx="12" cy="6" r="8" fill="#ffcf6b"/>
</g>
</g>
<!-- Angular planes and bars -->
<g id="bars-and-angles">
<rect x="120" y="920" width="480" height="34" fill="url(#coolBand)" transform="rotate(-8 360 937)"/>
<rect x="110" y="1000" width="560" height="18" fill="#ffd76b" transform="rotate(-6 390 1009)"/>
<path d="M760 560 L1160 420 L1140 380 L740 520 Z" fill="#1f2440" opacity="0.95" />
<path d="M760 560 L1160 420" stroke="#ff8f6b" stroke-width="6" stroke-linecap="round" opacity="0.85"/>
<path d="M142 220 L420 380 L360 460 L80 320 Z" fill="#2f3a56" opacity="0.9"/>
<path d="M142 220 L420 380" stroke="#6ad1ff" stroke-width="5" stroke-linecap="round" opacity="0.85"/>
</g>
<!-- Slight orb clusters and arcs -->
<g id="arcs-and-lines">
<path d="M980 1200 C880 1100 720 1080 600 1180 C480 1280 420 1420 300 1480" stroke="#ffd76b" stroke-width="10" fill="none" stroke-linecap="round" stroke-linejoin="round" opacity="0.6"/>
<path d="M1040 1320 C940 1240 820 1260 720 1360" stroke="#ff5a84" stroke-width="8" fill="none" stroke-linecap="round" opacity="0.85"/>
<g stroke="#ffffff" stroke-width="3" opacity="0.9" stroke-linecap="round">
<path d="M540 320 C580 360 640 360 700 320"/>
<path d="M560 340 C620 380 700 380 760 340" opacity="0.6"/>
</g>
</g>
<!-- Small geometric punctuation -->
<g id="puncts" fill="#ffffff" stroke="#000" stroke-width="1.2" opacity="0.95">
<rect x="540" y="880" width="18" height="18" transform="rotate(18 549 889)" fill="#6ad1ff"/>
<rect x="480" y="1040" width="28" height="12" transform="rotate(-18 494 1046)" fill="#ff8f6b"/>
<polygon points="980,220 1004,244 972,260" fill="#ffd76b" opacity="0.95"/>
<circle cx="880" cy="760" r="6" fill="#ffffff"/>
<circle cx="900" cy="740" r="4" fill="#ffd76b"/>
<circle cx="240" cy="1320" r="10" fill="#8a6bff" stroke="#1a1a1a" stroke-width="2" />
</g>
<!-- Large dark disk with concentric ring -->
<g transform="translate(540,900)">
<circle cx="0" cy="0" r="220" fill="#0b0c11" stroke="#222427" stroke-width="6" filter="url(#shadowLarge)"/>
<circle cx="-22" cy="-18" r="86" fill="none" stroke="#ffcf6b" stroke-width="10" stroke-opacity="0.85"/>
<circle cx="56" cy="88" r="28" fill="#6ad1ff" stroke="#0a0f1a" stroke-width="4"/>
<path d="M-160 40 L-40 10" stroke="#ffffff" stroke-width="4" stroke-linecap="round" opacity="0.2"/>
</g>
<!-- Fine connecting lines and tiny accents -->
<g stroke-linecap="round" stroke-linejoin="round">
<path d="M260 320 L380 420" stroke="#ffffff" stroke-width="2" opacity="0.55"/>
<path d="M960 360 L720 560" stroke="#ffd76b" stroke-width="3" opacity="0.45"/>
<path d="M700 1360 L820 1180" stroke="#8a6bff" stroke-width="4" opacity="0.6"/>
<path d="M420 40 L780 120" stroke="#ffffff" stroke-width="1.6" opacity="0.14"/>
</g>
<!-- Signature-like block (abstract) -->
<g transform="translate(72,1480)">
<rect x="0" y="0" width="320" height="46" rx="8" ry="8" fill="#12141a" opacity="0.7"/>
<path d="M20 30 C36 12 74 12 92 30" stroke="#ffd76b" stroke-width="4" fill="none" stroke-linecap="round"/>
<rect x="260" y="8" width="28" height="28" rx="4" ry="4" fill="#ff5a84" stroke="#221f22" stroke-width="2"/>
</g>
<!-- subtle vignette -->
<rect x="0" y="0" width="1200" height="1600" fill="black" opacity="0.06"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 900">
<defs>
<linearGradient id="grad-wedge" x1="0%" y1="100%" x2="60%" y2="40%">
<stop offset="0%" stop-color="#5a0410"/>
<stop offset="45%" stop-color="#b10e1a"/>
<stop offset="100%" stop-color="#ea2b2b"/>
</linearGradient>
<radialGradient id="grad-oval" cx="55%" cy="45%" r="65%">
<stop offset="0%" stop-color="#ff98d0"/>
<stop offset="45%" stop-color="#e155b0"/>
<stop offset="100%" stop-color="#8a2b7b"/>
</radialGradient>
<radialGradient id="grad-planet1" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#ffd86a"/>
<stop offset="70%" stop-color="#f2a30c"/>
<stop offset="100%" stop-color="#a85c00"/>
</radialGradient>
<radialGradient id="grad-planet2" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#9de1ff"/>
<stop offset="70%" stop-color="#3fa7e6"/>
<stop offset="100%" stop-color="#145d9a"/>
</radialGradient>
<radialGradient id="grad-planet3" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#b3ffbf"/>
<stop offset="70%" stop-color="#34c77b"/>
<stop offset="100%" stop-color="#17724a"/>
</radialGradient>
<linearGradient id="grad-crescent" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#fff6b2"/>
<stop offset="100%" stop-color="#e8c54a"/>
</linearGradient>
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="2" result="b"/>
<feMerge>
<feMergeNode in="b"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<clipPath id="clip-boat">
<path d="M860,650
C980,615 1120,615 1220,648
C1260,662 1260,698 1220,712
C1105,750 975,750 865,714
C825,700 825,664 860,650 Z"/>
</clipPath>
<linearGradient id="grad-boat-stripe" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#ffed7a"/>
<stop offset="15%" stop-color="#ff6f61"/>
<stop offset="30%" stop-color="#7bd8ff"/>
<stop offset="45%" stop-color="#7cff95"/>
<stop offset="60%" stop-color="#e28cff"/>
<stop offset="75%" stop-color="#ffd067"/>
<stop offset="90%" stop-color="#ff5fb1"/>
<stop offset="100%" stop-color="#6fe0d8"/>
</linearGradient>
<marker id="dot" markerWidth="6" markerHeight="6" refX="3" refY="3">
<circle cx="3" cy="3" r="3" fill="#ffffff" />
</marker>
<marker id="tri" markerWidth="10" markerHeight="8" refX="1" refY="4" orient="auto">
<path d="M1,1 L9,4 L1,7 Z" fill="#ffcf4b"/>
</marker>
<mask id="mask-crescent">
<rect x="0" y="0" width="1400" height="900" fill="black"/>
<circle cx="290" cy="260" r="80" fill="white"/>
<circle cx="315" cy="250" r="70" fill="black"/>
</mask>
</defs>
<g id="background">
<rect width="1400" height="900" fill="#0b0b0b"/>
<g id="stars" fill="#ffffff" opacity="0.9">
<circle cx="75" cy="70" r="1.7"/>
<circle cx="140" cy="210" r="1.2"/>
<circle cx="230" cy="120" r="1.4"/>
<circle cx="310" cy="80" r="1.1"/>
<circle cx="390" cy="200" r="1.3"/>
<circle cx="470" cy="60" r="1.2"/>
<circle cx="560" cy="180" r="1.4"/>
<circle cx="640" cy="70" r="1.1"/>
<circle cx="720" cy="140" r="1.3"/>
<circle cx="800" cy="60" r="1.5"/>
<circle cx="880" cy="120" r="1.1"/>
<circle cx="960" cy="90" r="1.4"/>
<circle cx="1040" cy="170" r="1.2"/>
<circle cx="1120" cy="80" r="1.6"/>
<circle cx="1200" cy="140" r="1.1"/>
<circle cx="1280" cy="60" r="1.4"/>
<circle cx="1360" cy="100" r="1.2"/>
<circle cx="100" cy="320" r="1.2"/>
<circle cx="200" cy="360" r="1.5"/>
<circle cx="300" cy="300" r="1.1"/>
<circle cx="400" cy="340" r="1.3"/>
<circle cx="500" cy="300" r="1.1"/>
<circle cx="600" cy="340" r="1.4"/>
<circle cx="700" cy="300" r="1.2"/>
<circle cx="800" cy="340" r="1.1"/>
<circle cx="900" cy="300" r="1.3"/>
<circle cx="1000" cy="340" r="1.2"/>
<circle cx="1100" cy="300" r="1.4"/>
<circle cx="1200" cy="340" r="1.1"/>
<circle cx="1300" cy="300" r="1.3"/>
<circle cx="150" cy="520" r="1.5"/>
<circle cx="250" cy="560" r="1.2"/>
<circle cx="350" cy="520" r="1.3"/>
<circle cx="450" cy="560" r="1.2"/>
<circle cx="550" cy="520" r="1.1"/>
<circle cx="650" cy="560" r="1.3"/>
<circle cx="750" cy="520" r="1.2"/>
<circle cx="850" cy="560" r="1.1"/>
<circle cx="950" cy="520" r="1.4"/>
<circle cx="1050" cy="560" r="1.2"/>
<circle cx="1150" cy="520" r="1.1"/>
<circle cx="1250" cy="560" r="1.3"/>
<circle cx="1350" cy="520" r="1.2"/>
<circle cx="200" cy="740" r="1.4"/>
<circle cx="300" cy="700" r="1.2"/>
<circle cx="400" cy="740" r="1.1"/>
<circle cx="500" cy="700" r="1.3"/>
<circle cx="600" cy="740" r="1.2"/>
<circle cx="700" cy="700" r="1.1"/>
<circle cx="800" cy="740" r="1.3"/>
<circle cx="900" cy="700" r="1.2"/>
<circle cx="1000" cy="740" r="1.1"/>
<circle cx="1100" cy="700" r="1.3"/>
<circle cx="1200" cy="740" r="1.2"/>
<circle cx="1300" cy="700" r="1.1"/>
</g>
</g>
<g id="major-forms">
<path d="M-40,860
C120,760 310,700 520,670
C640,652 770,640 910,648
L920,700
C770,694 640,700 510,722
C320,754 140,815 -40,900 Z"
fill="url(#grad-wedge)" opacity="0.95"/>
<ellipse cx="1035" cy="220" rx="170" ry="120" fill="url(#grad-oval)" stroke="#2d0f2b" stroke-width="4"/>
<g id="concentric-1" transform="translate(310,170)">
<circle cx="0" cy="0" r="44" fill="url(#grad-planet1)" filter="url(#glow)"/>
<circle cx="0" cy="0" r="64" fill="none" stroke="#ff6b6b" stroke-width="3" opacity="0.9"/>
<circle cx="0" cy="0" r="85" fill="none" stroke="#fff3a6" stroke-width="2" opacity="0.8" stroke-dasharray="8 6"/>
</g>
<g id="concentric-2" transform="translate(880,120)">
<circle cx="0" cy="0" r="30" fill="url(#grad-planet2)" filter="url(#glow)"/>
<circle cx="0" cy="0" r="48" fill="none" stroke="#7ef0ff" stroke-width="3" opacity="0.9"/>
<circle cx="0" cy="0" r="66" fill="none" stroke="#fff" stroke-width="2" opacity="0.6" stroke-dasharray="5 7"/>
</g>
<g id="concentric-3" transform="translate(1180,390)">
<circle cx="0" cy="0" r="34" fill="url(#grad-planet3)" filter="url(#glow)"/>
<circle cx="0" cy="0" r="52" fill="none" stroke="#87ff9a" stroke-width="3" opacity="0.9"/>
<circle cx="0" cy="0" r="78" fill="none" stroke="#e7ffe7" stroke-width="2" opacity="0.7" stroke-dasharray="9 4"/>
</g>
<g id="network" stroke="#ffffff" stroke-width="2" opacity="0.8">
<path d="M220,260 L360,210 L520,250 L620,170" marker-start="url(#dot)" marker-end="url(#dot)"/>
<path d="M360,210 L420,120 L540,120" marker-start="url(#dot)" marker-mid="url(#dot)" marker-end="url(#dot)"/>
<path d="M520,250 L660,280 L780,230 L900,260" marker-mid="url(#dot)" marker-end="url(#dot)"/>
<path d="M620,170 L740,120 L880,120" marker-mid="url(#dot)" marker-end="url(#dot)"/>
<path d="M780,230 L820,320 L940,340" marker-mid="url(#dot)" marker-end="url(#dot)"/>
<path d="M260,360 L380,330 L500,360 L580,320 L650,360" marker-mid="url(#dot)" marker-end="url(#dot)"/>
</g>
<g id="crescent" transform="translate(0,0)">
<rect x="210" y="180" width="180" height="160" fill="url(#grad-crescent)" mask="url(#mask-crescent)" stroke="#e1b843" stroke-width="3"/>
<circle cx="280" cy="265" r="6" fill="#fff7c1"/>
<circle cx="300" cy="245" r="4" fill="#fff7c1"/>
<circle cx="310" cy="285" r="3.5" fill="#fff7c1"/>
</g>
<g id="flags-and-ladders" stroke-linecap="round">
<g transform="translate(980,470)">
<line x1="0" y1="0" x2="0" y2="-80" stroke="#ffffff" stroke-width="3"/>
<path d="M0,-70 L28,-62 L0,-54 Z" fill="#ff6f61" stroke="#ff6f61"/>
<line x1="36" y1="0" x2="36" y2="-58" stroke="#ffffff" stroke-width="3"/>
<path d="M36,-52 L64,-47 L36,-42 Z" fill="#7bd8ff" stroke="#7bd8ff"/>
<line x1="72" y1="0" x2="72" y2="-68" stroke="#ffffff" stroke-width="3"/>
<path d="M72,-60 L96,-54 L72,-48 Z" fill="#ffd067" stroke="#ffd067"/>
</g>
<g transform="translate(520,420) rotate(-12)">
<line x1="0" y1="0" x2="0" y2="120" stroke="#ffffff" stroke-width="3"/>
<line x1="-18" y1="15" x2="18" y2="15" stroke="#ffffff" stroke-width="3"/>
<line x1="-18" y1="45" x2="18" y2="45" stroke="#ffffff" stroke-width="3"/>
<line x1="-18" y1="75" x2="18" y2="75" stroke="#ffffff" stroke-width="3"/>
<line x1="-18" y1="105" x2="18" y2="105" stroke="#ffffff" stroke-width="3"/>
</g>
</g>
<g id="boat">
<path d="M860,650
C980,615 1120,615 1220,648
C1260,662 1260,698 1220,712
C1105,750 975,750 865,714
C825,700 825,664 860,650 Z"
fill="#0d0d0d" stroke="#ffffff" stroke-width="3"/>
<g clip-path="url(#clip-boat)">
<rect x="850" y="646" width="400" height="16" fill="url(#grad-boat-stripe)"/>
<rect x="850" y="668" width="400" height="16" fill="url(#grad-boat-stripe)"/>
<rect x="850" y="690" width="400" height="16" fill="url(#grad-boat-stripe)"/>
</g>
<g stroke="#ffffff" stroke-width="3">
<line x1="940" y1="640" x2="960" y2="600" marker-end="url(#tri)"/>
<line x1="1000" y1="640" x2="1020" y2="590" marker-end="url(#tri)"/>
<line x1="1080" y1="640" x2="1100" y2="600" marker-end="url(#tri)"/>
<line x1="1160" y1="642" x2="1180" y2="605" marker-end="url(#tri)"/>
</g>
</g>
<g id="biomorphic">
<path d="M690,420
c20,-40 80,-40 110,-10
c35,35 8,70 -32,88
c-40,18 -96,-16 -78,-78 Z"
fill="#59d4ff" stroke="#093a54" stroke-width="3" opacity="0.9"/>
<path d="M240,520
c-10,-35 35,-62 80,-50
c35,10 58,42 50,70
c-12,44 -116,22 -130,-20 Z"
fill="#ffc371" stroke="#6e4305" stroke-width="3" opacity="0.9"/>
<path d="M360,610
c20,-20 70,-20 96,0
c24,18 20,56 -14,74
c-30,16 -82,10 -94,-22
c-8,-20 -4,-40 12,-52 Z"
fill="#ff7aa2" stroke="#5a0b29" stroke-width="3" opacity="0.9"/>
</g>
<g id="floating-lines" stroke="#ffffff" opacity="0.85">
<path d="M1060,260 Q1120,300 1180,260" fill="none" stroke-width="2" stroke-dasharray="8 6"/>
<path d="M970,320 Q1030,360 1100,330" fill="none" stroke-width="2" stroke-dasharray="6 7"/>
<path d="M860,220 Q900,180 940,220" fill="none" stroke-width="2"/>
<path d="M260,180 Q300,150 360,160" fill="none" stroke-width="2"/>
</g>
<g id="tiny-orbs" opacity="0.95">
<circle cx="470" cy="250" r="8" fill="#ffe38a" stroke="#7a5b00" stroke-width="2"/>
<circle cx="530" cy="210" r="6" fill="#b4ffde" stroke="#0e6b4a" stroke-width="2"/>
<circle cx="590" cy="260" r="7" fill="#ff9bd5" stroke="#7a1c56" stroke-width="2"/>
<circle cx="640" cy="200" r="5" fill="#9ad1ff" stroke="#135c8c" stroke-width="2"/>
<circle cx="1000" cy="310" r="7" fill="#ffe38a" stroke="#7a5b00" stroke-width="2"/>
<circle cx="1130" cy="210" r="6" fill="#b4ffde" stroke="#0e6b4a" stroke-width="2"/>
</g>
</g>
</svg>
![]()
<svg viewBox="0 0 1950 1300" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#f8d040;stop-opacity:1" />
<stop offset="50%" style="stop-color:#e06c3a;stop-opacity:1" />
<stop offset="100%" style="stop-color:#c83737;stop-opacity:1" />
</linearGradient>
<radialGradient id="grad2" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" />
<stop offset="100%" style="stop-color:#a0c0e0;stop-opacity:1" />
</radialGradient>
</defs>
<rect width="1950" height="1300" fill="#121019" />
<g id="background_elements">
<path d="M1800,200 Q1500,650 1800,1100 L1850,1100 Q1580,650 1850,200 Z" fill="#d0e0e8" />
<path d="M50,500 C150,450 250,550 350,500 S 450,400 550,500" stroke="#80c080" stroke-width="8" fill="none" />
<path d="M1400,1150 C1500,1100 1600,1200 1700,1150" stroke="#8c4f8c" stroke-width="10" fill="none" />
</g>
<g id="checkerboard" transform="translate(150, 950)">
<rect x="0" y="0" width="40" height="40" fill="#8c4f8c" />
<rect x="40" y="0" width="40" height="40" fill="#50a050" />
<rect x="80" y="0" width="40" height="40" fill="#8c4f8c" />
<rect x="120" y="0" width="40" height="40" fill="#50a050" />
<rect x="0" y="40" width="40" height="40" fill="#f0e060" />
<rect x="40" y="40" width="40" height="40" fill="#c83737" />
<rect x="80" y="40" width="40" height="40" fill="#f0e060" />
<rect x="120" y="40" width="40" height="40" fill="#c83737" />
<rect x="0" y="80" width="40" height="40" fill="#8c4f8c" />
<rect x="40" y="80" width="40" height="40" fill="#50a050" />
<rect x="80" y="80" width="40" height="40" fill="#8c4f8c" />
<rect x="120" y="80" width="40" height="40" fill="#50a050" />
<rect x="0" y="120" width="40" height="40" fill="#f0e060" />
<rect x="40" y="120" width="40" height="40" fill="#c83737" />
<rect x="80" y="120" width="40" height="40" fill="#f0e060" />
<rect x="120" y="120" width="40" height="40" fill="#c83737" />
</g>
<g id="ladder" transform="translate(250, 150)">
<path d="M0,0 V300 M50,0 V300" stroke="#d0e0e8" stroke-width="5" />
<line x1="0" y1="30" x2="50" y2="30" stroke="#c83737" stroke-width="8" />
<line x1="0" y1="80" x2="50" y2="80" stroke="#f0e060" stroke-width="8" />
<line x1="0" y1="130" x2="50" y2="130" stroke="#50a050" stroke-width="8" />
<line x1="0" y1="180" x2="50" y2="180" stroke="#4060a0" stroke-width="8" />
<line x1="0" y1="230" x2="50" y2="230" stroke="#8c4f8c" stroke-width="8" />
<line x1="0" y1="280" x2="50" y2="280" stroke="#e06c3a" stroke-width="8" />
</g>
<g id="main_form">
<path d="M975,50 C 600,50 500,300 650,650 C 750,900 1200,950 1450,700 C 1700,450 1500,50 975,50 Z" fill="url(#grad1)" />
<g id="main_form_details">
<path d="M975,600 C 900,550 850,650 975,750 S 1100,850 1150,750 S 1100,600 975,600 Z" fill="#4060a0" />
<circle cx="800" cy="300" r="60" fill="url(#grad2)" />
<circle cx="1200" cy="250" r="40" fill="#ffffff" />
<path d="M700,400 L1300,550" stroke="#ffffff" stroke-width="3" />
<path d="M750,500 L1250,650" stroke="#121019" stroke-width="2" />
<circle cx="1050" cy="450" r="15" fill="#121019" />
<circle cx="900" cy="200" r="20" fill="#ffffff" />
<circle cx="905" cy="205" r="10" fill="#121019" />
</g>
</g>
<g id="floating_elements">
<path d="M1500,150 C 1550,100 1650,150 1600,250 C 1550,350 1450,300 1500,150 Z" fill="#50a050" />
<circle cx="1550" cy="200" r="10" fill="#f0e060" />
<circle cx="450" cy="700" r="70" fill="#c83737" />
<circle cx="450" cy="700" r="20" fill="#ffffff" />
<path d="M1500,900 C 1600,850 1700,950 1650,1050 S 1450,1100 1500,900 Z" fill="#8c4f8c" />
<path d="M1520,930 L1630,1020 M1530,1020 L1640,930" stroke="#f0e060" stroke-width="5" />
<ellipse cx="700" cy="1100" rx="100" ry="50" fill="#4060a0" />
<ellipse cx="700" cy="1100" rx="60" ry="25" fill="#a0c0e0" />
<path d="M1200,1000 A 50 50 0 1 1 1300,1000" stroke="#f0e060" stroke-width="12" fill="none" />
<circle cx="150" cy="150" r="30" fill="#f8d040" />
<circle cx="1800" cy="1200" r="40" fill="#e06c3a" />
<g id="striped_circle" transform="translate(1300, 400)">
<circle cx="0" cy="0" r="80" fill="#d0e0e8" />
<circle cx="0" cy="0" r="60" fill="none" stroke="#121019" stroke-width="15" />
<circle cx="0" cy="0" r="25" fill="#c83737" />
</g>
<g id="small_dots_and_lines">
<circle cx="100" cy="800" r="5" fill="#ffffff" />
<circle cx="120" cy="820" r="3" fill="#f0e060" />
<circle cx="140" cy="790" r="4" fill="#ffffff" />
<circle cx="1850" cy="100" r="8" fill="#ffffff" />
<circle cx="1880" cy="120" r="6" fill="#f0e060" />
<circle cx="600" cy="100" r="10" fill="#a0c0e0" />
<circle cx="1750" cy="500" r="12" fill="#50a050" />
<line x1="500" y1="900" x2="550" y2="920" stroke="#ffffff" stroke-width="2" />
<line x1="1400" y1="80" x2="1420" y2="130" stroke="#ffffff" stroke-width="2" />
</g>
</g>
</svg>
![]()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 700">
<rect x="0" y="0" width="1000" height="700" fill="#000000"/>
<!-- Main central form - organic, dark -->
<path d="M400 150 C300 50 150 100 100 250 C50 400 150 550 300 600 C450 650 600 600 700 500 C800 400 750 250 650 150 C550 50 450 100 400 150 Z" fill="#1a1a1a" stroke="#333333" stroke-width="5"/>
<!-- Large yellow circle -->
<circle cx="750" cy="150" r="80" fill="#ffcc00" stroke="#e6b800" stroke-width="3"/>
<!-- Large blue form -->
<path d="M150 500 C100 450 50 550 100 650 C150 700 250 680 300 600 C250 550 200 520 150 500 Z" fill="#0066cc" stroke="#0052a3" stroke-width="3"/>
<!-- Red triangle -->
<polygon points="550,100 650,200 450,200" fill="#cc0000" stroke="#a30000" stroke-width="3"/>
<!-- Green rectangle -->
<rect x="200" y="100" width="100" height="50" fill="#009933" stroke="#007a29" stroke-width="3"/>
<!-- Various lines and small shapes -->
<g stroke-width="2">
<line x1="100" y1="100" x2="200" y2="50" stroke="#ffffff"/>
<line x1="800" y1="600" x2="900" y2="550" stroke="#ffffff"/>
<line x1="50" y1="300" x2="150" y2="350" stroke="#ffffff"/>
<line x1="900" y1="200" x2="850" y2="300" stroke="#ffffff"/>
<circle cx="300" cy="300" r="20" fill="#ff00ff" stroke="#cc00cc"/>
<rect x="700" y="400" width="30" height="30" fill="#00ffff" stroke="#00cccc"/>
<polygon points="100,400 120,420 80,420" fill="#ffff00" stroke="#cccc00"/>
<circle cx="500" cy="500" r="15" fill="#ffffff" stroke="#cccccc"/>
<rect x="400" y="600" width="40" height="20" fill="#ff6600" stroke="#cc5200"/>
</g>
<!-- More complex, organic forms -->
<path d="M850 50 C800 0 700 50 750 100 C800 150 900 100 850 50 Z" fill="#9900cc" stroke="#7a00a3" stroke-width="2"/>
<path d="M50 50 C0 100 50 150 100 100 C150 50 100 0 50 50 Z" fill="#00cc99" stroke="#00a37a" stroke-width="2"/>
<!-- Scattered dots and small elements -->
<circle cx="120" cy="200" r="5" fill="#ffffff"/>
<circle cx="880" cy="500" r="5" fill="#ffffff"/>
<circle cx="450" cy="50" r="5" fill="#ffffff"/>
<circle cx="550" cy="650" r="5" fill="#ffffff"/>
<circle cx="700" cy="250" r="5" fill="#ffffff"/>
<!-- Swirling lines -->
<path d="M250 50 C300 20 350 80 400 50" fill="none" stroke="#ffffff" stroke-width="2"/>
<path d="M600 650 C650 680 700 620 750 650" fill="none" stroke="#ffffff" stroke-width="2"/>
<path d="M50 450 C20 400 80 350 50 300" fill="none" stroke="#ffffff" stroke-width="2"/>
<path d="M950 250 C980 300 920 350 950 400" fill="none" stroke="#ffffff" stroke-width="2"/>
<!-- Overlapping transparent shapes -->
<rect x="300" y="400" width="150" height="100" fill="rgba(255,0,0,0.3)" stroke="none"/>
<circle cx="600" cy="300" r="70" fill="rgba(0,0,255,0.3)" stroke="none"/>
<polygon points="150,150 250,150 200,250" fill="rgba(0,255,0,0.3)" stroke="none"/>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#f2a900;stop-opacity:1" />
<stop offset="100%" style="stop-color:#e68d00;stop-opacity:1" />
</linearGradient>
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#0077b6;stop-opacity:1" />
<stop offset="100%" style="stop-color:#023e8a;stop-opacity:1" />
</linearGradient>
<linearGradient id="grad3" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#f4a261;stop-opacity:1" />
<stop offset="100%" style="stop-color:#e9c46a;stop-opacity:1" />
</linearGradient>
<linearGradient id="grad4" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#264653;stop-opacity:1" />
<stop offset="100%" style="stop-color:#2a9d8f;stop-opacity:1" />
</linearGradient>
<radialGradient id="rad1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:#ffffff;stop-opacity:0.8" />
<stop offset="100%" style="stop-color:#ffffff;stop-opacity:0" />
</radialGradient>
</defs>
<rect width="1000" height="1000" fill="#f8f8f8"/>
<!-- Background Elements -->
<path d="M 0 0 L 1000 0 L 1000 1000 L 0 1000 Z" fill="#264653"/>
<path d="M 100 100 L 900 100 L 900 900 L 100 900 Z" fill="#2a9d8f" opacity="0.7"/>
<!-- Geometric Shapes -->
<circle cx="250" cy="300" r="80" fill="url(#grad1)" transform="rotate(-15 250 300)"/>
<rect x="600" y="150" width="150" height="250" fill="url(#grad2)" transform="rotate(10 725 275)"/>
<polygon points="400,600 550,500 600,700 450,750" fill="url(#grad3)" transform="rotate(20 500 625)"/>
<ellipse cx="750" cy="500" rx="120" ry="60" fill="url(#grad4)" transform="rotate(-25 750 500)"/>
<path d="M 150 700 Q 250 850 400 750" stroke="#e76f51" stroke-width="15" fill="none" stroke-linecap="round"/>
<path d="M 850 200 Q 700 100 550 250" stroke="#e76f51" stroke-width="15" fill="none" stroke-linecap="round"/>
<!-- Lines and Accents -->
<line x1="100" y1="100" x2="900" y2="900" stroke="#ffffff" stroke-width="8" opacity="0.5"/>
<line x1="900" y1="100" x2="100" y2="900" stroke="#ffffff" stroke-width="8" opacity="0.5"/>
<line x1="200" y1="500" x2="800" y2="500" stroke="#f4a261" stroke-width="10" />
<line x1="500" y1="200" x2="500" y2="800" stroke="#f4a261" stroke-width="10" />
<path d="M 300 100 L 300 400" stroke="#e63946" stroke-width="12" stroke-linecap="round"/>
<path d="M 700 600 L 700 900" stroke="#e63946" stroke-width="12" stroke-linecap="round"/>
<circle cx="500" cy="500" r="40" fill="#ffffff" opacity="0.6"/>
<circle cx="500" cy="500" r="20" fill="#e76f51"/>
<circle cx="500" cy="500" r="10" fill="url(#rad1)"/>
<!-- Smaller shapes and details -->
<circle cx="150" cy="200" r="30" fill="#ffbe0b" opacity="0.8"/>
<rect x="700" y="700" width="70" height="70" fill="#8ecae6" transform="rotate(45 735 735)"/>
<path d="M 450 350 L 550 350 L 500 450 Z" fill="#fb8500"/>
<path d="M 500 650 L 400 750 L 600 750 Z" fill="#219ebc"/>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 500" width="600" height="500">
<defs>
<linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#F0F0F0"/>
<stop offset="100%" stop-color="#E0E0E0"/>
</linearGradient>
</defs>
<rect width="600" height="500" fill="url(#bgGradient)"/>
<g transform="translate(50, 50)">
<path d="M100 50 L250 200 Q350 300 200 350 C150 400 50 350 100 250"
fill="none" stroke="#FF5D5D" stroke-width="6"/>
<circle cx="300" cy="150" r="60" fill="#4A90E2" opacity="0.7"/>
<polygon points="400,100 450,200 350,250"
fill="#FFD700" stroke="#000" stroke-width="2"/>
<path d="M50 400 Q150 300 250 350 T450 300"
fill="none" stroke="#8E44AD" stroke-width="5" stroke-dasharray="10,5"/>
</g>
</svg>
![]()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
<defs>
<linearGradient id="bg-gradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f5f5f5" />
<stop offset="100%" stop-color="#e8e8e8" />
</linearGradient>
</defs>
<!-- Background -->
<rect width="800" height="600" fill="url(#bg-gradient)" />
<!-- Main geometric elements -->
<g id="geometric-shapes">
<!-- Black grid lines -->
<line x1="100" y1="50" x2="100" y2="550" stroke="black" stroke-width="3" />
<line x1="300" y1="150" x2="300" y2="450" stroke="black" stroke-width="4" />
<line x1="500" y1="100" x2="500" y2="500" stroke="black" stroke-width="3" />
<line x1="50" y1="300" x2="750" y2="300" stroke="black" stroke-width="5" />
<line x1="200" y1="200" x2="600" y2="200" stroke="black" stroke-width="3" />
<line x1="150" y1="400" x2="650" y2="400" stroke="black" stroke-width="4" />
<!-- Colored rectangles -->
<rect x="350" y="100" width="100" height="80" fill="#1d65a6" />
<rect x="200" y="220" width="80" height="60" fill="#72a2c0" />
<rect x="120" y="320" width="150" height="60" fill="#f2a104" />
<rect x="550" y="350" width="120" height="100" fill="#8b0000" />
<rect x="400" y="420" width="70" height="70" fill="#ffdb58" />
<!-- Triangles -->
<polygon points="600,150 650,200 550,200" fill="#d33e43" />
<polygon points="150,100 200,150 100,150" fill="#9acd32" />
<polygon points="450,250 500,300 400,300" fill="#9932cc" />
<!-- Circles -->
<circle cx="250" cy="350" r="40" fill="#ff6347" />
<circle cx="500" cy="150" r="30" fill="#4682b4" />
<circle cx="350" cy="450" r="25" fill="#32cd32" />
<circle cx="650" cy="300" r="35" fill="#ffd700" />
<!-- Semi-circles -->
<path d="M 150,250 A 50,50 0 0,1 250,250" stroke="#ff1493" stroke-width="8" fill="none" />
<path d="M 450,350 A 40,40 0 0,0 530,350" stroke="#00ced1" stroke-width="6" fill="none" />
<!-- Curved lines -->
<path d="M 100,100 Q 200,50 300,100" stroke="#800080" stroke-width="5" fill="none" />
<path d="M 400,500 Q 500,550 600,500" stroke="#006400" stroke-width="4" fill="none" />
<path d="M 700,200 Q 650,300 700,400" stroke="#ff4500" stroke-width="6" fill="none" />
</g>
<!-- Smaller geometric elements -->
<g id="small-elements">
<rect x="180" y="120" width="30" height="30" fill="#000000" />
<rect x="580" y="420" width="25" height="25" fill="#000000" />
<circle cx="400" cy="250" r="15" fill="#000000" />
<circle cx="300" cy="500" r="12" fill="#000000" />
<polygon points="700,150 720,180 680,180" fill="#000000" />
<polygon points="100,450 120,480 80,480" fill="#000000" />
</g>
<!-- Thin colored lines -->
<g id="colored-lines" stroke-width="2">
<line x1="50" y1="150" x2="250" y2="150" stroke="#ff0000" />
<line x1="550" y1="250" x2="750" y2="250" stroke="#0000ff" />
<line x1="350" y1="50" x2="350" y2="250" stroke="#008000" />
<line x1="450" y1="350" x2="450" y2="550" stroke="#ffa500" />
<line x1="100" y1="200" x2="300" y2="400" stroke="#800080" />
<line x1="500" y1="100" x2="700" y2="300" stroke="#00ffff" />
</g>
<!-- Diagonal elements -->
<g id="diagonals">
<line x1="50" y1="50" x2="200" y2="200" stroke="#000000" stroke-width="3" />
<line x1="750" y1="50" x2="600" y2="200" stroke="#000000" stroke-width="3" />
<line x1="50" y1="550" x2="200" y2="400" stroke="#000000" stroke-width="3" />
<line x1="750" y1="550" x2="600" y2="400" stroke="#000000" stroke-width="3" />
</g>
<!-- Accent elements -->
<g id="accents">
<circle cx="150" cy="150" r="8" fill="#ff0000" />
<circle cx="650" cy="150" r="8" fill="#0000ff" />
<circle cx="150" cy="450" r="8" fill="#ffff00" />
<circle cx="650" cy="450" r="8" fill="#00ff00" />
<rect x="395" y="295" width="10" height="10" fill="#ff00ff" />
<rect x="295" y="395" width="10" height="10" fill="#00ffff" />
<rect x="495" y="395" width="10" height="10" fill="#ff8000" />
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" width="1200" height="800">
<defs>
<radialGradient id="centerGlow" cx="50%" cy="50%" r="60%">
<stop offset="0%" style="stop-color:#FFE135;stop-opacity:0.8"/>
<stop offset="50%" style="stop-color:#FF6B35;stop-opacity:0.6"/>
<stop offset="100%" style="stop-color:#8B0000;stop-opacity:0.3"/>
</radialGradient>
<linearGradient id="blueGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#4169E1"/>
<stop offset="50%" style="stop-color:#1E90FF"/>
<stop offset="100%" style="stop-color:#000080"/>
</linearGradient>
<linearGradient id="redGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#FF4500"/>
<stop offset="50%" style="stop-color:#DC143C"/>
<stop offset="100%" style="stop-color:#8B0000"/>
</linearGradient>
<linearGradient id="yellowGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#FFD700"/>
<stop offset="50%" style="stop-color:#FFA500"/>
<stop offset="100%" style="stop-color:#FF8C00"/>
</linearGradient>
<filter id="blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="2"/>
</filter>
</defs>
<!-- Background with subtle texture -->
<rect width="1200" height="800" fill="#F5F5DC"/>
<rect width="1200" height="800" fill="url(#centerGlow)" opacity="0.3"/>
<!-- Left side dynamic forms -->
<g id="leftComposition">
<!-- Large curved form -->
<path d="M50 150 Q200 100 350 200 Q400 300 300 450 Q200 500 100 400 Q50 300 50 150 Z"
fill="url(#blueGrad)" opacity="0.8" stroke="#000080" stroke-width="3"/>
<!-- Intersecting angular shape -->
<path d="M150 50 L300 120 L250 280 L100 350 L80 200 Z"
fill="url(#redGrad)" opacity="0.7" stroke="#8B0000" stroke-width="2"/>
<!-- Small circular elements -->
<circle cx="180" cy="200" r="25" fill="#FFD700" opacity="0.9"/>
<circle cx="220" cy="320" r="15" fill="#FF69B4" opacity="0.8"/>
<circle cx="120" cy="280" r="20" fill="#00FF7F" opacity="0.7"/>
</g>
<!-- Central dynamic area -->
<g id="centerComposition">
<!-- Main explosive form -->
<path d="M500 300 Q550 200 650 250 Q700 300 650 400 Q600 450 500 400 Q450 350 500 300 Z"
fill="url(#yellowGrad)" opacity="0.9" stroke="#FF8C00" stroke-width="4"/>
<!-- Radiating lines -->
<line x1="500" y1="300" x2="400" y2="200" stroke="#000" stroke-width="8" opacity="0.6"/>
<line x1="500" y1="300" x2="600" y2="150" stroke="#000" stroke-width="6" opacity="0.7"/>
<line x1="500" y1="300" x2="650" y2="350" stroke="#000" stroke-width="10" opacity="0.5"/>
<line x1="500" y1="300" x2="350" y2="450" stroke="#000" stroke-width="7" opacity="0.6"/>
<!-- Curved intersecting lines -->
<path d="M400 250 Q500 200 600 300 Q550 400 450 350"
fill="none" stroke="#8B0000" stroke-width="12" opacity="0.8"/>
<path d="M450 200 Q550 250 500 400 Q400 350 450 200"
fill="none" stroke="#4169E1" stroke-width="8" opacity="0.7"/>
</g>
<!-- Right side geometric forms -->
<g id="rightComposition">
<!-- Large triangular form -->
<path d="M800 100 L1000 200 L900 450 L750 350 Z"
fill="url(#blueGrad)" opacity="0.6" stroke="#000080" stroke-width="3"/>
<!-- Overlapping rectangle -->
<rect x="850" y="250" width="200" height="150"
fill="url(#redGrad)" opacity="0.8" stroke="#8B0000" stroke-width="2"
transform="rotate(15 950 325)"/>
<!-- Small geometric elements -->
<polygon points="950,180 970,200 950,220 930,200"
fill="#FFD700" opacity="0.9"/>
<polygon points="820,300 850,320 820,340 790,320"
fill="#00FF7F" opacity="0.8"/>
</g>
<!-- Top floating elements -->
<g id="topElements">
<ellipse cx="300" cy="80" rx="40" ry="20"
fill="#FF69B4" opacity="0.7" transform="rotate(-30 300 80)"/>
<ellipse cx="700" cy="60" rx="30" ry="50"
fill="#9370DB" opacity="0.8" transform="rotate(45 700 60)"/>
<!-- Curved line across top -->
<path d="M100 120 Q400 50 800 100 Q1000 120 1100 80"
fill="none" stroke="#000" stroke-width="5" opacity="0.6"/>
</g>
<!-- Bottom flowing elements -->
<g id="bottomElements">
<!-- Flowing organic shape -->
<path d="M200 600 Q400 550 600 620 Q800 650 1000 600 Q1100 580 1150 620 L1150 750 L50 750 Z"
fill="url(#blueGrad)" opacity="0.4" stroke="#000080" stroke-width="2"/>
<!-- Small scattered elements -->
<circle cx="350" cy="650" r="12" fill="#FF4500" opacity="0.8"/>
<circle cx="750" cy="680" r="18" fill="#32CD32" opacity="0.7"/>
<rect x="550" y="620" width="25" height="25"
fill="#FFD700" opacity="0.9" transform="rotate(45 562.5 632.5)"/>
</g>
<!-- Additional dynamic lines and intersections -->
<g id="dynamicLines">
<path d="M50 400 Q300 350 600 400 Q900 450 1150 400"
fill="none" stroke="#8B0000" stroke-width="6" opacity="0.7"/>
<path d="M200 50 Q500 300 800 150"
fill="none" stroke="#4169E1" stroke-width="8" opacity="0.6"/>
<!-- Intersecting curved forms -->
<path d="M100 500 Q300 400 500 500 Q400 600 200 550 Z"
fill="#9370DB" opacity="0.5" stroke="#4B0082" stroke-width="3"/>
<path d="M700 500 Q900 400 1100 500 Q1000 600 800 550 Z"
fill="#FF6347" opacity="0.6" stroke="#8B0000" stroke-width="3"/>
</g>
<!-- Fine detail elements -->
<g id="details">
<!-- Small dots and marks -->
<circle cx="450" cy="150" r="3" fill="#000" opacity="0.8"/>
<circle cx="750" cy="250" r="4" fill="#000" opacity="0.7"/>
<circle cx="250" cy="550" r="2" fill="#000" opacity="0.9"/>
<!-- Tiny geometric accents -->
<polygon points="600,100 605,110 595,110" fill="#8B0000" opacity="0.8"/>
<polygon points="400,500 410,505 400,510 390,505" fill="#4169E1" opacity="0.7"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="500" height="500" version="1.1">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#FFD700;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FFA500;stop-opacity:1" />
</linearGradient>
<linearGradient id="grad2" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#000080;stop-opacity:1" />
<stop offset="100%" style="stop-color:#4682B4;stop-opacity:1" />
</linearGradient>
<linearGradient id="grad3" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#800080;stop-opacity:1" />
<stop offset="100%" style="stop-color:#9400D3;stop-opacity:1" />
</linearGradient>
<radialGradient id="grad4" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:#FFFFFF;stop-opacity:1" />
<stop offset="100%" style="stop-color:#D3D3D3;stop-opacity:1" />
</radialGradient>
</defs>
<g id="CompositionX">
<rect x="0" y="0" width="500" height="500" fill="#F5F5DC" />
<path d="M 50 100 A 50 50 0 1 1 150 100" fill="url(#grad1)" stroke="#000000" stroke-width="2"/>
<path d="M 150 100 A 50 50 0 1 1 250 100" fill="none" stroke="url(#grad2)" stroke-width="3"/>
<path d="M 250 100 A 50 50 0 1 1 350 100" fill="#FF69B4" stroke="#000000" stroke-width="1"/>
<path d="M 100 150 L 200 250 L 300 150 Z" fill="url(#grad3)" stroke="#000000" stroke-width="2"/>
<path d="M 150 200 A 30 30 0 1 1 250 200" fill="none" stroke="#8B4513" stroke-width="4"/>
<circle cx="200" cy="300" r="40" fill="url(#grad4)" stroke="#000000" stroke-width="2"/>
<path d="M 300 250 L 400 350 L 450 250 Z" fill="#006400" stroke="#000000" stroke-width="1"/>
<path d="M 50 350 A 20 20 0 1 1 100 350" fill="#A0522D" stroke="#000000" stroke-width="1"/>
<path d="M 120 400 Q 200 450, 280 400" fill="none" stroke="#0000FF" stroke-width="3"/>
<path d="M 300 400 A 40 40 0 1 1 380 400" fill="#DC143C" stroke="#000000" stroke-width="1"/>
<path d="M 400 300 L 450 400 L 400 450" fill="none" stroke="#483D8B" stroke-width="2"/>
<path d="M 75 75 L 125 125" fill="none" stroke="#808080" stroke-width="1"/>
<path d="M 400 75 L 450 125" fill="none" stroke="#808080" stroke-width="1"/>
</g>
</svg>
![]()
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#FFD700;stop-opacity:1"></stop>
<stop offset="100%" style="stop-color:#FFA500;stop-opacity:1"></stop>
</linearGradient>
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#87CEEB;stop-opacity:1"></stop>
<stop offset="100%" style="stop-color:#ADD8E6;stop-opacity:1"></stop>
</linearGradient>
<linearGradient id="grad3" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#DC143C;stop-opacity:1"></stop>
<stop offset="100%" style="stop-color:#FF4500;stop-opacity:1"></stop>
</linearGradient>
<linearGradient id="grad4" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#008080;stop-opacity:1"></stop>
<stop offset="100%" style="stop-color:#4682B4;stop-opacity:1"></stop>
</linearGradient>
<radialGradient id="radial-gradient-1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:#FFFFFF;stop-opacity:0.5"></stop>
<stop offset="100%" style="stop-color:#FFFFFF;stop-opacity:0"></stop>
</radialGradient>
</defs>
<g id="background">
<rect width="600" height="600" fill="#F0F8FF"></rect>
</g>
<g id="shapes">
<circle cx="150" cy="150" r="50" fill="url(#grad1)" stroke="#FF8C00" stroke-width="2"></circle>
<ellipse cx="350" cy="250" rx="70" ry="40" fill="url(#grad2)" stroke="#6495ED" stroke-width="2"></ellipse>
<path d="M100 400 L 250 550 L 400 450" stroke="#DC143C" stroke-width="4" fill="none"></path>
<path d="M450 100 L 550 300 L 500 500" stroke="#008080" stroke-width="4" fill="none"></path>
<polygon points="200,300 250,200 300,300" fill="url(#grad3)" stroke="#B22222" stroke-width="2"></polygon>
<path d="M300,50 L 450,200 L 400,400" stroke="#4682B4" stroke-width="4" fill="none"></path>
<rect x="400" y="300" width="50" height="80" fill="url(#grad4)" stroke="#483D8B" stroke-width="2"></rect>
<path d="M50 450 L 100 550 L 150 450" stroke="#FF00FF" stroke-width="4" fill="none"></path>
<path d="M50 200 L 100 100 L 150 200" stroke="#FFA07A" stroke-width="4" fill="none"></path>
<circle cx="450" cy="450" r="30" fill="url(#radial-gradient-1)" stroke="#808080" stroke-width="1"></circle>
</g>
<g id="details">
<line x1="100" y1="100" x2="200" y2="200" stroke="#A9A9A9" stroke-width="1"></line>
<line x1="300" y1="300" x2="400" y2="400" stroke="#A9A9A9" stroke-width="1"></line>
<line x1="500" y1="100" x2="500" y2="200" stroke="#A9A9A9" stroke-width="1"></line>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" width="1000" height="1000">
<defs>
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f5f5f5"/>
<stop offset="100%" stop-color="#e0e0e0"/>
</linearGradient>
<radialGradient id="redCircleGrad" cx="50%" cy="50%" r="50%" fx="30%" fy="30%">
<stop offset="0%" stop-color="#ff5e5e"/>
<stop offset="100%" stop-color="#b30000"/>
</radialGradient>
<radialGradient id="blueCircleGrad" cx="50%" cy="50%" r="50%" fx="70%" fy="70%">
<stop offset="0%" stop-color="#5e9eff"/>
<stop offset="100%" stop-color="#0033b3"/>
</radialGradient>
<linearGradient id="yellowRectGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#fff176"/>
<stop offset="100%" stop-color="#fbc02d"/>
</linearGradient>
<linearGradient id="greenTriGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#81c784"/>
<stop offset="100%" stop-color="#388e3c"/>
</linearGradient>
<filter id="shadow" x="-30%" y="-30%" width="160%" height="160%">
<feDropShadow dx="4" dy="4" stdDeviation="4" flood-color="#000" flood-opacity="0.3"/>
</filter>
</defs>
<!-- Background -->
<rect id="bg" width="1000" height="1000" fill="url(#bgGrad)"/>
<!-- Large Red Circle -->
<circle id="circle1" cx="250" cy="300" r="180" fill="url(#redCircleGrad)" filter="url(#shadow)"/>
<!-- Large Blue Circle -->
<circle id="circle2" cx="750" cy="400" r="150" fill="url(#blueCircleGrad)" filter="url(#shadow)"/>
<!-- Yellow Rectangle -->
<rect id="rect1" x="150" y="600" width="300" height="200" fill="url(#yellowRectGrad)" transform="rotate(-15 300 700)" filter="url(#shadow)"/>
<!-- Green Triangle -->
<polygon id="tri1" points="650,720 850,720 750,520" fill="url(#greenTriGrad)" filter="url(#shadow)"/>
<!-- Black diagonal line -->
<line x1="0" y1="0" x2="1000" y2="1000" stroke="#111" stroke-width="6" stroke-linecap="round"/>
<!-- Thin white vertical line -->
<line x1="500" y1="0" x2="500" y2="1000" stroke="#fff" stroke-width="4" stroke-linecap="round" opacity="0.6"/>
<!-- Small orange square -->
<rect x="820" y="150" width="80" height="80" fill="#ff9800" transform="rotate(30 860 190)" filter="url(#shadow)"/>
<!-- Small purple ellipse -->
<ellipse cx="400" cy="150" rx="60" ry="30" fill="#9c27b0" filter="url(#shadow)"/>
<!-- Intersecting thin lines -->
<g stroke="#222" stroke-width="2" opacity="0.7">
<line x1="200" y1="800" x2="800" y2="200"/>
<line x1="300" y1="900" x2="900" y2="300"/>
<line x1="100" y1="500" x2="900" y2="500"/>
<line x1="500" y1="0" x2="500" y2="1000"/>
</g>
</svg>
![]()
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#2c3e50"></stop>
<stop offset="100%" stop-color="#34495e"></stop>
</linearGradient>
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#e74c3c"></stop>
<stop offset="100%" stop-color="#c0392b"></stop>
</linearGradient>
<linearGradient id="grad3" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#3498db"></stop>
<stop offset="100%" stop-color="#2980b9"></stop>
</linearGradient>
<linearGradient id="grad4" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f39c12"></stop>
<stop offset="100%" stop-color="#e67e22"></stop>
</linearGradient>
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceAlpha" stdDeviation="4"></feGaussianBlur>
<feOffset dx="2" dy="2" result="offsetblur"></feOffset>
<feFlood flood-color="rgba(0,0,0,0.3)"></feFlood>
<feComposite in2="offsetblur" operator="in"></feComposite>
<feMerge>
<feMergeNode></feMergeNode>
<feMergeNode in="SourceGraphic"></feMergeNode>
</feMerge>
</filter>
</defs>
<rect width="800" height="600" fill="url(#grad1)"></rect>
<g filter="url(#softShadow)">
<circle cx="200" cy="150" r="60" fill="url(#grad2)" stroke="#fff" stroke-width="2"></circle>
<circle cx="600" cy="200" r="45" fill="url(#grad3)" stroke="#fff" stroke-width="2"></circle>
<circle cx="400" cy="400" r="70" fill="url(#grad4)" stroke="#fff" stroke-width="2"></circle>
<rect x="300" y="100" width="120" height="80" fill="#27ae60" stroke="#fff" stroke-width="2" transform="rotate(45 300 100)"></rect>
<rect x="500" y="350" width="90" height="90" fill="#9b59b6" stroke="#fff" stroke-width="2" transform="rotate(-30 500 350)"></rect>
<polygon points="150,400 250,350 200,450" fill="#e74c3c" stroke="#fff" stroke-width="2"></polygon>
<polygon points="650,450 700,350 750,450" fill="#3498db" stroke="#fff" stroke-width="2"></polygon>
<line x1="100" y1="500" x2="700" y2="500" stroke="#ecf0f1" stroke-width="3" stroke-dasharray="10,5"></line>
<line x1="150" y1="100" x2="150" y2="550" stroke="#ecf0f1" stroke-width="2"></line>
<line x1="650" y1="100" x2="650" y2="550" stroke="#ecf0f1" stroke-width="2"></line>
<path d="M250 250 Q350 200 450 250 T650 250" stroke="#f1c40f" stroke-width="4" fill="none"></path>
<path d="M200 300 Q300 350 400 300 T600 300" stroke="#e67e22" stroke-width="3" fill="none"></path>
</g>
<g opacity="0.7">
<circle cx="180" cy="180" r="25" fill="#e74c3c"></circle>
<circle cx="620" cy="230" r="20" fill="#3498db"></circle>
<circle cx="380" cy="380" r="30" fill="#f39c12"></circle>
</g>
<g opacity="0.5">
<rect x="320" y="120" width="40" height="40" fill="#27ae60" transform="rotate(20 320 120)"></rect>
<rect x="520" y="370" width="30" height="30" fill="#9b59b6" transform="rotate(-15 520 370)"></rect>
</g>
</svg>
![]()
Composition with Red, Blue and Yellow
Piet Mondriaan · 13 model results
View chronologyClose
Composition with Red, Blue and Yellow
Piet Mondriaan · 13 model results
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" width="1000" height="1000">
<rect width="1000" height="1000" fill="white"/>
<!-- Colored blocks inspired by Mondrian -->
<g id="color-blocks">
<rect x="60" y="60" width="120" height="120" fill="#e60023"/>
<rect x="480" y="420" width="170" height="180" fill="#1e4bdc"/>
<rect x="710" y="60" width="220" height="120" fill="#ffd400"/>
</g>
<!-- Black grid lines (overlay to create the characteristic borders) -->
<g id="grid" fill="black">
<!-- Vertical lines -->
<rect x="0" y="0" width="60" height="1000"/>
<rect x="180" y="0" width="60" height="1000"/>
<rect x="420" y="0" width="60" height="1000"/>
<rect x="650" y="0" width="60" height="1000"/>
<rect x="930" y="0" width="60" height="1000"/>
<!-- Horizontal lines -->
<rect x="0" y="0" width="1000" height="60"/>
<rect x="0" y="180" width="1000" height="60"/>
<rect x="0" y="360" width="1000" height="60"/>
<rect x="0" y="600" width="1000" height="60"/>
<rect x="0" y="780" width="1000" height="60"/>
<rect x="0" y="940" width="1000" height="60"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 1200" width="900" height="1200" preserveAspectRatio="xMidYMid meet">
<defs>
<style><![CDATA[
.bg { fill: #ffffff; }
.black { fill: #000000; }
.red { fill: #e21b1b; }
.blue { fill: #1b5fe2; }
.yellow { fill: #ffd200; }
]]></style>
</defs>
<!-- Outer frame and white field -->
<g id="frame">
<rect x="0" y="0" width="900" height="1200" class="black"/>
<rect x="40" y="40" width="820" height="1120" class="bg"/>
</g>
<!-- Colored planes (placed to fit inside the grid cells) -->
<g id="colors">
<!-- Blue: top-right block -->
<rect x="696" y="40" width="164" height="160" class="blue"/>
<!-- Yellow: bottom-right block -->
<rect x="696" y="796" width="164" height="364" class="yellow"/>
<!-- Red: lower-left block -->
<rect x="40" y="544" width="180" height="216" class="red"/>
</g>
<!-- White compartments (explicitly rendered to ensure clean composition) -->
<g id="whites" class="bg">
<rect x="40" y="40" width="180" height="160"/>
<rect x="260" y="40" width="200" height="160"/>
<rect x="460" y="40" width="200" height="160"/>
<rect x="40" y="236" width="180" height="264"/>
<rect x="260" y="236" width="200" height="264"/>
<rect x="460" y="236" width="400" height="264"/>
<rect x="260" y="560" width="200" height="200"/>
<rect x="460" y="560" width="200" height="200"/>
<rect x="40" y="760" width="620" height="400"/>
<rect x="696" y="200" width="164" height="560"/>
</g>
<!-- Black grid bars -->
<g id="grid" class="black">
<!-- Vertical bars -->
<rect x="220" y="40" width="36" height="1120"/>
<rect x="460" y="40" width="24" height="1120"/>
<rect x="660" y="40" width="36" height="1120"/>
<!-- Horizontal bars -->
<rect x="40" y="200" width="820" height="36"/>
<rect x="40" y="520" width="820" height="24"/>
<rect x="40" y="760" width="820" height="36"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1000 1000">
<rect x="0" y="0" width="1000" height="1000" fill="#ffffff"/>
<g id="fills">
<rect x="780" y="0" width="220" height="320" fill="#d62828"/>
<rect x="0" y="740" width="320" height="260" fill="#2146b6"/>
<rect x="780" y="900" width="220" height="100" fill="#f2d10b"/>
</g>
<g id="grid" fill="#000000">
<rect x="320" y="0" width="40" height="1000"/>
<rect x="740" y="0" width="40" height="1000"/>
<rect x="0" y="320" width="1000" height="40"/>
<rect x="0" y="700" width="1000" height="40"/>
<rect x="180" y="0" width="40" height="320"/>
<rect x="780" y="860" width="220" height="40"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<g>
<!-- Background and White Panels -->
<rect width="100" height="100" fill="#f2f2f2"/>
<!-- Color Panels -->
<rect x="55" y="0" width="45" height="45" fill="#d40000"/>
<rect x="0" y="50" width="20" height="50" fill="#004594"/>
<rect x="55" y="87" width="45" height="13" fill="#ffd900"/>
<!-- Black Lines -->
<g fill="#000000">
<rect x="50" y="0" width="5" height="100"/>
<rect x="0" y="45" width="100" height="5"/>
<rect x="20" y="50" width="2" height="50"/>
<rect x="55" y="85" width="45" height="2"/>
</g>
</g>
</svg>
![]()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 350">
<rect x="0" y="0" width="350" height="350" fill="#fff"/>
<g>
<!-- Vertical lines -->
<rect x="115" y="0" width="10" height="350" fill="#000"/>
<rect x="230" y="0" width="10" height="350" fill="#000"/>
<!-- Horizontal lines -->
<rect x="0" y="115" width="350" height="10" fill="#000"/>
<rect x="0" y="230" width="350" height="10" fill="#000"/>
<!-- Red block -->
<rect x="0" y="0" width="115" height="115" fill="#e4002b"/>
<!-- Blue block -->
<rect x="0" y="240" width="115" height="110" fill="#00509d"/>
<!-- Yellow block -->
<rect x="240" y="240" width="110" height="110" fill="#ffc72c"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 60">
<rect x="0" y="0" width="70" height="60" fill="black"/>
<rect x="0" y="0" width="10" height="50" fill="white"/>
<rect x="10" y="0" width="10" height="10" fill="white"/>
<rect x="20" y="0" width="40" height="10" fill="white"/>
<rect x="60" y="0" width="10" height="50" fill="white"/>
<rect x="10" y="10" width="10" height="40" fill="white"/>
<rect x="20" y="10" width="40" height="10" fill="white"/>
<rect x="20" y="20" width="10" height="40" fill="white"/>
<rect x="30" y="20" width="10" height="10" fill="white"/>
<rect x="40" y="20" width="20" height="10" fill="white"/>
<rect x="30" y="30" width="10" height="10" fill="white"/>
<rect x="40" y="30" width="10" height="10" fill="white"/>
<rect x="50" y="30" width="10" height="10" fill="white"/>
<rect x="30" y="40" width="30" height="10" fill="white"/>
<rect x="30" y="50" width="30" height="10" fill="white"/>
<rect x="20" y="20" width="10" height="40" fill="red"/>
<rect x="40" y="30" width="10" height="10" fill="blue"/>
<rect x="50" y="30" width="10" height="10" fill="yellow"/>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600" viewBox="0 0 600 600">
<rect x="0" y="0" width="600" height="600" fill="white"/>
<rect x="50" y="50" width="250" height="200" fill="#D40920"/>
<rect x="300" y="50" width="250" height="100" fill="#004B87"/>
<rect x="50" y="300" width="150" height="250" fill="#FFD700"/>
<rect x="50" y="250" width="500" height="30" fill="black"/>
<rect x="200" y="50" width="30" height="500" fill="black"/>
<rect x="300" y="150" width="250" height="30" fill="black"/>
<rect x="300" y="250" width="250" height="300" fill="white" stroke="black" stroke-width="3"/>
</svg>
![]()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
<rect width="800" height="800" fill="white" />
<!-- Black grid lines -->
<g stroke="black" stroke-width="12">
<!-- Vertical lines -->
<line x1="200" y1="0" x2="200" y2="800" />
<line x1="560" y1="0" x2="560" y2="800" />
<line x1="620" y1="0" x2="620" y2="200" />
<line x1="620" y1="400" x2="620" y2="800" />
<!-- Horizontal lines -->
<line x1="0" y1="200" x2="800" y2="200" />
<line x1="0" y1="400" x2="800" y2="400" />
<line x1="560" y1="480" x2="800" y2="480" />
</g>
<!-- Colored rectangles -->
<g>
<!-- Red rectangle (top right) -->
<rect x="560" y="0" width="240" height="200" fill="#E72F24" />
<!-- Blue rectangle (bottom left) -->
<rect x="0" y="400" width="200" height="400" fill="#0C3F8D" />
<!-- Yellow rectangle (middle right) -->
<rect x="620" y="400" width="180" height="80" fill="#F9D01E" />
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
<rect width="400" height="400" fill="#f8f8f8"/>
<rect x="0" y="0" width="120" height="120" fill="#ffffff"/>
<rect x="120" y="0" width="8" height="120" fill="#000000"/>
<rect x="128" y="0" width="152" height="120" fill="#ffffff"/>
<rect x="280" y="0" width="8" height="120" fill="#000000"/>
<rect x="288" y="0" width="112" height="120" fill="#ffffff"/>
<rect x="0" y="120" width="400" height="8" fill="#000000"/>
<rect x="0" y="128" width="120" height="152" fill="#ffffff"/>
<rect x="120" y="128" width="8" height="152" fill="#000000"/>
<rect x="128" y="128" width="152" height="152" fill="#dc143c"/>
<rect x="280" y="128" width="8" height="152" fill="#000000"/>
<rect x="288" y="128" width="112" height="152" fill="#ffffff"/>
<rect x="0" y="280" width="400" height="8" fill="#000000"/>
<rect x="0" y="288" width="120" height="112" fill="#ffffff"/>
<rect x="120" y="288" width="8" height="112" fill="#000000"/>
<rect x="128" y="288" width="72" height="112" fill="#0066cc"/>
<rect x="200" y="288" width="8" height="112" fill="#000000"/>
<rect x="208" y="288" width="72" height="112" fill="#ffdd00"/>
<rect x="280" y="288" width="8" height="112" fill="#000000"/>
<rect x="288" y="288" width="112" height="112" fill="#ffffff"/>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="200 100 600 500">
<g>
<rect x="200" y="100" width="200" height="200" fill="#F2F1EB"/>
<rect x="400" y="100" width="200" height="200" fill="#F2F1EB"/>
<rect x="200" y="300" width="200" height="200" fill="#F2F1EB"/>
<rect x="400" y="300" width="200" height="200" fill="#F2F1EB"/>
</g>
<g>
<rect x="200" y="100" width="50" height="50" fill="#E94438"/>
<rect x="250" y="150" width="50" height="50" fill="#2980B9"/>
<rect x="300" y="100" width="50" height="50" fill="#F1C40F"/>
<rect x="200" y="250" width="50" height="50" fill="#2980B9"/>
<rect x="250" y="300" width="50" height="50" fill="#F1C40F"/>
<rect x="300" y="250" width="50" height="50" fill="#E94438"/>
<rect x="400" y="100" width="50" height="50" fill="#F1C40F"/>
<rect x="450" y="150" width="50" height="50" fill="#E94438"/>
<rect x="400" y="200" width="50" height="50" fill="#2980B9"/>
<rect x="400" y="300" width="50" height="50" fill="#F1C40F"/>
<rect x="450" y="350" width="50" height="50" fill="#E94438"/>
<rect x="350" y="350" width="50" height="50" fill="#2980B9"/>
<rect x="350" y="200" width="50" height="50" fill="#E94438"/>
<rect x="350" y="150" width="50" height="50" fill="#F1C40F"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
<rect width="400" height="400" fill="white"/>
<g>
<rect x="0" y="0" width="200" height="200" fill="#FF0000"/>
<rect x="0" y="200" width="200" height="200" fill="#0000FF"/>
<rect x="200" y="200" width="200" height="200" fill="#FFFF00"/>
</g>
<g stroke="#000000" stroke-width="12" fill="none">
<rect x="0" y="0" width="400" height="400"/>
<line x1="200" y1="0" x2="200" y2="400"/>
<line x1="0" y1="200" x2="400" y2="200"/>
</g>
</svg>
![]()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
<rect width="1000" height="1000" fill="#FFFFFF"/>
<!-- Black grid lines -->
<g stroke="#000000" stroke-width="10">
<!-- Vertical lines -->
<line x1="300" y1="0" x2="300" y2="1000"/>
<line x1="700" y1="0" x2="700" y2="1000"/>
<!-- Horizontal lines -->
<line x1="0" y1="300" x2="1000" y2="300"/>
<line x1="0" y1="700" x2="1000" y2="700"/>
</g>
<!-- Colored rectangles -->
<rect x="0" y="0" width="300" height="300" fill="#FF0000"/>
<rect x="700" y="700" width="300" height="300" fill="#0000FF"/>
<rect x="700" y="0" width="300" height="300" fill="#FFFF00"/>
<!-- White rectangles -->
<rect x="300" y="0" width="400" height="300" fill="#FFFFFF"/>
<rect x="0" y="300" width="300" height="400" fill="#FFFFFF"/>
<rect x="300" y="300" width="400" height="400" fill="#FFFFFF"/>
<rect x="700" y="300" width="300" height="400" fill="#FFFFFF"/>
<rect x="0" y="700" width="300" height="300" fill="#FFFFFF"/>
<rect x="300" y="700" width="400" height="300" fill="#FFFFFF"/>
</svg>
![]()
Delicate Tension. No. 85
Wassily Kandinsky · 13 model results
View chronologyClose
Delicate Tension. No. 85
Wassily Kandinsky · 13 model results
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" width="1200" height="800" role="img" aria-label="Delicate Tension No. 85 - Kandinsky-inspired">
<title>Delicate Tension No. 85 - Kandinsky-inspired (an homage)</title>
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#f6f0d2"/>
<stop offset="100%" stop-color="#cfe0ff"/>
</linearGradient>
<radialGradient id="glow" cx="30%" cy="30%" r="60%">
<stop offset="0%" stop-color="white" stop-opacity="0.9"/>
<stop offset="100%" stop-color="white" stop-opacity="0"/>
</radialGradient>
</defs>
<rect width="1200" height="800" fill="url(#bg)"/>
<!-- Large left circle -->
<circle cx="260" cy="320" r="150" fill="#e3d4ff" stroke="#7d4bd1" stroke-width="8" />
<!-- Large right circle -->
<circle cx="930" cy="360" r="180" fill="#fff3a8" stroke="#e0a400" stroke-width="8" />
<!-- Green rotated diamond -->
<rect x="520" y="180" width="170" height="170" rx="20" fill="#9bd389" stroke="#2e7d32" stroke-width="5" transform="rotate(45 605 265)"/>
<!-- Red triangle centerpiece -->
<polygon points="360,540 520,320 720,540" fill="#ff6b6b" stroke="#b30d0d" stroke-width="6"/>
<!-- Blue rectangle block -->
<rect x="820" y="150" width="260" height="120" rx="12" fill="#65b4ff" stroke="#1a4b99" stroke-width="6"/>
<!-- Golden small polygon for tension -->
<polygon points="660,540 730,480 760,560 690,600" fill="#ffd166" stroke="#c48a00" stroke-width="4" />
<!-- Subtle vertical stripe -->
<rect x="120" y="360" width="28" height="240" fill="#a0e7ff" stroke="#1b6ca2" stroke-width="4"/>
<!-- Diagonal lines across the composition -->
<line x1="60" y1="120" x2="1140" y2="700" stroke="#111" stroke-width="6" opacity="0.75" />
<line x1="320" y1="110" x2="940" y2="330" stroke="#333" stroke-width="4" opacity="0.85" />
<line x1="180" y1="720" x2="1000" y2="120" stroke="#1f1f1f" stroke-width="5" opacity="0.55" />
<!-- Curved path for organic tension -->
<path d="M60 700 C260 600, 420 720, 580 740 S 900 700, 1100 700" fill="none" stroke="#2b2b2b" stroke-width="4" opacity="0.6"/>
<!-- Small dots and accents -->
<circle cx="420" cy="260" r="9" fill="#333" />
<circle cx="700" cy="650" r="6" fill="#444" />
<circle cx="980" cy="210" r="7" fill="#333" />
<!-- Light glow to simulate Kandinsky's dynamic atmosphere -->
<circle cx="600" cy="400" r="260" fill="url(#glow)" opacity="0.25" />
<rect width="1200" height="800" fill="url(#glow)" opacity="0.12" />
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 1000" width="800" height="1000" preserveAspectRatio="xMidYMid meet">
<defs>
<linearGradient id="bgGrad" x1="0" x2="1" y1="0" y2="1">
<stop offset="0" stop-color="#efe6d8"/>
<stop offset="1" stop-color="#f7f3ec"/>
</linearGradient>
<radialGradient id="warmWash" cx="30%" cy="20%" r="60%">
<stop offset="0" stop-color="#f7a66b" stop-opacity="0.95"/>
<stop offset="0.45" stop-color="#f3a36a" stop-opacity="0.55"/>
<stop offset="1" stop-color="#f5d6b8" stop-opacity="0"/>
</radialGradient>
<radialGradient id="coolWash" cx="65%" cy="45%" r="55%">
<stop offset="0" stop-color="#7fb3e6" stop-opacity="0.95"/>
<stop offset="0.5" stop-color="#6aa6d6" stop-opacity="0.5"/>
<stop offset="1" stop-color="#ffffff" stop-opacity="0"/>
</radialGradient>
<linearGradient id="accentGrad" x1="0" x2="1">
<stop offset="0" stop-color="#ffd84d"/>
<stop offset="1" stop-color="#ffb84d"/>
</linearGradient>
<filter id="softBlur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="10" result="blur"/>
<feBlend in="SourceGraphic" in2="blur" mode="normal"/>
</filter>
<filter id="halo" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="6" result="g"/>
<feMerge>
<feMergeNode in="g"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<clipPath id="circleClip">
<circle cx="560" cy="420" r="160"/>
</clipPath>
</defs>
<!-- Background -->
<g id="background">
<rect width="800" height="1000" fill="url(#bgGrad)"/>
<rect x="-50" y="650" width="900" height="400" fill="#efeadf" transform="skewY(-6)"/>
</g>
<!-- Large soft washes -->
<g id="washes" opacity="0.9">
<ellipse cx="190" cy="150" rx="210" ry="140" fill="url(#warmWash)" filter="url(#softBlur)" />
<ellipse cx="560" cy="420" rx="180" ry="180" fill="url(#coolWash)" opacity="0.92" />
</g>
<!-- Main geometric assembly -->
<g id="forms" stroke-linecap="round" stroke-linejoin="round">
<!-- Vertical slender oblong, anchored near left -->
<path d="M150 320 c30 -120 50 -200 120 -220 l20 6 c-70 24 -96 112 -120 214 z"
fill="#d9c6b0" stroke="#a78f76" stroke-width="2" opacity="0.95"/>
<!-- Rotated yellow rectangle -->
<g transform="translate(360,260) rotate(-18)">
<rect x="-70" y="-30" width="140" height="60" rx="4" ry="4" fill="url(#accentGrad)" stroke="#b37700" stroke-width="2"/>
<rect x="-66" y="-26" width="132" height="52" fill="none" stroke="#5a3b10" stroke-width="0.6" opacity="0.35"/>
</g>
<!-- Blue circular element with clipped inner pattern -->
<g transform="translate(560,420)">
<circle cx="0" cy="0" r="160" fill="#6ca3db" opacity="0.14"/>
<g clip-path="url(#circleClip)">
<path d="M420 120 C360 80 300 40 240 60 C180 82 140 160 200 220 C260 280 360 280 420 220 C480 160 480 140 420 120 Z"
transform="translate(-260,-140)" fill="#83b9e8" opacity="0.18"/>
<path d="M460 200 C420 160 360 140 300 160 C240 182 220 220 260 260 C300 300 360 300 420 260 C480 220 500 220 460 200 Z"
transform="translate(-260,-140)" fill="#ffffff" opacity="0.06"/>
</g>
<circle cx="0" cy="0" r="6" fill="#0b2340" stroke="#000" stroke-width="1.2" />
</g>
<!-- Small red triangular wedge -->
<path d="M560 140 L620 180 L520 200 Z" fill="#e64a3b" stroke="#8a2b20" stroke-width="1.6" opacity="0.96"/>
<!-- Thin vertical ladder-like motif -->
<g transform="translate(250,540)">
<line x1="0" y1="-180" x2="0" y2="180" stroke="#2b2b2b" stroke-width="1.6" opacity="0.85"/>
<g stroke="#2b2b2b" stroke-width="1.6" opacity="0.85">
<line x1="-18" y1="-100" x2="18" y2="-100"/>
<line x1="-16" y1="-40" x2="16" y2="-40"/>
<line x1="-18" y1="20" x2="18" y2="20"/>
<line x1="-16" y1="80" x2="16" y2="80"/>
</g>
</g>
<!-- Thin emphasized arc with delicate nodes conveying tension -->
<path d="M120 760 C260 520 520 480 700 640" fill="none" stroke="#1f1b3a" stroke-width="2.8" stroke-linecap="round" stroke-dasharray="8 140" opacity="0.95"/>
<!-- A series of small circular accents along an implied string -->
<g fill="#fff2e6" stroke="#9d6c3f" stroke-width="1.2">
<circle cx="160" cy="730" r="6"/>
<circle cx="260" cy="650" r="8" fill="#ffd9b2" stroke="#b06a2b"/>
<circle cx="380" cy="600" r="5" fill="#ffffff" stroke="#7b6b5b" opacity="0.9"/>
<circle cx="540" cy="620" r="9" fill="#f7c66b" stroke="#8a510f"/>
<circle cx="680" cy="680" r="6" fill="#c1dff5" stroke="#3b6e9e"/>
</g>
<!-- Long diagonal 'string' lines, some dashed, some solid -->
<g stroke-linecap="round">
<path d="M80 220 L700 780" stroke="#202020" stroke-width="1.2" opacity="0.6"/>
<path d="M120 260 L640 820" stroke="#2b2b2b" stroke-width="0.9" stroke-dasharray="6 10" opacity="0.35"/>
<path d="M200 60 L540 680" stroke="#0b2b3a" stroke-width="1" opacity="0.28"/>
</g>
<!-- Small black structural circle with thin halo -->
<g transform="translate(430,180)">
<circle cx="0" cy="0" r="26" fill="#0b1320" filter="url(#halo)"/>
<circle cx="0" cy="0" r="14" fill="#ffffff" opacity="0.04"/>
<circle cx="0" cy="0" r="4" fill="#fff6e9"/>
</g>
<!-- Angular bracket-like shapes -->
<g stroke="#3b2c2a" stroke-width="2" fill="#f0efe8">
<path d="M430 420 l80 -24 l8 22 l-80 24 z" transform="rotate(-12 470 410)" opacity="0.95"/>
<path d="M360 460 l60 -20 l6 18 l-60 20 z" transform="rotate(8 390 450)" opacity="0.85"/>
</g>
<!-- Subtle textured strokes -->
<g opacity="0.35" stroke="#cba783" stroke-width="6" stroke-linecap="round">
<path d="M50 880 C180 780 420 760 760 880" stroke-linejoin="round" fill="none"/>
</g>
</g>
<!-- Fine connecting wires and nodes emphasizing 'delicate tension' -->
<g id="tension" stroke="#111116" stroke-width="1.3" stroke-linecap="round" opacity="0.95">
<path d="M180 160 C240 220 360 220 420 270" fill="none" stroke-dasharray="2 6" opacity="0.65"/>
<path d="M220 320 C300 360 420 340 520 370" fill="none"/>
<path d="M320 140 L500 90" fill="none" stroke-dasharray="3 5" opacity="0.5"/>
<path d="M510 520 C560 500 620 520 660 560" fill="none"/>
<circle cx="420" cy="270" r="3" fill="#1b1b1b"/>
<circle cx="520" cy="370" r="3" fill="#1b1b1b"/>
<circle cx="660" cy="560" r="3" fill="#1b1b1b"/>
</g>
<!-- Accent strokes: white, thin, overlayed for balance -->
<g stroke="#ffffff" stroke-width="1" opacity="0.85" stroke-linecap="round">
<path d="M120 140 L210 170" opacity="0.9"/>
<path d="M540 420 C560 380 620 360 660 380" opacity="0.5"/>
<path d="M320 520 L360 500" opacity="0.65"/>
</g>
<!-- Signed-like small label block (abstract, non-textual) -->
<g transform="translate(28,950)">
<rect x="0" y="-20" width="140" height="36" rx="6" ry="6" fill="#e9dfcf" stroke="#b6a58e" stroke-width="1.2" />
<circle cx="22" cy="-2" r="6" fill="#c45a3f" stroke="#8a3a2a" stroke-width="0.8"/>
<rect x="36" y="-12" width="80" height="12" fill="#d8c9b1" stroke="#b6a58e" stroke-width="0.8" opacity="0.9"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg width="1000" height="700" viewBox="0 0 1000 700" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="bgGrad" cx="50%" cy="45%" r="75%">
<stop offset="0%" stop-color="#faf7ef"/>
<stop offset="100%" stop-color="#f3efe6"/>
</radialGradient>
<radialGradient id="yellowTri" cx="210" cy="350" r="360" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#f7e77a"/>
<stop offset="60%" stop-color="#f3db63"/>
<stop offset="100%" stop-color="#e6cc55"/>
</radialGradient>
<radialGradient id="blueDisc" cx="700" cy="240" r="140" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#8ec5ff"/>
<stop offset="70%" stop-color="#6aa9ff"/>
<stop offset="100%" stop-color="#4c8fdc"/>
</radialGradient>
<linearGradient id="barGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#1d1d1f"/>
<stop offset="100%" stop-color="#0d0d0f"/>
</linearGradient>
<clipPath id="clipBlueDisc">
<circle cx="700" cy="240" r="110"/>
</clipPath>
<clipPath id="clipDiamond">
<rect x="-55" y="-55" width="110" height="110" transform="translate(520,460) rotate(45)"/>
</clipPath>
</defs>
<g id="background">
<rect x="0" y="0" width="1000" height="700" fill="url(#bgGrad)"/>
</g>
<g id="major-forms" stroke-linecap="round" stroke-linejoin="round">
<path d="M120 140 L420 350 L120 560 Z" fill="url(#yellowTri)" stroke="#3a321d" stroke-width="2.2"/>
<circle cx="700" cy="240" r="110" fill="url(#blueDisc)" stroke="#0f0f12" stroke-width="2.2"/>
<rect x="820" y="420" width="16" height="190" fill="url(#barGrad)"/>
<g transform="translate(520,460) rotate(45)">
<rect x="-55" y="-55" width="110" height="110" fill="#f2c8cc" stroke="#272425" stroke-width="1.8"/>
<rect x="-43" y="-43" width="86" height="86" fill="none" stroke="#5c5254" stroke-width="1.2" opacity="0.7"/>
</g>
</g>
<g id="construction-lines" stroke-linecap="round">
<path d="M120 560 L860 80" stroke="#111214" stroke-width="2.6"/>
<g clip-path="url(#clipBlueDisc)">
<path d="M600 320 L800 120" stroke="#121418" stroke-width="2"/>
<path d="M595 335 L805 135" stroke="#121418" stroke-width="1.2" opacity="0.5"/>
<path d="M620 190 C660 160 740 160 780 190" fill="none" stroke="#0f223d" stroke-width="1.8"/>
<path d="M615 260 C660 300 740 300 785 260" fill="none" stroke="#0f223d" stroke-width="1.2" stroke-dasharray="6 6" opacity="0.7"/>
<circle cx="700" cy="240" r="78" fill="none" stroke="#274d83" stroke-width="1.3" opacity="0.8"/>
<circle cx="700" cy="240" r="56" fill="none" stroke="#1b3964" stroke-width="1.1" opacity="0.8" stroke-dasharray="3 5"/>
</g>
<path d="M250 95 L180 210" stroke="#141416" stroke-width="1.8"/>
<path d="M265 100 L200 220" stroke="#141416" stroke-width="1.2"/>
<path d="M280 110 L220 228" stroke="#141416" stroke-width="0.9"/>
</g>
<g id="blue-disc-accents">
<g clip-path="url(#clipBlueDisc)">
<path d="M730 130 L780 120 L765 165 Z" fill="#d94b45" stroke="#2a0d0b" stroke-width="1.2" opacity="0.95"/>
<circle cx="706" cy="191" r="6.5" fill="#ffd357" stroke="#3d2b10" stroke-width="1"/>
<circle cx="734" cy="270" r="4.5" fill="#2f2f2f"/>
<path d="M640 205 a20 20 0 0 0 40 0" fill="none" stroke="#203a66" stroke-width="1"/>
</g>
</g>
<g id="yellow-triangle-accents" stroke-linecap="round">
<path d="M148 238 L240 300" stroke="#584d26" stroke-width="1.4"/>
<path d="M150 470 L245 405" stroke="#584d26" stroke-width="1.4"/>
<circle cx="202" cy="356" r="7" fill="#171515"/>
<path d="M240 300 L264 317 L248 338 Z" fill="#9f3a3a" stroke="#372020" stroke-width="0.9"/>
<rect x="160" y="315" width="12" height="38" fill="#2a292a"/>
<rect x="178" y="324" width="10" height="30" fill="#2a292a" opacity="0.8"/>
</g>
<g id="span-nodes" stroke="#121213" stroke-width="1.4">
<circle cx="280" cy="470" r="5.5" fill="#c94940" stroke="#4b1d1a"/>
<circle cx="420" cy="370" r="4.5" fill="#1b1b1d"/>
<circle cx="560" cy="270" r="6" fill="#e0b14c" stroke="#5a3f15"/>
<rect x="705" y="160" width="8" height="8" transform="rotate(-45 709 164)" fill="#222326" stroke="#101112" stroke-width="0.8"/>
</g>
<g id="right-footing">
<rect x="844" y="568" width="38" height="12" fill="#dcd2b8"/>
<rect x="886" y="560" width="54" height="8" fill="#dcd2b8"/>
<g transform="translate(860,450)">
<rect x="0" y="0" width="22" height="22" fill="#e35f5a"/>
<rect x="28" y="0" width="22" height="22" fill="#4fa3d9"/>
<rect x="56" y="0" width="22" height="22" fill="#ffd257"/>
<rect x="14" y="28" width="48" height="10" fill="#2a2a2c"/>
</g>
</g>
<g id="micro-lines" stroke-linecap="round">
<g transform="translate(360,600)" stroke="#171718">
<line x1="-60" y1="0" x2="-35" y2="0" stroke-width="2"/>
<line x1="-30" y1="0" x2="-5" y2="0" stroke-width="2"/>
<line x1="0" y1="0" x2="25" y2="0" stroke-width="2"/>
<line x1="30" y1="0" x2="55" y2="0" stroke-width="2"/>
<line x1="60" y1="0" x2="85" y2="0" stroke-width="2"/>
</g>
<g transform="translate(460,520) rotate(-12)" stroke="#1b1c1e">
<line x1="-50" y1="0" x2="-20" y2="0" stroke-width="1.2"/>
<line x1="-50" y1="6" x2="-12" y2="6" stroke-width="1.2"/>
<line x1="-50" y1="12" x2="-6" y2="12" stroke-width="1.2"/>
</g>
</g>
<g id="curves" fill="none" stroke-linecap="round">
<path d="M230 200 C320 160 430 180 520 230" stroke="#2a2b2e" stroke-width="1.2" opacity="0.6"/>
<path d="M240 520 C350 450 470 430 620 460 S860 540 900 500" stroke="#2a2b2e" stroke-width="1" opacity="0.5" stroke-dasharray="4 7"/>
<path d="M340 260 C420 300 500 300 570 260" stroke="#7a2b2a" stroke-width="1.6" opacity="0.6"/>
<path d="M330 280 C420 350 560 360 650 290" stroke="#1f3b63" stroke-width="1.3" opacity="0.6"/>
</g>
<g id="small-geometry" stroke-linejoin="round" stroke-linecap="round">
<g transform="translate(300,330)">
<polygon points="0,0 24,0 12,18" fill="#3a3a3d"/>
<polygon points="32,-6 56,-6 44,10" fill="#d0b38e"/>
</g>
<g transform="translate(615,385) rotate(10)">
<rect x="-12" y="-12" width="24" height="24" fill="#2d2d30" stroke="#131316" stroke-width="1"/>
<circle cx="0" cy="0" r="6" fill="#e6bb54" stroke="#5c4518" stroke-width="0.8"/>
</g>
</g>
<g id="fine-ticks" stroke="#191a1d" stroke-width="0.9" stroke-linecap="round" opacity="0.9">
<line x1="745" y1="345" x2="767" y2="345"/>
<line x1="745" y1="352" x2="767" y2="352"/>
<line x1="745" y1="359" x2="767" y2="359"/>
<line x1="745" y1="366" x2="767" y2="366"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 800" width="1000" height="800">
<defs>
<linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#DCE1E3;"/>
<stop offset="100%" style="stop-color:#EAE8E1;"/>
</linearGradient>
<filter id="paperTexture" x="0" y="0" width="100%" height="100%">
<feTurbulence type="fractalNoise" baseFrequency="0.03 0.05" numOctaves="3" seed="15" stitchTiles="stitch"/>
<feColorMatrix type="saturate" values="0.1"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.1"/>
</feComponentTransfer>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
</defs>
<rect width="1000" height="800" fill="url(#bgGradient)"/>
<rect width="1000" height="800" fill="white" opacity="0.7" filter="url(#paperTexture)"/>
<g id="artwork" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round">
<path d="M 45 730 H 955" stroke="#211E1E" stroke-width="8"/>
<g id="left-form">
<path d="M 125,120 C 50,200 40,450 90,580 C 150,700 350,690 440,580 C 520,480 530,250 450,140 C 370,30 200,40 125,120 Z" fill="#F3EEC9" stroke="#211E1E" stroke-width="3"/>
<circle cx="205" cy="455" r="45" fill="#C73D3A" stroke="#211E1E" stroke-width="2.5"/>
<polygon points="280,250 380,260 330,350" fill="#2E5A8A" stroke="#211E1E" stroke-width="2.5"/>
<path d="M 150,280 C 200,260 250,290 265,330" stroke="#211E1E" stroke-width="2.5" fill="none"/>
<path d="M 390,420 C 395,470 360,510 320,520" stroke="#211E1E" stroke-width="2.5" fill="none"/>
</g>
<g id="right-cluster">
<g id="grid">
<rect x="700" y="250" width="50" height="50" fill="#C73D3A"/>
<rect x="750" y="250" width="50" height="50" fill="#F0C93E"/>
<rect x="700" y="300" width="50" height="50" fill="#2E5A8A"/>
<rect x="750" y="350" width="50" height="50" fill="#C73D3A"/>
<rect x="800" y="300" width="50" height="50" fill="#F0C93E"/>
<path d="M 700 250 q 2 50 0 100 q 2 50 -1 100" fill="none" stroke="#211E1E" stroke-width="2.5"/>
<path d="M 750 250 q -2 50 0 100 q -2 50 1 100" fill="none" stroke="#211E1E" stroke-width="2.5"/>
<path d="M 800 250 q 2 50 0 100 q 2 50 -1 100" fill="none" stroke="#211E1E" stroke-width="2.5"/>
<path d="M 850 250 q -2 50 0 100 q -2 50 1 100" fill="none" stroke="#211E1E" stroke-width="2.5"/>
<path d="M 700 250 q 50 2 100 0 q 50 2 100 1" fill="none" stroke="#211E1E" stroke-width="2.5"/>
<path d="M 700 300 q 50 -2 100 0 q 50 -2 100 -1" fill="none" stroke="#211E1E" stroke-width="2.5"/>
<path d="M 700 350 q 50 2 100 0 q 50 2 100 1" fill="none" stroke="#211E1E" stroke-width="2.5"/>
<path d="M 700 400 q 50 -2 100 0 q 50 -2 100 -1" fill="none" stroke="#211E1E" stroke-width="2.5"/>
</g>
<g id="rays" stroke="#211E1E" stroke-width="2.5" fill="none">
<path d="M 750,150 L 650,80"/>
<path d="M 750,150 L 710,60"/>
<path d="M 750,150 L 750,40"/>
<path d="M 750,150 L 790,60"/>
<path d="M 750,150 L 850,80"/>
<path d="M 750,150 L 880,130"/>
<path d="M 750,150 L 890,180"/>
</g>
<path d="M 620,530 C 700,450 850,480 880,550 C 855,500 710,480 640,550 Z" fill="#211E1E"/>
<circle cx="870" cy="250" r="12" fill="#2E5A8A"/>
<path d="M 650,200 L 680,220" stroke="#211E1E" stroke-width="3"/>
<circle cx="630" cy="600" r="3" fill="#211E1E"/>
<circle cx="645" cy="615" r="3" fill="#211E1E"/>
<circle cx="660" cy="605" r="3" fill="#211E1E"/>
</g>
</g>
</svg>
![]()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 500">
<rect x="0" y="0" width="700" height="500" fill="#f0f0e0"/>
<!-- Main large black form -->
<path d="M200 450 C 150 400, 100 250, 150 100 C 200 50, 300 50, 350 150 C 400 250, 300 400, 200 450 Z" fill="#222" stroke="#000" stroke-width="2"/>
<!-- Red circle on left -->
<circle cx="100" cy="180" r="30" fill="#d00" stroke="#000" stroke-width="1.5"/>
<!-- Yellow rectangle on right -->
<rect x="450" y="100" width="80" height="40" fill="#ff0" stroke="#000" stroke-width="1.5"/>
<!-- Blue triangle near the bottom -->
<path d="M300 400 L 350 350 L 250 350 Z" fill="#00f" stroke="#000" stroke-width="1.5"/>
<!-- Green square near top center -->
<rect x="280" y="80" width="30" height="30" fill="#0f0" stroke="#000" stroke-width="1.5"/>
<!-- Horizontal black line -->
<line x1="100" y1="300" x2="500" y2="300" stroke="#000" stroke-width="2"/>
<!-- Vertical black line -->
<line x1="300" y1="50" x2="300" y2="450" stroke="#000" stroke-width="2"/>
<!-- Smaller red dot -->
<circle cx="480" cy="250" r="10" fill="#d00" stroke="#000" stroke-width="1"/>
<!-- Smaller blue dot -->
<circle cx="180" cy="50" r="8" fill="#00f" stroke="#000" stroke-width="1"/>
<!-- A few scattered black lines/strokes -->
<line x1="400" y1="200" x2="450" y2="220" stroke="#000" stroke-width="1.5"/>
<line x1="50" y1="100" x2="80" y2="120" stroke="#000" stroke-width="1.5"/>
<line x1="380" y1="400" x2="420" y2="380" stroke="#000" stroke-width="1.5"/>
<!-- Overlapping shapes/lines to create tension -->
<g>
<line x1="250" y1="150" x2="400" y2="150" stroke="#000" stroke-width="1.5"/>
<line x1="250" y1="160" x2="400" y2="160" stroke="#000" stroke-width="1.5"/>
<line x1="250" y1="170" x2="400" y2="170" stroke="#000" stroke-width="1.5"/>
</g>
<g>
<line x1="150" y1="350" x2="200" y2="400" stroke="#000" stroke-width="1.5"/>
<line x1="160" y1="350" x2="210" y2="400" stroke="#000" stroke-width="1.5"/>
</g>
<!-- Some small, abstract elements -->
<path d="M550 50 L 580 60 L 560 80 Z" fill="#ccc" stroke="#000" stroke-width="1"/>
<circle cx="600" cy="180" r="15" fill="#aaa" stroke="#000" stroke-width="1"/>
<rect x="50" y="400" width="20" height="20" fill="#666" stroke="#000" stroke-width="1"/>
<!-- Faint, almost transparent background elements to add depth -->
<circle cx="450" cy="350" r="60" fill="#ccc" opacity="0.3" stroke="none"/>
<rect x="50" y="50" width="100" height="100" fill="#aaa" opacity="0.2" stroke="none"/>
</svg>
![]()
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 598 751">
<g fill="none" stroke-width="1.5">
<path stroke="#1A0E00" d="M264.5 77.5c.3 23.6-7.7 36.5-17.3 54.9-12.2 23.3-10.2 41.2-20 66.3-3.1 7.7-3.9 16.7-10 25.7" />
<circle cx="453" cy="70" r="12" fill="#090807" stroke="#090807" />
<path stroke="#090807" d="M423.5 68.5c-9.4 17.8-18.5 39.7-15.8 62.7 2.1 18.7 13.5 38.1 30.5 40.2" />
<path stroke="#1A0E00" d="M332.5 108.5c-12.1 2.1-26.6 6-38.2 2.5" />
<ellipse cx="396" cy="219" rx="22" ry="18" fill="#987805" stroke="#987805" />
<path stroke="#1A0E00" d="M255.5 230.5c18.7 10.7 34.5 28.2 41.3 41.5" />
<path stroke="#090807" d="M157.5 207.5c18.5 20.5 46.5 33 68.5 44.5" />
<path stroke="#160F00" d="M138.5 262.5s23.1 3.2 38.5 18.7c12.6 12.6 14.1 29.7 25.6 47.7" />
<path stroke="#090807" d="M90.5 355.5c10.7 14.3 23.6 31.8 46.5 37.5" />
<path stroke="#090807" d="M324.5 377.5l11.1-28.8" />
<path stroke="#090807" d="M324.5 377.5c12.6 2.1 25.6 10.7 30.8 18.7" />
<path stroke="#1A0E00" d="M217.5 377.5c9.4 26.8 30.5 54.4 38.2 73.4" />
<path stroke="#1A0E00" d="M471.5 487.5s-11.8 29.9-40.3 40.2" />
<path stroke="#090807" d="M514.5 524.5s-12.9 25.6-31.6 29.7c-11.1 2.6-28.8 2.1-48.1-1.5" />
<ellipse cx="165" cy="441" rx="33" ry="26" fill="#ED1C24" stroke="#ED1C24" />
<polygon points="222,533 275,503 267,558" fill="#C69C6D" stroke="#C69C6D" />
<path stroke="#1A0E00" d="M497.5 598.5c-13.8 30.3-54.2 51.9-87.9 55.5" />
<path stroke="#090807" d="M455.5 598.5s-32.3 9.6-62.8 22.1" />
<path stroke="#160F00" d="M50.5 469.5c12.6 17 36.5 33.5 60.7 34.2" />
<path stroke="#090807" d="M158.5 666.5c11.3 17.3 33 30.8 55 44.5" />
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 500" width="600" height="500">
<defs>
<linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#F0EAD6"/>
<stop offset="100%" stop-color="#E6D8C0"/>
</linearGradient>
</defs>
<rect width="600" height="500" fill="url(#bgGradient)"/>
<g transform="translate(50, 50)">
<path d="M100 50 Q150 20, 200 50 C250 80, 300 100, 350 80"
fill="none" stroke="#2C3E50" stroke-width="3"/>
<circle cx="180" cy="150" r="40" fill="#E74C3C" opacity="0.7"/>
<rect x="250" y="100" width="60" height="80" fill="#3498DB" rx="10" ry="10"/>
<polygon points="50,250 100,200 150,250 100,300"
fill="#F39C12" stroke="#000" stroke-width="2"/>
<path d="M400 200 L450 150 Q500 180, 450 230 Z"
fill="#2ECC71" opacity="0.6"/>
</g>
</svg>
![]()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
<defs>
<linearGradient id="bg-grad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f7f7e8" />
<stop offset="100%" stop-color="#f0f0e0" />
</linearGradient>
</defs>
<!-- Background -->
<rect width="800" height="600" fill="url(#bg-grad)" />
<!-- Abstract composition elements -->
<g id="composition">
<!-- Main circular form -->
<circle cx="400" cy="270" r="120" fill="none" stroke="#000" stroke-width="2" />
<!-- Triangular elements -->
<polygon points="350,180 480,220 420,320" fill="#f8d568" stroke="#000" stroke-width="1.5" />
<polygon points="280,250 380,350 250,380" fill="#e84c3d" stroke="#000" stroke-width="1.5" />
<!-- Lines and geometric forms -->
<line x1="200" y1="150" x2="600" y2="450" stroke="#000" stroke-width="3" />
<line x1="180" y1="400" x2="620" y2="200" stroke="#000" stroke-width="2.5" />
<line x1="400" y1="100" x2="400" y2="500" stroke="#000" stroke-width="2" />
<!-- Colored rectangles -->
<rect x="500" y="150" width="80" height="120" fill="#3498db" stroke="#000" stroke-width="1" />
<rect x="220" y="320" width="100" height="60" fill="#2ecc71" stroke="#000" stroke-width="1" />
<rect x="430" y="380" width="70" height="90" fill="#9b59b6" stroke="#000" stroke-width="1" />
<!-- Small geometric elements -->
<circle cx="320" cy="180" r="25" fill="#e67e22" stroke="#000" stroke-width="1" />
<circle cx="520" cy="350" r="35" fill="#f1c40f" stroke="#000" stroke-width="1" />
<circle cx="250" cy="230" r="15" fill="#000" />
<!-- Thin connecting lines -->
<g stroke="#000" stroke-width="0.8">
<line x1="320" y1="180" x2="400" y2="270" />
<line x1="520" y1="350" x2="400" y2="270" />
<line x1="250" y1="230" x2="400" y2="270" />
<line x1="320" y1="180" x2="520" y2="350" />
</g>
<!-- Curved elements -->
<path d="M300,400 Q400,480 500,400" fill="none" stroke="#000" stroke-width="2" />
<path d="M250,200 Q400,100 550,200" fill="none" stroke="#000" stroke-width="2" />
<!-- Kandinsky's characteristic arcs and curves -->
<path d="M150,300 C250,200 350,400 450,200" fill="none" stroke="#000" stroke-width="1.5" />
<path d="M350,450 C450,350 550,450 650,350" fill="none" stroke="#000" stroke-width="1.5" />
<!-- Small detailed elements -->
<g id="small-elements">
<circle cx="180" cy="220" r="8" fill="#e74c3c" />
<circle cx="620" cy="380" r="8" fill="#3498db" />
<rect x="350" y="150" width="12" height="12" fill="#000" />
<rect x="450" y="420" width="12" height="12" fill="#000" />
<line x1="180" y1="220" x2="200" y2="240" stroke="#000" stroke-width="1" />
<line x1="620" y1="380" x2="600" y2="360" stroke="#000" stroke-width="1" />
</g>
<!-- Grid-like elements -->
<g id="grid" stroke="#000" stroke-width="0.5">
<line x1="540" y1="120" x2="580" y2="160" />
<line x1="550" y1="110" x2="590" y2="150" />
<line x1="560" y1="100" x2="600" y2="140" />
<line x1="540" y1="160" x2="580" y2="120" />
<line x1="550" y1="150" x2="590" y2="110" />
<line x1="560" y1="140" x2="600" y2="100" />
</g>
<!-- Colored accents -->
<path d="M200,350 L230,320 L260,350 L230,380 Z" fill="#f39c12" stroke="#000" stroke-width="1" />
<path d="M500,250 L530,220 L560,250 L530,280 Z" fill="#1abc9c" stroke="#000" stroke-width="1" />
<!-- Characteristic Kandinsky checkerboard pattern -->
<g id="checkerboard" transform="translate(150,450) scale(0.8)">
<rect x="0" y="0" width="15" height="15" fill="#000" />
<rect x="15" y="0" width="15" height="15" fill="#fff" stroke="#000" stroke-width="0.5" />
<rect x="30" y="0" width="15" height="15" fill="#000" />
<rect x="0" y="15" width="15" height="15" fill="#fff" stroke="#000" stroke-width="0.5" />
<rect x="15" y="15" width="15" height="15" fill="#000" />
<rect x="30" y="15" width="15" height="15" fill="#fff" stroke="#000" stroke-width="0.5" />
<rect x="0" y="30" width="15" height="15" fill="#000" />
<rect x="15" y="30" width="15" height="15" fill="#fff" stroke="#000" stroke-width="0.5" />
<rect x="30" y="30" width="15" height="15" fill="#000" />
</g>
</g>
<!-- Fine details and texture -->
<g id="details" stroke="#000" stroke-width="0.3" fill="none">
<path d="M380,240 C390,230 410,230 420,240" />
<path d="M380,260 C390,270 410,270 420,260" />
<path d="M350,400 L370,420 L390,400" />
<path d="M450,400 L470,420 L490,400" />
<circle cx="400" cy="270" r="5" fill="#000" />
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
<defs>
<linearGradient id="bg1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#f8f5f0;stop-opacity:1" />
<stop offset="50%" style="stop-color:#e8e2d8;stop-opacity:1" />
<stop offset="100%" style="stop-color:#d5c8b8;stop-opacity:1" />
</linearGradient>
<radialGradient id="circle1" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#ff6b35;stop-opacity:0.8" />
<stop offset="70%" style="stop-color:#f7931e;stop-opacity:0.6" />
<stop offset="100%" style="stop-color:#ffcc02;stop-opacity:0.3" />
</radialGradient>
<radialGradient id="circle2" cx="30%" cy="30%" r="60%">
<stop offset="0%" style="stop-color:#2e86ab;stop-opacity:0.9" />
<stop offset="100%" style="stop-color:#a23b72;stop-opacity:0.4" />
</radialGradient>
</defs>
<rect width="800" height="600" fill="url(#bg1)"/>
<g transform="translate(50,80)">
<path d="M 120 50 Q 180 20 240 60 Q 300 100 360 80 Q 420 60 480 90 Q 540 120 600 100"
stroke="#2c3e50" stroke-width="3" fill="none" opacity="0.7"/>
<circle cx="150" cy="120" r="45" fill="url(#circle1)" opacity="0.8"/>
<path d="M 200 180 L 280 160 L 300 220 L 240 240 Z"
fill="#e74c3c" opacity="0.6" stroke="#c0392b" stroke-width="2"/>
<ellipse cx="420" cy="180" rx="60" ry="35" fill="url(#circle2)"
transform="rotate(25 420 180)" opacity="0.7"/>
<path d="M 80 250 Q 120 220 160 250 Q 200 280 240 250 Q 280 220 320 250"
stroke="#8e44ad" stroke-width="4" fill="none" opacity="0.8"/>
<polygon points="500,140 520,120 540,140 530,160 510,160"
fill="#f39c12" opacity="0.9"/>
<circle cx="350" cy="300" r="25" fill="#27ae60" opacity="0.8"/>
<path d="M 450 250 L 480 230 L 510 260 L 490 280 L 460 270 Z"
fill="#3498db" opacity="0.7" stroke="#2980b9" stroke-width="1"/>
</g>
<g transform="translate(100,320)">
<path d="M 0 0 Q 50 -30 100 0 Q 150 30 200 0 Q 250 -30 300 0 Q 350 30 400 0"
stroke="#34495e" stroke-width="2" fill="none" opacity="0.6"/>
<circle cx="80" cy="60" r="30" fill="#e67e22" opacity="0.8"/>
<path d="M 180 40 L 220 20 L 240 60 L 200 80 Z"
fill="#9b59b6" opacity="0.7" stroke="#8e44ad" stroke-width="2"/>
<ellipse cx="320" cy="70" rx="40" ry="20" fill="#1abc9c"
transform="rotate(-15 320 70)" opacity="0.8"/>
<path d="M 420 30 L 450 10 L 480 40 L 460 60 L 440 50 Z"
fill="#e74c3c" opacity="0.6"/>
<circle cx="140" cy="120" r="18" fill="#f1c40f" opacity="0.9"/>
<polygon points="280,110 300,90 320,110 310,130 290,130"
fill="#2ecc71" opacity="0.8"/>
</g>
<g transform="translate(200,450)">
<path d="M 0 20 Q 40 0 80 20 Q 120 40 160 20 Q 200 0 240 20"
stroke="#7f8c8d" stroke-width="3" fill="none" opacity="0.7"/>
<circle cx="60" cy="50" r="22" fill="#d35400" opacity="0.8"/>
<path d="M 120 30 L 150 15 L 170 45 L 140 60 Z"
fill="#16a085" opacity="0.7" stroke="#138d75" stroke-width="1"/>
<ellipse cx="220" cy="45" rx="25" ry="15" fill="#8e44ad"
transform="rotate(30 220 45)" opacity="0.8"/>
</g>
<g opacity="0.4">
<line x1="100" y1="100" x2="300" y2="200" stroke="#2c3e50" stroke-width="1"/>
<line x1="400" y1="150" x2="600" y2="350" stroke="#7f8c8d" stroke-width="1"/>
<line x1="200" y1="300" x2="500" y2="180" stroke="#95a5a6" stroke-width="1"/>
</g>
<g transform="translate(600,100)">
<circle cx="0" cy="0" r="8" fill="#e74c3c" opacity="0.9"/>
<circle cx="20" cy="15" r="6" fill="#f39c12" opacity="0.8"/>
<circle cx="-15" cy="25" r="5" fill="#3498db" opacity="0.7"/>
</g>
<g transform="translate(50,400)">
<circle cx="0" cy="0" r="4" fill="#27ae60" opacity="0.9"/>
<circle cx="15" cy="10" r="3" fill="#9b59b6" opacity="0.8"/>
<circle cx="-10" cy="20" r="3" fill="#e67e22" opacity="0.7"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" viewBox="0 0 800 600" preserveAspectRatio="xMidYMid meet">
<rect width="800" height="600" fill="#ffffff"/>
<g id="background-circles">
<circle cx="200" cy="150" r="80" fill="rgba(255,0,0,0.45)" stroke="#b30000" stroke-width="2"/>
<circle cx="600" cy="120" r="60" fill="rgba(0,0,255,0.4)" stroke="#000099" stroke-width="2"/>
<circle cx="400" cy="400" r="100" fill="rgba(255,215,0,0.5)" stroke="#b8860b" stroke-width="2"/>
<circle cx="150" cy="450" r="50" fill="rgba(0,200,0,0.35)" stroke="#006400" stroke-width="2"/>
<circle cx="650" cy="500" r="70" fill="rgba(255,105,180,0.4)" stroke="#c71585" stroke-width="2"/>
</g>
<g id="triangles">
<polygon points="350,80 420,180 280,180" fill="rgba(255,165,0,0.6)" stroke="#ff8c00" stroke-width="2"/>
<polygon points="580,300 660,380 500,380" fill="rgba(138,43,226,0.5)" stroke="#8a2be2" stroke-width="2"/>
<polygon points="120,250 200,340 40,340" fill="rgba(0,191,255,0.5)" stroke="#00bfff" stroke-width="2"/>
</g>
<g id="lines-and-curves" stroke="#000000" stroke-width="2">
<line x1="100" y1="100" x2="700" y2="500"/>
<line x1="700" y1="100" x2="100" y2="500"/>
<path d="M400,50 C550,150 250,250 400,350" fill="none"/>
<path d="M250,450 Q400,300 550,450" fill="none"/>
</g>
<g id="small-elements">
<circle cx="500" cy="250" r="15" fill="#ff69b4"/>
<circle cx="300" cy="350" r="10" fill="#7fffd4"/>
<rect x="620" y="200" width="30" height="30" fill="#ffa500" transform="rotate(15 635 215)"/>
<rect x="180" y="120" width="25" height="25" fill="#00ced1" transform="rotate(-20 192.5 132.5)"/>
</g>
</svg>
![]()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
<rect width="100%" height="100%" fill="#f0f0f0"/>
<g transform="translate(500,500)">
<circle cx="0" cy="0" r="300" fill="none" stroke="#2c3e50" stroke-width="2" stroke-dasharray="5,5"/>
<path d="M-200,-200 Q-100,-300 0,-200 T200,-200" fill="none" stroke="#e74c3c" stroke-width="3"/>
<path d="M-200,200 Q-100,100 0,200 T200,200" fill="none" stroke="#3498db" stroke-width="3"/>
<ellipse cx="-150" cy="-50" rx="40" ry="60" fill="#e67e22" opacity="0.7" transform="rotate(30 -150 -50)"/>
<ellipse cx="150" cy="50" rx="60" ry="40" fill="#9b59b6" opacity="0.7" transform="rotate(-30 150 50)"/>
<rect x="-80" y="-80" width="40" height="40" fill="#27ae60" opacity="0.8" transform="rotate(45 -80 -80)"/>
<rect x="40" y="40" width="40" height="40" fill="#f1c40f" opacity="0.8" transform="rotate(-45 40 40)"/>
<line x1="-250" y1="0" x2="250" y2="0" stroke="#7f8c8d" stroke-width="1.5" stroke-dasharray="8,4"/>
<line x1="0" y1="-250" x2="0" y2="250" stroke="#7f8c8d" stroke-width="1.5" stroke-dasharray="8,4"/>
<polygon points="-120,-120 -100,-140 -80,-120" fill="#e74c3c"/>
<polygon points="120,120 100,140 80,120" fill="#3498db"/>
<path d="M-180,0 C-180,-100 -100,-180 0,-180 C100,-180 180,-100 180,0 C180,100 100,180 0,180 C-100,180 -180,100 -180,0 Z" fill="none" stroke="#34495e" stroke-width="2"/>
<circle cx="-100" cy="100" r="25" fill="#e74c3c" opacity="0.6"/>
<circle cx="100" cy="-100" r="25" fill="#3498db" opacity="0.6"/>
<path d="M-50,-150 L50,-150 L0,-200 Z" fill="#2c3e50" opacity="0.7"/>
<path d="M-50,150 L50,150 L0,200 Z" fill="#2c3e50" opacity="0.7" transform="rotate(180 0 175)"/>
</g>
</svg>
![]()
Geurnica
Pablo Picasso · 8 model results
View chronologyClose
Geurnica
Pablo Picasso · 8 model results
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1200 800" preserveAspectRatio="xMidYMid meet">
<defs>
<linearGradient id="bgGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#e5e5e5"/>
<stop offset="100%" stop-color="#1c1c1c"/>
</linearGradient>
<radialGradient id="spot" cx="60%" cy="20%" r="60%">
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.25"/>
<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
</radialGradient>
<!-- Dark block group (def) -->
<g id="blockDark">
<polygon points="0,0 90,22 60,60 10,40" />
<polygon points="40,20 92,34 66,66 20,50" />
<polygon points="20,52 66,66 52,90 8,76" />
</g>
<!-- Mid-tone block group (def) -->
<g id="blockMid">
<polygon points="0,0 110,0 120,40 0,40" />
<polygon points="0,50 70,20 100,60 30,70" />
<polygon points="30,40 110,40 90,78 20,70" />
</g>
<!-- Light block group (def) -->
<g id="blockLight">
<polygon points="0,0 140,0 120,40 0,40" />
<polygon points="0,60 100,40 120,90 20,90" />
<polygon points="20,30 70,20 110,40 40,60" />
</g>
</defs>
<rect width="1200" height="800" fill="url(#bgGrad)" />
<circle cx="320" cy="200" r="260" fill="url(#spot)" />
<!-- Optional subtle guidance lines for texture (invisible by default) -->
<g fill="none" stroke="rgba(0,0,0,0.04)" stroke-width="1" opacity="0.0">
<line x1="0" y1="0" x2="1200" y2="800" />
<line x1="0" y1="800" x2="1200" y2="0" />
</g>
<!-- Mosaic blocks to evoke cubist fragmentation -->
<g id="blocks" fill="none" stroke="none">
<!-- Dark blocks -->
<use href="#blockDark" transform="translate(60,520) scale(1.0)" fill="#2a2a2a" />
<use href="#blockDark" transform="translate(180,520) scale(0.98)" fill="#2a2a2a" />
<use href="#blockDark" transform="translate(100,460) scale(0.9)" fill="#2a2a2a" />
<!-- Mid-tone blocks -->
<use href="#blockMid" transform="translate(260,460) scale(1.0)" fill="#6e6e6e" />
<use href="#blockMid" transform="translate(360,520) scale(0.95)" fill="#6e6e6e" />
<use href="#blockMid" transform="translate(480,430) scale(0.95)" fill="#6e6e6e" />
<!-- Light-tone blocks -->
<use href="#blockLight" transform="translate(720,420) scale(1.0)" fill="#d0d0d0" />
<use href="#blockLight" transform="translate(840,500) scale(0.95)" fill="#e5e5e5" />
<use href="#blockLight" transform="translate(960,450) scale(1.0)" fill="#ececec" />
<!-- Additional scattered blocks for complexity -->
<use href="#blockDark" transform="translate(700,260) rotate(-6) scale(0.85)" fill="#3a3a3a" />
<use href="#blockMid" transform="translate(520,260) rotate(8) scale(0.9)" fill="#5f5f5f" />
<use href="#blockLight" transform="translate(420,320) rotate(-12) scale(0.8)" fill="#e0e0e0" />
</g>
<!-- Central figures inspired by Guernica's themes, in abstract cubist form (not direct reproduction) -->
<g id="figures" fill="#a6a6a6" stroke="#6b6b6b" stroke-width="0.6" stroke-linejoin="round" stroke-linecap="round">
<!-- Abstract horse head -->
<polygon points="520,460 590,430 640,460 580,480" fill="#8a8a8a" />
<!-- Abstract horse neck -->
<polygon points="580,480 610,520 480,520 555,500" fill="#6b6b6b" />
<!-- Abstract human figure with raised arm -->
<polygon points="780,420 820,360 860,390 820,450" fill="#7e7e7e" />
<polygon points="800,480 830,420 860,450 830,490" fill="#9a9a9a" />
<!-- Additional abstract shapes suggesting souls or figures -->
<polygon points="220,420 260,380 300,420 260,450" fill="#9a9a9a" />
<polygon points="270,460 310,430 350,470 320,500" fill="#b9b9b9" />
<!-- Architectural 'lamp/ beacon' motif -->
<polygon points="140,260 170,240 190,260 165,320" fill="#e7e7e7" />
<polygon points="165,320 145,320 155,360 178,360" fill="#d8d8d8" />
<!-- Horizon jagged silhouettes to imply ruined space -->
<polygon points="0,620 120,600 240,640 360,620 480,640 600,610 720,640 840,620 960,640 1080,610 1200,630 1200,800 0,800" fill="#2e2e2e" opacity="0.18"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 776 349" width="776" height="349">
<defs>
<linearGradient id="gShade" x1="0" x2="1" y1="0" y2="1">
<stop offset="0" stop-color="#efefef"/>
<stop offset="1" stop-color="#bdbdbd"/>
</linearGradient>
<linearGradient id="gDark" x1="0" x2="1">
<stop offset="0" stop-color="#222"/>
<stop offset="1" stop-color="#666"/>
</linearGradient>
<!-- Bull -->
<g id="bull">
<path d="M40 40 C25 60 18 90 28 110 L48 125 C52 130 60 132 68 128 L112 110 C136 104 152 86 158 66 C162 52 152 36 138 34 C118 30 90 28 68 34 C60 36 52 36 48 38 C44 40 42 40 40 40 Z"
fill="#0e0e0e" stroke="#000" stroke-width="2"/>
<path d="M66 60 C78 54 94 54 108 58" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round"/>
<circle cx="42" cy="58" r="4" fill="#fff"/>
<path d="M18 74 C8 86 8 108 18 120" fill="none" stroke="#000" stroke-width="3" stroke-linecap="round"/>
<path d="M18 74 L40 62" fill="none" stroke="#000" stroke-width="3" stroke-linecap="round"/>
</g>
<!-- Horse (central) -->
<g id="horse">
<path d="M380 80 L430 72 L462 88 L490 122 L472 150 L460 138 L450 146 L438 154 L410 160 L392 142 L376 150 L360 142 L348 128 L336 116 L346 100 Z"
fill="#e9e9e9" stroke="#111" stroke-width="3" stroke-linejoin="round"/>
<path d="M420 98 L450 112 L468 120" fill="none" stroke="#111" stroke-width="3" stroke-linecap="round"/>
<path d="M402 106 C396 118 380 126 366 124" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round"/>
<path d="M410 90 C422 86 436 90 444 98" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round"/>
<path d="M392 120 L408 136" fill="none" stroke="#000" stroke-width="3" stroke-linecap="round"/>
<ellipse cx="442" cy="118" rx="8" ry="6" fill="#000"/>
<path d="M382 100 C370 88 358 84 346 88" fill="none" stroke="#111" stroke-width="2"/>
<path d="M360 150 L392 178 L404 184 L420 184 L444 166" fill="none" stroke="#000" stroke-width="3" stroke-linejoin="round"/>
</g>
<!-- Mother with child -->
<g id="motherChild">
<path d="M150 40 L176 68 L188 90 L182 118 L158 132 L146 120 L152 96 L138 72 Z" fill="#f5f5f5" stroke="#111" stroke-width="2"/>
<path d="M160 58 L176 86" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round"/>
<path d="M148 86 C138 100 140 118 156 126" fill="none" stroke="#000" stroke-width="2"/>
<path d="M152 92 C160 88 170 88 176 92" fill="none" stroke="#111" stroke-width="2"/>
<ellipse cx="164" cy="70" rx="6" ry="8" fill="#000"/>
<g transform="translate(170,118)">
<path d="M0 0 C8 -4 18 -6 26 0 C30 3 30 8 26 12 C16 22 4 18 0 10 Z" fill="#ddd" stroke="#111" stroke-width="1.5"/>
<path d="M6 6 L18 14" fill="none" stroke="#000" stroke-width="1.2"/>
</g>
</g>
<!-- Screaming woman right -->
<g id="scream">
<path d="M680 32 L720 54 L732 82 L724 118 L706 150 L688 142 L672 118 L678 86 Z" fill="#fefefe" stroke="#111" stroke-width="2"/>
<path d="M690 52 C704 48 718 52 726 64" fill="none" stroke="#000" stroke-width="2"/>
<path d="M700 90 L716 110" fill="none" stroke="#000" stroke-width="3"/>
<ellipse cx="700" cy="62" rx="5" ry="7" fill="#000"/>
<path d="M714 36 L748 22" fill="none" stroke="#111" stroke-width="2" stroke-linecap="round"/>
</g>
<!-- Fallen soldier -->
<g id="soldier">
<path d="M300 236 L344 268 L368 260 L384 248 L392 232 L380 218 L348 204 L320 212 Z" fill="#eaeaea" stroke="#111" stroke-width="2"/>
<path d="M320 220 L312 238" fill="none" stroke="#000" stroke-width="2"/>
<path d="M344 268 L356 286 L364 290" fill="none" stroke="#111" stroke-width="2" stroke-linecap="round"/>
<path d="M336 240 L360 232" fill="none" stroke="#000" stroke-width="2"/>
<rect x="328" y="198" width="12" height="8" fill="#000" transform="rotate(-20 334 202)"/>
<path d="M354 200 C360 190 374 188 386 194" fill="none" stroke="#000" stroke-width="2"/>
<path d="M326 208 L318 196" fill="none" stroke="#111" stroke-width="2"/>
</g>
<!-- Lamp and lightbulb -->
<g id="lamp">
<path d="M462 6 L420 22 L408 40 L418 52 L446 56 L468 48 L494 24 Z" fill="#fff" stroke="#000" stroke-width="2"/>
<path d="M456 30 L454 56" fill="none" stroke="#000" stroke-width="2"/>
<path d="M450 54 L452 80" fill="none" stroke="#111" stroke-width="2" stroke-dasharray="3,2"/>
<circle cx="456" cy="22" r="10" fill="#fff" stroke="#000" stroke-width="2"/>
<path d="M454 18 L460 14" fill="none" stroke="#000" stroke-width="2"/>
</g>
<!-- Dove / bird -->
<g id="dove">
<path d="M520 44 C540 36 564 36 578 48 C588 58 592 78 582 92 C562 120 518 116 492 98 C500 84 508 70 520 60 Z" fill="#f9f9f9" stroke="#111" stroke-width="1.5"/>
<path d="M540 58 C548 52 560 52 568 58" fill="none" stroke="#111" stroke-width="1.5"/>
<circle cx="530" cy="66" r="3" fill="#000"/>
</g>
<!-- Fragmented window/triangle panels -->
<g id="panels">
<path d="M0 0 L260 0 L240 80 L0 68 Z" fill="#ececec" stroke="#999" stroke-width="1"/>
<path d="M260 0 L460 0 L460 84 L240 80 Z" fill="#fff" stroke="#aaa" stroke-width="1"/>
<path d="M460 0 L776 0 L776 88 L460 84 Z" fill="#e7e7e7" stroke="#999" stroke-width="1"/>
</g>
<!-- Stylized flame/flower -->
<g id="flower">
<path d="M202 250 C214 236 236 224 262 222 C286 220 308 228 328 242 C320 256 304 266 288 272 C260 282 228 274 210 258 Z"
fill="#f3f3f3" stroke="#111" stroke-width="1.5"/>
<path d="M250 236 L246 266" fill="none" stroke="#000" stroke-width="2"/>
</g>
</defs>
<!-- Background and composition blocks -->
<rect x="0" y="0" width="776" height="349" fill="#fafafa"/>
<g transform="translate(0,0)">
<use href="#panels"/>
<rect x="0" y="88" width="776" height="261" fill="url(#gShade)"/>
</g>
<!-- Left area: bull and mother -->
<g transform="translate(26,30) scale(1.2)">
<use href="#bull"/>
</g>
<g transform="translate(112,36) scale(0.92)">
<use href="#motherChild"/>
</g>
<!-- Central horse -->
<g transform="translate(150,60) scale(1.0)">
<use href="#horse"/>
</g>
<!-- Lamp and light -->
<g transform="translate(350,-4) scale(1.0)">
<use href="#lamp"/>
</g>
<!-- Dove above horse -->
<g transform="translate(420,22) scale(0.9)">
<use href="#dove"/>
</g>
<!-- Fallen soldier, lower center -->
<g transform="translate(260,48) scale(1.0)">
<use href="#soldier"/>
</g>
<!-- Flower / flame near center-left ground -->
<g transform="translate(96,160) scale(0.9)">
<use href="#flower"/>
</g>
<!-- Screaming woman on right -->
<g transform="translate(520,28) scale(1.0)">
<use href="#scream"/>
</g>
<!-- Additional cubist shards and shapes to evoke composition -->
<g fill="#fff" stroke="#111" stroke-width="1.2">
<path d="M36 148 L92 126 L114 150 L72 174 Z" fill="#eaeaea"/>
<path d="M520 140 L592 122 L560 168 L492 176 Z" fill="#f6f6f6"/>
<path d="M410 28 L438 8 L468 24 L442 46 Z" fill="#fff"/>
<path d="M180 198 L240 188 L212 220 L162 232 Z" fill="#ebebeb"/>
</g>
<!-- Detail strokes and accents -->
<g stroke="#000" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="1.2">
<path d="M100 58 C124 40 160 36 188 48"/>
<path d="M460 86 C468 96 478 106 492 118"/>
<path d="M340 210 C360 230 388 248 420 236"/>
<path d="M548 94 C566 110 584 134 598 150"/>
</g>
<!-- Ground line and signature-like block -->
<g>
<rect x="0" y="320" width="776" height="29" fill="#e6e6e6"/>
<path d="M44 332 L88 334 L108 328 L132 334 L160 326" fill="none" stroke="#111" stroke-width="2" stroke-linecap="round"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2220 1000" preserveAspectRatio="xMidYMid meet">
<defs>
<style type="text/css"><![CDATA[
.bg{fill:#2f2f2f}
.panel1{fill:#3c3c3c}
.panel2{fill:#4f4f4f}
.panel3{fill:#6a6a6a}
.mid{fill:#bdbdbd}
.light{fill:#e8e8e8}
.white{fill:#f7f7f7}
.dark{fill:#1a1a1a}
.ink{fill:none;stroke:#0f0f0f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ink2{fill:none;stroke:#2a2a2a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.shade{opacity:0.5}
]]></style>
<linearGradient id="gSoft" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#cfcfcf"/>
<stop offset="1" stop-color="#7a7a7a"/>
</linearGradient>
<linearGradient id="gDark" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#4a4a4a"/>
<stop offset="1" stop-color="#1f1f1f"/>
</linearGradient>
<radialGradient id="gBulb" cx="50%" cy="50%" r="60%">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="0.45" stop-color="#f4f4f4"/>
<stop offset="1" stop-color="#bbbbbb"/>
</radialGradient>
<g id="eye-shape">
<path d="M0,12 C40,-18 120,-18 160,12 C120,42 40,42 0,12 Z" class="white"/>
<circle cx="80" cy="12" r="14" class="dark"/>
<circle cx="85" cy="8" r="5" class="white"/>
</g>
<g id="tooth">
<path d="M0,0 L10,-14 L20,0 L15,16 L5,16 Z" class="white"/>
<path d="M0,0 L10,-14 L20,0 L15,16 L5,16 Z" class="ink2"/>
</g>
</defs>
<!-- Background -->
<rect x="0" y="0" width="2220" height="1000" class="bg"/>
<!-- Fragmented backdrop panels -->
<g id="backdrop">
<polygon points="0,0 360,0 300,120 0,160" class="panel1"/>
<polygon points="360,0 820,0 760,150 300,120" class="panel2"/>
<polygon points="820,0 1300,0 1260,130 760,150" class="panel3"/>
<polygon points="1300,0 1730,0 1700,120 1260,130" class="panel1"/>
<polygon points="1730,0 2220,0 2220,120 1700,120" class="panel2"/>
<polygon points="0,160 300,120 420,240 0,280" class="panel3"/>
<polygon points="300,120 760,150 920,300 420,240" class="panel2"/>
<polygon points="760,150 1260,130 1450,310 920,300" class="panel1"/>
<polygon points="1260,130 1700,120 1900,290 1450,310" class="panel3"/>
<polygon points="1700,120 2220,120 2220,320 1900,290" class="panel2"/>
<path d="M0,820 L420,700 L900,760 L1260,680 L1680,720 L2220,640 L2220,1000 L0,1000 Z" fill="url(#gDark)"/>
</g>
<!-- Central bulb and jagged light -->
<g id="bulb-and-light">
<g transform="translate(1100,120)">
<ellipse cx="0" cy="0" rx="80" ry="70" fill="url(#gBulb)" />
<path d="M-35,70 h70 v26 c0,22 -70,22 -70,0 z" class="light"/>
<path d="M-60,110 h120" class="ink2"/>
<path d="M-50,124 h100" class="ink2"/>
<path d="M-40,138 h80" class="ink2"/>
</g>
<g class="shade">
<polygon points="1120,210 1060,250 1150,260" class="white" opacity="0.7"/>
<polygon points="1050,210 970,320 1090,280" class="white" opacity="0.6"/>
<polygon points="1180,210 1270,320 1140,270" class="white" opacity="0.6"/>
<polygon points="1200,220 1350,360 1230,290" class="white" opacity="0.4"/>
<polygon points="1000,220 870,360 1000,300" class="white" opacity="0.4"/>
</g>
<path d="M1110,70 c-6,-44 -30,-76 -30,-120" class="ink2"/>
</g>
<!-- Left: The Bull -->
<g id="bull" transform="translate(100,120)">
<path d="M0,200 C-10,120 40,60 120,40 C200,20 270,30 340,70 C390,100 420,140 430,190 C440,240 420,290 360,310 C300,330 260,330 210,320 C160,310 60,280 0,200 Z" fill="url(#gDark)"/>
<path d="M330,-10 C350,-40 420,-30 420,10 C420,50 350,40 330,10 Z" class="white"/>
<path d="M120,-30 C170,-60 260,-60 320,-20 C260,0 170,0 120,-30 Z" class="white"/>
<use href="#eye-shape" transform="translate(210,150) scale(0.9)"/>
<path d="M260,170 c30,-10 60,8 62,34 c2,30 -32,44 -60,30" class="ink"/>
<path d="M90,250 C80,280 70,320 80,360 C100,410 160,430 210,420" class="ink2"/>
<path d="M-10,170 L80,220 L70,270 L-10,230 Z" class="panel2"/>
<path d="M340,70 L460,60 L430,110 L360,120 Z" class="panel3"/>
</g>
<!-- Left-center: Mother with dead child -->
<g id="mother-child" transform="translate(380,330)">
<path d="M0,0 L120,-80 L240,0 L200,90 L90,160 L-30,120 Z" class="mid"/>
<path d="M70,-60 C90,-110 160,-130 210,-110 C170,-70 120,-40 90,-20" class="light"/>
<path d="M20,70 C-40,110 -40,170 10,200 C60,230 160,230 230,180 C190,150 160,120 120,90" class="panel2"/>
<path d="M120,90 C110,60 130,40 160,40 C190,40 210,70 200,100" class="ink"/>
<path d="M200,100 C210,130 200,160 180,170 C160,180 140,170 130,150" class="ink2"/>
<path d="M-10,100 C40,60 60,40 70,10" class="ink2"/>
<g transform="translate(210,-80)">
<use href="#eye-shape" transform="scale(0.7)"/>
<path d="M0,44 c40,10 70,10 110,0" class="ink2"/>
</g>
<path d="M-20,140 L50,130 L40,200 L-30,190 Z" class="white"/>
<path d="M-20,140 L50,130 L40,200 L-30,190 Z" class="ink2"/>
<path d="M40,200 c10,30 40,40 70,30" class="ink2"/>
</g>
<!-- Center: Horse -->
<g id="horse" transform="translate(820,320)">
<path d="M-80,80 L200,-20 L520,20 L480,120 L360,200 L200,220 L-20,200 L-60,150 Z" fill="url(#gSoft)"/>
<path d="M520,20 L700,40 L660,90 L480,120 Z" class="panel3"/>
<path d="M200,220 L240,360 L180,360 L160,230 Z" class="panel2"/>
<path d="M360,200 L380,350 L320,360 L300,210 Z" class="panel1"/>
<path d="M-20,200 L-50,350 L20,350 L40,210 Z" class="panel1"/>
<path d="M160,-30 C240,-90 360,-70 420,-10 C360,10 260,0 200,-20 Z" class="white"/>
<g transform="translate(420,-10)">
<path d="M0,0 C40,-20 100,-10 130,20 C120,50 70,70 30,60 C-10,50 -20,20 0,0 Z" class="mid"/>
<use href="#eye-shape" transform="translate(50,10) scale(0.65)"/>
<path d="M-20,60 L-40,90 L-10,100 L10,70 Z" class="white"/>
<path d="M-40,90 L-10,100 L10,70" class="ink2"/>
</g>
<g transform="translate(265,60)">
<path d="M0,0 C60,-20 110,10 140,40 C150,60 150,85 140,100 C120,130 70,150 30,140 C-10,130 -20,90 0,60 Z" class="white"/>
<g transform="translate(20,20) scale(1.2)">
<use href="#tooth" transform="translate(0,0)"/>
<use href="#tooth" transform="translate(22,2)"/>
<use href="#tooth" transform="translate(44,0)"/>
<use href="#tooth" transform="translate(66,2)"/>
</g>
<path d="M-10,60 L-60,20 L-80,40 L-30,90 Z" class="panel2"/>
<path d="M-60,20 L-120,0 L-140,20 L-80,40 Z" class="panel3"/>
<path d="M140,40 C160,60 170,90 150,110" class="ink2"/>
<path d="M0,0 C60,-20 110,10 140,40" class="ink"/>
</g>
<path d="M70,-10 L110,-60 L120,-90 L150,-120 L170,-90 L160,-70 L140,-30 Z" class="white"/>
<path d="M520,20 L770,10 L760,50 L660,90 Z" class="panel2"/>
<!-- Spear piercing the horse -->
<path d="M-180,-140 L820,130" class="ink"/>
<path d="M-180,-140 L-170,-152 L835,118 L820,130 Z" class="white"/>
</g>
<!-- Bottom: Fallen warrior with broken sword -->
<g id="fallen" transform="translate(720,760)">
<path d="M-260,0 L-180,-40 L-60,-30 L40,0 L160,10 L260,0 L320,-20 L380,-60 L420,-110 L460,-120 L510,-90 L480,-60 L440,-20 L360,10 L260,30 L140,40 L20,30 L-100,20 L-200,10 Z" class="panel1"/>
<path d="M-140,-30 C-100,-80 -20,-90 40,-60 C-10,-40 -70,-20 -120,-10" class="mid"/>
<path d="M-30,-10 C-10,-40 40,-50 80,-40 C60,-20 20,-10 -10,-2" class="white"/>
<path d="M120,20 L100,80 L180,80 L200,20 Z" class="panel2"/>
<path d="M-200,10 L-210,60 L-150,70 L-140,20 Z" class="panel2"/>
<g id="broken-sword" transform="translate(300,-10)">
<path d="M0,0 L220,-40 L224,-24 L4,16 Z" class="white"/>
<path d="M224,-24 L260,-70 L270,-52 L236,-12 Z" class="white"/>
<path d="M0,0 L220,-40 L224,-24 L4,16 Z" class="ink2"/>
<path d="M224,-24 L260,-70 L270,-52 L236,-12 Z" class="ink2"/>
</g>
<g id="open-hand" transform="translate(520,-120)">
<path d="M0,0 C20,-20 40,-28 60,-22 C80,-16 90,2 86,18 C100,10 120,16 126,34 C132,52 122,70 104,74 C112,86 106,104 90,112 C72,120 52,114 44,98 C40,110 22,118 8,112 C-10,104 -16,84 -8,68 C-26,70 -42,56 -42,38 C-42,20 -24,4 0,0 Z" class="white"/>
<path d="M0,0 C20,-20 40,-28 60,-22 C80,-16 90,2 86,18" class="ink2"/>
<path d="M84,18 C100,10 120,16 126,34 C132,52 122,70 104,74" class="ink2"/>
<path d="M104,74 C112,86 106,104 90,112 C72,120 52,114 44,98" class="ink2"/>
<path d="M44,98 C40,110 22,118 8,112 C-10,104 -16,84 -8,68" class="ink2"/>
<path d="M-8,68 C-26,70 -42,56 -42,38 C-42,20 -24,4 0,0" class="ink2"/>
</g>
</g>
<!-- Right: Woman with lamp entering -->
<g id="lamp-woman" transform="translate(1540,260)">
<path d="M0,0 L120,-40 L220,40 L240,140 L180,200 L80,180 L-20,120 Z" class="mid"/>
<path d="M90,-60 C130,-100 190,-90 220,-60 C200,-30 140,-20 100,-40" class="white"/>
<path d="M40,40 C70,10 120,10 150,40 C180,70 180,120 150,140 C120,160 70,160 40,130 C20,110 20,70 40,40 Z" class="white"/>
<use href="#eye-shape" transform="translate(140,10) scale(0.6)"/>
<g id="lamp" transform="translate(260,60)">
<path d="M0,-40 L40,-60 L80,-40 L80,20 L0,20 Z" class="white"/>
<path d="M0,-40 L40,-60 L80,-40 L80,20 L0,20 Z" class="ink2"/>
<path d="M40,20 L40,80" class="ink2"/>
<path d="M40,-60 L40,-110" class="ink2"/>
<polygon points="40,80 10,120 70,120" class="panel2"/>
</g>
<path d="M-40,100 L40,140 L30,210 L-30,200 Z" class="panel2"/>
</g>
<!-- Far right: Woman in flames -->
<g id="burning-woman" transform="translate(1880,300)">
<path d="M0,0 L80,-60 L160,0 L150,80 L100,140 L40,160 L-20,120 Z" class="panel1"/>
<path d="M30,-20 C70,-50 120,-40 150,-10 C120,10 60,10 40,0" class="white"/>
<path d="M100,140 L100,260 L60,260 L40,160 Z" class="panel2"/>
<path d="M-40,160 L-20,220 L40,240 L60,260 L100,260 L140,240 L160,180 L140,140" class="panel3"/>
<g class="shade">
<polygon points="20,120 0,200 60,160" class="white" opacity="0.5"/>
<polygon points="120,120 160,200 100,160" class="white" opacity="0.4"/>
</g>
<path d="M-30,300 L50,240 L130,270 L200,240 L240,280 L220,320 L160,360 L100,360 L20,340 Z" class="panel2"/>
</g>
<!-- Central ground shards and scattered fragments -->
<g id="ground-shards">
<polygon points="0,900 120,860 280,880 420,850 560,880 720,860 840,900 900,940 0,1000" class="panel2"/>
<polygon points="900,940 1080,900 1240,940 1400,900 1600,940 1720,900 1900,940 2080,900 2220,950 2220,1000 0,1000" class="panel3"/>
<path d="M340,820 L480,760 L520,820 L380,860 Z" class="white"/>
<path d="M1340,780 L1470,740 L1500,800 L1370,820 Z" class="white"/>
<path d="M980,820 L1040,760 L1140,780 L1080,840 Z" class="mid"/>
</g>
<!-- Contour accents -->
<g id="accents">
<path d="M120,420 C220,380 280,340 340,300" class="ink2"/>
<path d="M900,260 C960,200 1040,190 1120,210" class="ink2"/>
<path d="M1500,300 C1580,270 1660,290 1720,340" class="ink2"/>
<path d="M640,540 C700,520 760,520 820,540" class="ink2"/>
<path d="M1240,520 C1320,500 1400,500 1460,540" class="ink2"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg width="776px" height="349px" viewBox="0 0 776 349" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="newspaper" patternUnits="userSpaceOnUse" width="8" height="8">
<path d="M-1,1 l2,-2 M0,8 l8,-8 M7,9 l2,-2" stroke="#444" stroke-width="0.5"/>
</pattern>
<g id="eye">
<path d="M0,0 Q5,-5 10,0 Q5,5 0,0 Z"/>
</g>
</defs>
<rect width="776" height="349" fill="#F0F0F0"/>
<!-- Background architectural elements -->
<path d="M540,0 V349" stroke="black" stroke-width="0.5" fill="none"/>
<path d="M545,80 H776 V349 H545 V200 L600,210 V300 H720 V150 L680,140" fill="#333"/>
<path d="M0,0 H250 V349 H0 V150 L50,160" fill="#222"/>
<path d="M250,0 H540 V349 H250 Z" fill="#DDD"/>
<!-- Right Section: Burning Building and Figures -->
<g id="right-section">
<!-- Figure in flames -->
<path d="M630,120 L650,100 L670,120 V180 L650,190 L630,180 Z" fill="#FFF"/>
<path d="M635,125 L650,110 L665,125" fill="none" stroke="black" stroke-width="1.5"/>
<path d="M638,135 L662,135 M640,145 L660,145 M642,155 L658,155 M645,165 L655,165" stroke="black" stroke-width="1"/>
<path d="M640,90 L620,50 M660,90 L680,50" stroke="black" stroke-width="2"/> <!-- Arms -->
<path d="M620,50 L615,55 L625,55 L620,50 Z M680,50 L675,55 L685,55 L680,50 Z" fill="black"/> <!-- Hands -->
<path d="M650,100 C640,85 660,85 650,100" fill="none" stroke="black" stroke-width="1.5"/> <!-- Head -->
<circle cx="647" cy="95" r="1" fill="black"/>
<circle cx="653" cy="95" r="1" fill="black"/>
<path d="M648,102 Q650,105 652,102" fill="none" stroke="black" stroke-width="1"/> <!-- Mouth -->
<!-- Flames -->
<path d="M600,100 L610,80 L615,100 L620,70 L625,100 L630,85 L635,110" fill="none" stroke="black" stroke-width="1.5"/>
<path d="M670,110 L675,85 L680,100 L685,70 L690,100 L695,80 L700,100" fill="none" stroke="black" stroke-width="1.5"/>
<path d="M605,200 L615,180 L620,200 L625,170 L630,200" fill="none" stroke="black" stroke-width="1"/>
<!-- Fleeing Figure -->
<path d="M560,250 C580,240 600,250 610,280 L590,320 L550,300 Z" fill="#AAA"/>
<path d="M570,240 L580,220 L590,240" fill="#FFF" stroke="black" stroke-width="1"/>
<path d="M580,220 C575,210 585,210 580,220" fill="none" stroke="black" stroke-width="1"/>
<path d="M578,215 L582,215 M578,230 L582,230" stroke="black" stroke-width="0.5"/>
<path d="M560,250 Q550,260 560,270" fill="#FFF" stroke="black" stroke-width="1"/>
</g>
<!-- Center Section: Lamp Bearer, Horse, Lightbulb -->
<g id="center-section">
<!-- Lamp Bearer -->
<path d="M450,85 H545 V200 H450 Z" fill="#666"/>
<path d="M500,90 L530,90 L535,190 L495,190 Z" fill="#FFF" stroke="black" stroke-width="1"/>
<path d="M440,150 L500,160 L495,190" fill="none" stroke="black" stroke-width="3"/> <!-- Arm -->
<path d="M420,145 L440,150 L430,165 Z" fill="#FFF" stroke="black" stroke-width="1"/> <!-- Hand -->
<path d="M400,140 L420,145 L415,160 L395,155 Z" fill="#888" stroke="black" stroke-width="1"/> <!-- Lamp -->
<path d="M405,145 L410,140 L410,150 L405,155 Z" fill="#FF0" stroke="black" stroke-width="0.5"/> <!-- Flame -->
<path d="M515,95 C505,85 525,85 515,95" fill="#FFF" stroke="black" stroke-width="1"/> <!-- Head -->
<circle cx="512" cy="90" r="1.5" fill="black"/>
<path d="M505,100 L525,100" fill="#FFF" stroke="black" stroke-width="1"/> <!-- Bust -->
<!-- Horse -->
<g id="horse">
<path d="M280,120 L320,80 L380,120 L400,200 L350,280 L250,250 L280,120 Z" fill="url(#newspaper)" stroke="black" stroke-width="1.5"/>
<path d="M290,125 L280,180 L390,210 L370,125" fill="#FFF" stroke="black" stroke-width="1"/>
<path d="M320,80 L300,60 Q340,40 370,80 L320,80 Z" fill="#444" stroke="black" stroke-width="2"/> <!-- Head -->
<path d="M310,65 L350,65 M315,70 L345,70" stroke="#FFF" stroke-width="0.5"/> <!-- Teeth -->
<path d="M305,55 L325,50 L310,60 Z" fill="black"/> <!-- Nostril -->
<use href="#eye" transform="translate(340, 55) scale(1.2)" fill="white" stroke="black" stroke-width="1"/>
<circle cx="345" cy="55" r="1" fill="black"/>
<path d="M330,120 L340,180" fill="none" stroke="black" stroke-width="5"/> <!-- Wound -->
<path d="M333,125 L345,110 L337,125 Z" fill="black"/> <!-- Spear tip -->
</g>
<!-- Lightbulb -->
<g id="lightbulb" transform="translate(330, 40)">
<path d="M0,0 C-20,-15 20,-15 0,0" fill="#FFF" stroke="black" stroke-width="2"/>
<path d="M-5,0 h10 v5 h-10z" fill="#888" stroke="black" stroke-width="1"/>
<path d="M-2,5 h4 v2 h-4z" fill="#333"/>
<circle cx="0" cy="-2" r="2" fill="#FF0"/>
<!-- Rays -->
<path d="M0,-10 L-5,-20 M5,-15 L10,-25 M10,-10 L20,-15 M-10,-10 L-20,-15 M0,-10 V-25" stroke="#FF0" stroke-width="1.5" opacity="0.8"/>
</g>
<!-- Crawling figure -->
<path d="M420,280 L480,270 L500,310 L430,320 Z" fill="#777" stroke="black" stroke-width="1"/>
<path d="M480,270 L490,250 L500,270" fill="#FFF" stroke="black" stroke-width="1"/>
</g>
<!-- Left Section: Bull, Mother and Child -->
<g id="left-section">
<!-- Bull -->
<path d="M50,50 C100,20 200,40 220,100 L180,250 L40,240 L50,50 Z" fill="#1A1A1A" stroke="black" stroke-width="2"/>
<path d="M80,55 C60,45 80,30 90,40 L100,30 C110,40 130,45 120,55" fill="none" stroke="#F0F0F0" stroke-width="2"/> <!-- Horns -->
<path d="M90,60 L140,80 L130,120 L80,90 Z" fill="#000" stroke="#AAA" stroke-width="1"/> <!-- Head -->
<use href="#eye" transform="translate(100, 70) scale(1)" fill="white" stroke="black" stroke-width="1"/>
<circle cx="105" cy="70" r="0.5" fill="black"/>
<path d="M210,110 Q240,90 230,130" fill="none" stroke="#F0F0F0" stroke-width="3"/> <!-- Tail -->
<!-- Mother and Child -->
<path d="M60,200 C40,220 20,280 40,320 L100,300 L110,240 Z" fill="#555"/>
<path d="M70,180 L50,160 Q70,140 90,160 L80,180 Z" fill="#FFF" stroke="black" stroke-width="1.5"/> <!-- Head -->
<path d="M65,155 L70,165 M80,165 L85,155" stroke="black" stroke-width="1"/> <!-- Eyes -->
<path d="M75,175 Q70,185 80,185" fill="none" stroke="black" stroke-width="1.5"/> <!-- Mouth -->
<path d="M70,180 L50,220 L20,200" fill="none" stroke="black" stroke-width="3"/> <!-- Arm -->
<path d="M40,250 L60,260 L80,240 L70,270 L50,280 Z" fill="#AAA" stroke="black" stroke-width="1"/> <!-- Child -->
<circle cx="55" cy="265" r="2" fill="black"/> <!-- Child's eye -->
</g>
<!-- Bottom Section: Fallen Soldier -->
<g id="fallen-soldier">
<path d="M120,330 L350,340 L340,320 L130,310 Z" fill="#888" stroke="black" stroke-width="1"/> <!-- Body fragment -->
<path d="M100,280 L150,290 L140,310" fill="none" stroke="black" stroke-width="3"/> <!-- Arm -->
<path d="M80,270 L100,280 L95,295 L75,285 Z" fill="#FFF" stroke="black" stroke-width="1"/> <!-- Hand -->
<path d="M85,275 L120,285" fill="none" stroke="black" stroke-width="1.5"/> <!-- Broken sword -->
<path d="M120,285 L115,280 L125,280 Z" fill="black"/> <!-- Sword hilt -->
<!-- Flower -->
<path d="M125,280 V270" stroke="black" stroke-width="0.5"/>
<path d="M125,270 C120,268 123,262 125,265 C127,262 130,268 125,270 Z" fill="white" stroke="black" stroke-width="0.5"/>
</g>
</svg>
![]()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 450">
<defs>
<g id="triangle">
<path d="M0 0 L50 100 L-50 100 Z" fill="black"/>
</g>
</defs>
<rect x="0" y="0" width="1000" height="450" fill="#f0f0f0"/>
<!-- Light source (top center) -->
<circle cx="500" cy="50" r="30" fill="white"/>
<path d="M480 30 L520 30 L500 0 Z" fill="white"/>
<!-- Distorted horse -->
<path d="M400 150 L550 100 L600 200 L500 250 L450 200 Z" fill="black"/>
<path d="M480 180 L520 170 L530 190 L490 200 Z" fill="white"/> <!-- Eye -->
<path d="M490 190 L500 185 L510 190 Z" fill="black"/> <!-- Pupil -->
<path d="M500 250 L520 280 L540 260 L510 230 Z" fill="black"/> <!-- Head extension -->
<path d="M520 280 L500 300 L550 320 L570 290 Z" fill="black"/> <!-- Neck -->
<path d="M550 320 L600 350 L650 300 L600 280 Z" fill="black"/> <!-- Torso -->
<!-- Bull -->
<path d="M100 100 L250 50 L300 150 L200 200 Z" fill="black"/>
<path d="M200 200 L250 250 L150 280 L100 230 Z" fill="black"/> <!-- Body -->
<path d="M150 120 L180 100 L200 130 Z" fill="white"/> <!-- Eye -->
<path d="M170 115 L180 110 L190 115 Z" fill="black"/> <!-- Pupil -->
<path d="M250 50 L280 30 L300 70 Z" fill="black"/> <!-- Horn 1 -->
<path d="M200 40 L220 20 L240 60 Z" fill="black"/> <!-- Horn 2 -->
<!-- Mother with dead child -->
<path d="M0 250 L100 200 L150 300 L50 350 Z" fill="black"/> <!-- Body -->
<path d="M100 200 L120 180 L140 200 L110 210 Z" fill="white"/> <!-- Head -->
<path d="M115 190 L125 185 L135 190 Z" fill="black"/> <!-- Eye -->
<path d="M0 350 L30 400 L70 380 L20 360 Z" fill="black"/> <!-- Dead child -->
<path d="M20 365 L30 370 L40 365 Z" fill="white"/> <!-- Child's face -->
<!-- Warrior with broken sword -->
<path d="M700 300 L800 250 L850 350 L750 400 Z" fill="black"/> <!-- Torso -->
<path d="M780 260 L800 240 L820 260 L790 270 Z" fill="white"/> <!-- Head -->
<path d="M795 250 L805 245 L815 250 Z" fill="black"/> <!-- Eye -->
<path d="M850 350 L880 320 L900 370 L870 400 Z" fill="black"/> <!-- Arm -->
<path d="M880 320 L920 310 L900 300 Z" fill="black"/> <!-- Broken sword part 1 -->
<path d="M900 300 L930 290 L910 280 Z" fill="black"/> <!-- Broken sword part 2 -->
<!-- Woman with lamp -->
<path d="M900 0 L950 50 L980 0 L930 -50 Z" fill="black"/> <!-- Arm with lamp -->
<circle cx="950" cy="25" r="10" fill="white"/> <!-- Lamp light -->
<path d="M800 50 L850 100 L900 50 L850 0 Z" fill="black"/> <!-- Head -->
<path d="M840 40 L860 30 L880 40 Z" fill="white"/> <!-- Eye -->
<path d="M855 35 L865 30 L875 35 Z" fill="black"/> <!-- Pupil -->
<!-- Distorted figures in background -->
<path d="M300 0 L350 50 L400 0 L350 -50 Z" fill="black"/>
<path d="M600 0 L650 50 L700 0 L650 -50 Z" fill="black"/>
<path d="M0 0 L50 50 L100 0 L50 -50 Z" fill="black"/>
<!-- Architectural elements / jagged lines -->
<path d="M0 450 L1000 450 L1000 400 L900 420 L800 400 L700 420 L600 400 L500 420 L400 400 L300 420 L200 400 L100 420 L0 400 Z" fill="black"/>
<path d="M100 300 L150 280 L200 300 L150 320 Z" fill="black"/>
<path d="M700 100 L750 80 L800 100 L750 120 Z" fill="black"/>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 200" width="400" height="200">
<style>
.base { fill: #E0E0E0; stroke: black; stroke-width: 0.5; }
</style>
<rect width="400" height="200" fill="#E0E0E0"/>
<g fill="black">
<path d="M50,100 L80,50 Q100,30 120,50 L150,100 Z" opacity="0.8"/>
<path d="M180,30 Q200,10 220,30 L250,80 Q230,100 210,80 Z" opacity="0.7"/>
<polygon points="100,150 130,120 160,150 140,180" opacity="0.6"/>
<circle cx="220" cy="140" r="25" opacity="0.5"/>
<path d="M300,50 L330,30 Q350,40 340,60 L320,80 Z" opacity="0.7"/>
<path d="M50,180 L80,160 Q100,170 90,190 L70,200 Z" opacity="0.6"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 550">
<defs>
<g id="eye" fill="black" stroke="none">
<ellipse cx="0" cy="0" rx="5" ry="7"/>
</g>
</defs>
<!-- Background -->
<rect width="1200" height="550" fill="#e6e6e6"/>
<!-- Bull -->
<g transform="translate(100, 100)">
<path d="M0,0 Q30,-30 60,-10 Q80,-20 100,-5 L120,10 Q140,0 150,20 Q160,40 140,50 L120,60 Q100,70 80,60 Q60,80 40,70 Q20,60 0,70 Q-20,80 -40,60 Q-30,40 -20,20 Z" fill="#d9d9d9" stroke="black" stroke-width="2"/>
<path d="M80,-10 Q100,-30 120,-20 Q140,-30 150,-10 Q160,0 150,10 Q140,20 120,10 Q100,0 80,10 Z" fill="#d9d9d9" stroke="black" stroke-width="2"/>
<use href="#eye" transform="translate(130, 0)"/>
<path d="M-20,20 Q-10,0 10,10 Q20,20 10,30 Q0,40 -10,30 Z" fill="#d9d9d9" stroke="black" stroke-width="2"/>
<use href="#eye" transform="translate(0, 20)"/>
</g>
<!-- Horse -->
<g transform="translate(600, 200)">
<path d="M0,0 Q20,-40 50,-30 Q70,-50 100,-40 Q120,-60 150,-40 Q170,-30 180,-10 Q190,10 180,30 Q160,40 140,50 Q120,70 100,80 Q80,90 60,80 Q40,70 20,80 Q0,90 -20,80 Q-40,70 -50,50 Q-60,30 -40,10 Q-20,-10 0,0 Z" fill="#d9d9d9" stroke="black" stroke-width="2"/>
<path d="M140,50 L160,100 L140,150 L120,160 L100,150 L90,120 L100,80" fill="none" stroke="black" stroke-width="2"/>
<path d="M60,80 L40,120 L20,150 L0,160 L-20,150 L-30,120 L-20,80" fill="none" stroke="black" stroke-width="2"/>
<path d="M180,-10 L200,0 L210,20 L200,40 L180,30" fill="none" stroke="black" stroke-width="2"/>
<use href="#eye" transform="translate(160, 0)"/>
<path d="M160,0 L170,-10 L180,-5 L170,5 Z" fill="white" stroke="black" stroke-width="1"/>
<path d="M100,-40 L90,-60 L100,-80 L110,-60 Z" fill="none" stroke="black" stroke-width="2"/>
</g>
<!-- Fallen warrior -->
<g transform="translate(400, 350)">
<path d="M0,0 Q20,-10 40,0 Q60,10 80,0 Q100,-10 120,0 Q140,10 160,0 L180,20 L160,40 L140,50 L120,60 L100,50 L80,60 L60,50 L40,60 L20,50 L0,40 Z" fill="#d9d9d9" stroke="black" stroke-width="2"/>
<path d="M40,60 L20,100 L0,120 L-20,130" fill="none" stroke="black" stroke-width="2"/>
<path d="M120,60 L140,100 L160,120 L180,130" fill="none" stroke="black" stroke-width="2"/>
<path d="M80,60 L80,100 L70,130 L60,150" fill="none" stroke="black" stroke-width="2"/>
<use href="#eye" transform="translate(60, 20)"/>
<use href="#eye" transform="translate(120, 20)"/>
<path d="M80,30 L90,40 L80,50 L70,40 Z" fill="white" stroke="black" stroke-width="1"/>
</g>
<!-- Mother with dead child -->
<g transform="translate(250, 200)">
<path d="M0,0 Q20,-20 40,-10 Q60,-20 80,-10 Q100,-20 120,-10 Q140,-20 160,-10 Q180,0 160,20 Q140,30 120,20 Q100,30 80,20 Q60,30 40,20 Q20,30 0,20 Q-20,10 0,0 Z" fill="#d9d9d9" stroke="black" stroke-width="2"/>
<path d="M40,20 L20,60 L0,80 L-20,90" fill="none" stroke="black" stroke-width="2"/>
<path d="M120,20 L140,60 L160,80 L180,90" fill="none" stroke="black" stroke-width="2"/>
<use href="#eye" transform="translate(60, 0)"/>
<use href="#eye" transform="translate(100, 0)"/>
<path d="M80,10 L90,20 L80,30 L70,20 Z" fill="white" stroke="black" stroke-width="1"/>
<!-- Child -->
<path d="M60,40 Q70,30 80,40 Q90,50 80,60 Q70,70 60,60 Q50,50 60,40 Z" fill="#d9d9d9" stroke="black" stroke-width="2"/>
<path d="M60,60 L50,80 L40,90" fill="none" stroke="black" stroke-width="2"/>
<path d="M80,60 L90,80 L100,90" fill="none" stroke="black" stroke-width="2"/>
<use href="#eye" transform="translate(70, 50) scale(0.6)"/>
</g>
<!-- Woman running -->
<g transform="translate(800, 300)">
<path d="M0,0 Q10,-10 20,0 Q30,10 40,0 Q50,-10 60,0 Q70,10 60,20 Q50,30 40,20 Q30,30 20,20 Q10,30 0,20 Q-10,10 0,0 Z" fill="#d9d9d9" stroke="black" stroke-width="2"/>
<path d="M30,30 L20,60 L10,80 L0,100" fill="none" stroke="black" stroke-width="2"/>
<path d="M30,30 L40,60 L50,80 L60,100" fill="none" stroke="black" stroke-width="2"/>
<path d="M30,30 L10,40 L-10,50 L-30,60" fill="none" stroke="black" stroke-width="2"/>
<path d="M30,30 L50,40 L70,50 L90,60" fill="none" stroke="black" stroke-width="2"/>
<use href="#eye" transform="translate(20, 10) scale(0.8)"/>
<use href="#eye" transform="translate(40, 10) scale(0.8)"/>
<path d="M30,15 L35,20 L30,25 L25,20 Z" fill="white" stroke="black" stroke-width="1"/>
</g>
<!-- Light/lamp -->
<g transform="translate(600, 50)">
<ellipse cx="0" cy="0" rx="40" ry="20" fill="white" stroke="black" stroke-width="2"/>
<path d="M-30,0 L-40,0 M-20,10 L-25,15 M-10,15 L-10,20 M0,18 L0,25 M10,15 L10,20 M20,10 L25,15 M30,0 L40,0" stroke="black" stroke-width="2"/>
<path d="M0,0 L0,-40" stroke="black" stroke-width="2"/>
</g>
<!-- Woman with lamp -->
<g transform="translate(900, 150)">
<path d="M0,0 Q10,-10 20,0 Q30,10 40,0 Q50,-10 60,0 Q70,10 60,20 Q50,30 40,20 Q30,30 20,20 Q10,30 0,20 Q-10,10 0,0 Z" fill="#d9d9d9" stroke="black" stroke-width="2"/>
<path d="M30,30 L30,60 L20,90 L10,110" fill="none" stroke="black" stroke-width="2"/>
<path d="M30,30 L30,60 L40,90 L50,110" fill="none" stroke="black" stroke-width="2"/>
<path d="M30,40 L10,50 L-10,40 L-30,50" fill="none" stroke="black" stroke-width="2"/>
<path d="M30,40 L50,30 L70,40 L90,30" fill="none" stroke="black" stroke-width="2"/>
<use href="#eye" transform="translate(20, 10) scale(0.8)"/>
<use href="#eye" transform="translate(40, 10) scale(0.8)"/>
<!-- Lamp -->
<ellipse cx="90" cy="30" rx="15" ry="10" fill="white" stroke="black" stroke-width="2"/>
<path d="M85,30 L83,32 M90,35 L90,38 M95,30 L97,32" stroke="black" stroke-width="1"/>
</g>
<!-- Architectural elements -->
<g>
<rect x="0" y="0" width="1200" height="550" fill="none" stroke="black" stroke-width="3"/>
<path d="M50,50 L50,500 M1150,50 L1150,500" stroke="black" stroke-width="2"/>
<path d="M200,50 L200,150 M400,50 L400,150 M600,50 L600,150 M800,50 L800,150 M1000,50 L1000,150" stroke="black" stroke-width="1"/>
</g>
<!-- Additional figures and details -->
<g transform="translate(500, 450)">
<path d="M0,0 Q10,-10 20,0 Q30,10 20,20 Q10,30 0,20 Q-10,10 0,0 Z" fill="#d9d9d9" stroke="black" stroke-width="2"/>
<path d="M10,30 L10,60 L0,80" fill="none" stroke="black" stroke-width="2"/>
<path d="M10,30 L20,60 L30,80" fill="none" stroke="black" stroke-width="2"/>
<use href="#eye" transform="translate(10, 10) scale(0.6)"/>
</g>
<g transform="translate(700, 450)">
<path d="M0,0 Q10,-10 20,0 Q30,10 20,20 Q10,30 0,20 Q-10,10 0,0 Z" fill="#d9d9d9" stroke="black" stroke-width="2"/>
<path d="M10,30 L0,60 L-10,80" fill="none" stroke="black" stroke-width="2"/>
<path d="M10,30 L20,60 L30,80" fill="none" stroke="black" stroke-width="2"/>
<use href="#eye" transform="translate(10, 10) scale(0.6)"/>
</g>
<!-- Spears and angular elements -->
<g>
<path d="M300,100 L350,300 M320,100 L370,300 M340,100 L390,300" stroke="black" stroke-width="1"/>
<path d="M850,100 L800,300 M870,100 L820,300 M890,100 L840,300" stroke="black" stroke-width="1"/>
<path d="M200,200 L250,250 L200,300 M1000,200 L950,250 L1000,300" stroke="black" stroke-width="1"/>
</g>
<!-- Cubist geometric elements -->
<g fill="none" stroke="black" stroke-width="1">
<polygon points="100,400 150,380 200,400 150,420"/>
<polygon points="900,400 950,380 1000,400 950,420"/>
<polygon points="450,100 500,80 550,100 500,120"/>
<polygon points="650,100 700,80 750,100 700,120"/>
<path d="M300,350 L320,330 L350,340 L340,370 Z"/>
<path d="M800,350 L780,330 L750,340 L760,370 Z"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 360">
<defs>
<g id="eye">
<ellipse cx="0" cy="0" rx="8" ry="6" fill="white" stroke="black" stroke-width="2"/>
<circle cx="0" cy="0" r="3" fill="black"/>
</g>
</defs>
<!-- Background -->
<rect width="800" height="360" fill="#f5f5f5"/>
<!-- Bull on left -->
<g transform="translate(80,180)">
<!-- Bull body -->
<path d="M0,0 Q-20,-30 -40,-20 Q-60,-10 -50,20 Q-30,40 0,30 Z" fill="white" stroke="black" stroke-width="2"/>
<!-- Bull head -->
<path d="M-40,-20 Q-70,-40 -80,-10 Q-75,10 -50,0 Z" fill="white" stroke="black" stroke-width="2"/>
<!-- Bull horns -->
<path d="M-75,-25 L-85,-45 M-65,-30 L-70,-50" stroke="black" stroke-width="3" fill="none"/>
<!-- Bull tail -->
<path d="M0,30 Q20,35 25,50" stroke="black" stroke-width="2" fill="none"/>
<!-- Bull eye -->
<use href="#eye" transform="translate(-60,-15)"/>
<!-- Bull legs -->
<rect x="-45" y="30" width="4" height="20" fill="black"/>
<rect x="-25" y="30" width="4" height="20" fill="black"/>
<rect x="-15" y="30" width="4" height="20" fill="black"/>
<rect x="5" y="30" width="4" height="20" fill="black"/>
</g>
<!-- Horse in center -->
<g transform="translate(400,200)">
<!-- Horse body -->
<path d="M0,0 Q-40,-20 -80,0 Q-90,30 -60,50 Q-20,60 20,40 Q40,20 30,-10 Q10,-25 0,0 Z" fill="white" stroke="black" stroke-width="2"/>
<!-- Horse head -->
<path d="M30,-10 Q60,-30 80,-5 Q85,15 70,25 Q50,30 30,20 Z" fill="white" stroke="black" stroke-width="2"/>
<!-- Horse mane -->
<path d="M30,-10 Q35,-35 45,-40 Q55,-35 50,-20" fill="black"/>
<!-- Horse neck -->
<path d="M30,-10 L30,20 L50,30 L70,25 Q50,30 30,20 Z" fill="white" stroke="black" stroke-width="2"/>
<!-- Horse eye -->
<use href="#eye" transform="translate(55,5)"/>
<!-- Horse nostrils -->
<ellipse cx="75" cy="15" rx="2" ry="3" fill="black"/>
<!-- Horse legs -->
<rect x="-70" y="50" width="6" height="25" fill="black"/>
<rect x="-40" y="50" width="6" height="25" fill="black"/>
<rect x="-10" y="40" width="6" height="35" fill="black"/>
<rect x="15" y="40" width="6" height="35" fill="black"/>
<!-- Spear through horse -->
<path d="M20,-30 L30,60" stroke="black" stroke-width="4"/>
<path d="M15,-35 L25,-25 L20,-30 Z" fill="black"/>
</g>
<!-- Light bulb/eye above -->
<g transform="translate(400,80)">
<circle cx="0" cy="0" r="25" fill="white" stroke="black" stroke-width="3"/>
<use href="#eye" transform="scale(1.5)"/>
<!-- Light rays -->
<g stroke="black" stroke-width="2">
<line x1="0" y1="-35" x2="0" y2="-45"/>
<line x1="25" y1="-25" x2="35" y2="-35"/>
<line x1="35" y1="0" x2="45" y2="0"/>
<line x1="25" y1="25" x2="35" y2="35"/>
<line x1="0" y1="35" x2="0" y2="45"/>
<line x1="-25" y1="25" x2="-35" y2="35"/>
<line x1="-35" y1="0" x2="-45" y2="0"/>
<line x1="-25" y1="-25" x2="-35" y2="-35"/>
</g>
</g>
<!-- Woman with child on left -->
<g transform="translate(150,120)">
<!-- Woman's head -->
<path d="M0,0 Q-15,-20 -30,-10 Q-35,5 -25,20 Q-10,25 5,15 Q10,0 0,0 Z" fill="white" stroke="black" stroke-width="2"/>
<!-- Woman's body -->
<path d="M-10,20 Q-20,40 -15,80 Q-5,100 10,90 Q20,70 15,50 Q10,30 0,25 Z" fill="white" stroke="black" stroke-width="2"/>
<!-- Child in arms -->
<ellipse cx="-5" cy="50" rx="8" ry="12" fill="white" stroke="black" stroke-width="2"/>
<!-- Woman's eye -->
<use href="#eye" transform="translate(-15,5)"/>
<!-- Mouth open in anguish -->
<ellipse cx="-10" cy="10" rx="4" ry="6" fill="black"/>
<!-- Arms -->
<path d="M-15,30 Q-30,35 -35,50 Q-30,55 -20,50 Z" fill="white" stroke="black" stroke-width="2"/>
<path d="M5,30 Q15,40 10,55 Q5,60 -5,50 Z" fill="white" stroke="black" stroke-width="2"/>
</g>
<!-- Wounded man bottom center -->
<g transform="translate(350,280)">
<!-- Head -->
<path d="M0,0 Q-10,-15 -20,-5 Q-25,5 -15,15 Q-5,20 5,10 Q10,-5 0,0 Z" fill="white" stroke="black" stroke-width="2"/>
<!-- Body lying down -->
<path d="M-5,15 Q-10,25 -20,30 Q-40,35 -60,30 Q-70,25 -65,40 Q-50,45 -30,40 Q-10,35 5,30 Z" fill="white" stroke="black" stroke-width="2"/>
<!-- Severed arm -->
<path d="M-60,30 Q-80,25 -90,35 Q-85,45 -70,40 Z" fill="white" stroke="black" stroke-width="2"/>
<!-- Hand holding broken sword -->
<path d="M-85,35 L-95,30 L-100,35 L-90,40 Z" fill="white" stroke="black" stroke-width="2"/>
<path d="M-95,32 L-110,28 L-108,35 L-98,38 Z" fill="gray" stroke="black" stroke-width="1"/>
<!-- Eye -->
<use href="#eye" transform="translate(-10,5)"/>
<!-- Legs -->
<rect x="-20" y="35" width="8" height="20" fill="white" stroke="black" stroke-width="2"/>
<rect x="-5" y="35" width="8" height="20" fill="white" stroke="black" stroke-width="2"/>
</g>
<!-- Woman with lamp on right -->
<g transform="translate(650,150)">
<!-- Head -->
<path d="M0,0 Q-12,-18 -25,-8 Q-30,8 -18,22 Q-8,28 8,18 Q15,2 0,0 Z" fill="white" stroke="black" stroke-width="2"/>
<!-- Body -->
<path d="M-8,20 Q-15,35 -10,70 Q0,90 15,85 Q25,65 20,45 Q15,25 5,22 Z" fill="white" stroke="black" stroke-width="2"/>
<!-- Arm holding lamp -->
<path d="M-18,25 Q-35,20 -45,30 Q-50,40 -40,45 Q-25,40 -15,35 Z" fill="white" stroke="black" stroke-width="2"/>
<!-- Lamp -->
<ellipse cx="-45" cy="25" rx="8" ry="5" fill="yellow" stroke="black" stroke-width="2"/>
<rect x="-50" y="20" width="10" height="3" fill="black"/>
<!-- Flame -->
<path d="M-45,15 Q-42,10 -45,5 Q-48,10 -45,15 Z" fill="orange"/>
<!-- Eye -->
<use href="#eye" transform="translate(-12,8)"/>
<!-- Other arm -->
<path d="M8,25 Q20,30 25,45 Q20,50 10,45 Q5,35 0,30 Z" fill="white" stroke="black" stroke-width="2"/>
</g>
<!-- Woman fleeing on far right -->
<g transform="translate(720,200)">
<!-- Head tilted back -->
<path d="M0,0 Q-8,-15 -18,-8 Q-22,5 -15,18 Q-8,22 5,15 Q12,2 0,0 Z" fill="white" stroke="black" stroke-width="2"/>
<!-- Body leaning -->
<path d="M-5,15 Q-12,30 -8,60 Q2,80 18,75 Q28,55 22,35 Q18,20 8,18 Z" fill="white" stroke="black" stroke-width="2"/>
<!-- Arms raised -->
<path d="M-8,20 Q-20,15 -25,5 Q-20,0 -12,8 Z" fill="white" stroke="black" stroke-width="2"/>
<path d="M8,20 Q18,10 25,5 Q30,10 22,18 Z" fill="white" stroke="black" stroke-width="2"/>
<!-- Eye -->
<use href="#eye" transform="translate(-8,5)"/>
<!-- Legs running -->
<path d="M-5,75 Q-10,85 -5,95 Q0,90 5,85 Z" fill="white" stroke="black" stroke-width="2"/>
<path d="M15,75 Q20,90 25,95 Q30,85 22,80 Z" fill="white" stroke="black" stroke-width="2"/>
</g>
<!-- Geometric fragments and angular shapes -->
<g fill="none" stroke="black" stroke-width="2">
<!-- Angular fragments scattered throughout -->
<path d="M100,50 L120,30 L140,60 L110,70 Z"/>
<path d="M500,120 L520,100 L540,130 L510,140 Z"/>
<path d="M600,250 L630,240 L620,270 L590,265 Z"/>
<path d="M200,300 L230,290 L225,320 L195,315 Z"/>
<path d="M450,300 L480,285 L475,315 L445,320 Z"/>
</g>
<!-- Cubist fragmentation lines -->
<g stroke="black" stroke-width="1" opacity="0.7">
<line x1="0" y1="100" x2="800" y2="120"/>
<line x1="0" y1="200" x2="800" y2="180"/>
<line x1="0" y1="280" x2="800" y2="300"/>
<line x1="150" y1="0" x2="170" y2="360"/>
<line x1="350" y1="0" x2="330" y2="360"/>
<line x1="550" y1="0" x2="570" y2="360"/>
<line x1="680" y1="0" x2="700" y2="360"/>
</g>
</svg>
![]()
The Persistence of Memory
Salvador Dalí · 9 model results
View chronologyClose
The Persistence of Memory
Salvador Dalí · 9 model results
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1000 600" width="1000" height="600">
<defs>
<linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#b6e0ff"/>
<stop offset="60%" stop-color="#e3d6bf"/>
<stop offset="100%" stop-color="#f2c89a"/>
</linearGradient>
<linearGradient id="sandGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#f0c889"/>
<stop offset="60%" stop-color="#d9b36a"/>
<stop offset="100%" stop-color="#b8834e"/>
</linearGradient>
<linearGradient id="waterGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#78c6ee"/>
<stop offset="100%" stop-color="#4a8fbf"/>
</linearGradient>
<linearGradient id="rockGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#e0d0b4"/>
<stop offset="100%" stop-color="#b89e74"/>
</linearGradient>
<radialGradient id="sunGlow" cx="60%" cy="15%" r="60%">
<stop offset="0%" stop-color="#ffea9b" stop-opacity="0.95"/>
<stop offset="100%" stop-color="#ffea9b" stop-opacity="0"/>
</radialGradient>
<radialGradient id="clockFace" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#fffbd3"/>
<stop offset="100%" stop-color="#fff0b8"/>
</radialGradient>
<path id="dune1" d="M0,330 C170,295 320,320 520,310 C720,300 900,320 1000,330 L1000,600 L0,600 Z" fill="url(#sandGrad)"/>
<path id="dune2" d="M0,360 C160,340 320,370 520,360 C700,340 880,355 1000,360 L1000,600 L0,600 Z" fill="url(#sandGrad)"/>
<g id="clockTemplate1" transform="translate(0,0)">
<ellipse cx="0" cy="0" rx="36" ry="36" fill="url(#clockFace)" stroke="#2b2b2b" stroke-width="2"/>
<line x1="0" y1="0" x2="0" y2="-22" stroke="#2b2b2b" stroke-width="3"/>
<line x1="0" y1="0" x2="20" y2="0" stroke="#2b2b2b" stroke-width="3"/>
<circle cx="0" cy="0" r="4" fill="#2b2b2b" />
</g>
<g id="clockTemplate2" transform="translate(0,0)">
<ellipse cx="0" cy="0" rx="28" ry="28" fill="url(#clockFace)" stroke="#2b2b2b" stroke-width="2"/>
<line x1="0" y1="0" x2="0" y2="-16" stroke="#2b2b2b" stroke-width="3" />
<line x1="0" y1="0" x2="16" y2="0" stroke="#2b2b2b" stroke-width="3" />
<circle cx="0" cy="0" r="3" fill="#2b2b2b" />
</g>
<g id="clockTemplate3" transform="translate(0,0)">
<ellipse cx="0" cy="0" rx="46" ry="46" fill="url(#clockFace)" stroke="#2b2b2b" stroke-width="2"/>
<line x1="0" y1="0" x2="0" y2="-28" stroke="#2b2b2b" stroke-width="3" />
<line x1="0" y1="0" x2="22" y2="0" stroke="#2b2b2b" stroke-width="3" />
<circle cx="0" cy="0" r="4" fill="#2b2b2b" />
</g>
</defs>
<rect width="100%" height="100%" fill="url(#sky)"/>
<circle cx="820" cy="110" r="90" fill="url(#sunGlow)"/>
<use href="#dune1" />
<use href="#dune2" />
<path d="M0,420 C180,420 350,415 520,422 C700,430 820,435 1000,430 L1000,600 L0,600 Z" fill="url(#waterGrad)"/>
<rect x="0" y="418" width="1000" height="6" fill="white" opacity="0.25"/>
<use href="#clockTemplate1" transform="translate(180,470) rotate(-6)"/>
<use href="#clockTemplate2" transform="translate(360,490) rotate(8)"/>
<use href="#clockTemplate3" transform="translate(520,460) rotate(-2)"/>
<path d="M600,360 C640,350 700,360 720,380 C750,410 720,440 680,450 C620,470 560,430 580,400 Z" fill="url(#rockGrad)" opacity="0.9"/>
<path d="M140,440 C180,420 210,420 250,435 C270,450 150,490 110,480 C90,471 110,450 140,440 Z" fill="url(#rockGrad)" />
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1368 1000" width="1368" height="1000" preserveAspectRatio="xMidYMid meet">
<defs>
<linearGradient id="skyGradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="0" stop-color="#0b2b59"/>
<stop offset="0.45" stop-color="#2b5d9a"/>
<stop offset="0.72" stop-color="#7aa6d6"/>
<stop offset="1" stop-color="#f7c98a"/>
</linearGradient>
<radialGradient id="sunGlow" cx="0.25" cy="0.2" r="0.5">
<stop offset="0" stop-color="#fff9e6" stop-opacity="0.95"/>
<stop offset="0.25" stop-color="#ffefb8" stop-opacity="0.8"/>
<stop offset="1" stop-color="#ffd28a" stop-opacity="0.0"/>
</radialGradient>
<linearGradient id="seaGradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="0" stop-color="#2b6aa0"/>
<stop offset="1" stop-color="#84b6dd"/>
</linearGradient>
<linearGradient id="cliffGrad" x1="0" x2="1" y1="0" y2="1">
<stop offset="0" stop-color="#c9873a"/>
<stop offset="1" stop-color="#6f4020"/>
</linearGradient>
<linearGradient id="stoneGrad" x1="0" x2="1">
<stop offset="0" stop-color="#6d7e8a"/>
<stop offset="1" stop-color="#2e3b45"/>
</linearGradient>
<linearGradient id="clockFace" x1="0" x2="1">
<stop offset="0" stop-color="#fff9f0"/>
<stop offset="1" stop-color="#f1e2c6"/>
</linearGradient>
<radialGradient id="metal" cx="0.3" cy="0.3" r="0.9">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="0.3" stop-color="#f3f3f5"/>
<stop offset="1" stop-color="#c0c3c8"/>
</radialGradient>
<linearGradient id="blueCloth" x1="0" x2="1">
<stop offset="0" stop-color="#a7c6df"/>
<stop offset="1" stop-color="#2b6aa0"/>
</linearGradient>
<pattern id="sandTexture" width="14" height="14" patternUnits="userSpaceOnUse">
<rect width="14" height="14" fill="transparent"/>
<path d="M0 10 L6 6 M4 14 L10 10 M8 2 L14 0" stroke="#d1b68e" stroke-opacity="0.18" stroke-width="1"/>
<circle cx="3" cy="3" r="0.6" fill="#caa97a" opacity="0.12"/>
<circle cx="11" cy="9" r="0.8" fill="#caa97a" opacity="0.1"/>
</pattern>
<filter id="softShadow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="18" result="blur"/>
<feOffset dx="0" dy="20" result="off"/>
<feColorMatrix in="off" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.45 0" result="shadow"/>
<feBlend in="shadow" in2="SourceGraphic" mode="normal"/>
</filter>
<filter id="softBlur" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="6" />
</filter>
<g id="clockTicks">
<g transform="translate(0,0)">
<g stroke="#4b3d2f" stroke-width="2" stroke-linecap="round">
<path d="M200 100 L200 118" transform="translate(-200,-100) rotate(0 200 100)"/>
<path d="M200 100 L200 118" transform="translate(-200,-100) rotate(30 200 100)"/>
<path d="M200 100 L200 118" transform="translate(-200,-100) rotate(60 200 100)"/>
<path d="M200 100 L200 118" transform="translate(-200,-100) rotate(90 200 100)"/>
<path d="M200 100 L200 118" transform="translate(-200,-100) rotate(120 200 100)"/>
<path d="M200 100 L200 118" transform="translate(-200,-100) rotate(150 200 100)"/>
<path d="M200 100 L200 118" transform="translate(-200,-100) rotate(180 200 100)"/>
<path d="M200 100 L200 118" transform="translate(-200,-100) rotate(210 200 100)"/>
<path d="M200 100 L200 118" transform="translate(-200,-100) rotate(240 200 100)"/>
<path d="M200 100 L200 118" transform="translate(-200,-100) rotate(270 200 100)"/>
<path d="M200 100 L200 118" transform="translate(-200,-100) rotate(300 200 100)"/>
<path d="M200 100 L200 118" transform="translate(-200,-100) rotate(330 200 100)"/>
</g>
</g>
</g>
</defs>
<g id="background">
<rect x="0" y="0" width="1368" height="1000" fill="url(#skyGradient)"/>
<ellipse cx="340" cy="220" rx="360" ry="120" fill="url(#sunGlow)" opacity="0.9"/>
<rect x="0" y="360" width="1368" height="260" fill="url(#seaGradient)" />
<rect x="0" y="620" width="1368" height="380" fill="#d9c59e"/>
<line x1="0" y1="360" x2="1368" y2="360" stroke="#fbe9b7" stroke-width="2" opacity="0.45"/>
</g>
<g id="distant-cliffs">
<path d="M910 360 C970 340, 1030 340, 1100 360 C1170 380, 1260 420, 1368 460 L1368 1000 L900 1000 Z"
fill="url(#cliffGrad)"/>
<path d="M980 360 C1035 360, 1100 400, 1200 460" fill="none" stroke="#472d18" stroke-opacity="0.18" stroke-width="6"/>
</g>
<g id="ground" transform="">
<path d="M0 620 C80 560, 220 560, 280 596 C380 652, 480 660, 620 654 C760 648, 860 708, 980 707 C1100 706, 1220 650, 1368 700 L1368 1000 L0 1000 Z"
fill="#dcbf8e"/>
<rect x="0" y="620" width="1368" height="380" fill="url(#sandTexture)" opacity="0.6"/>
</g>
<g id="left-platform">
<path d="M120 520 L420 520 L380 590 L140 590 Z" fill="url(#stoneGrad)"/>
<path d="M120 520 L420 520 L360 480 L140 480 Z" fill="#3b4b54" opacity="0.06"/>
<rect x="140" y="485" width="220" height="35" fill="#42545a" opacity="0.12"/>
<path d="M140 485 L360 485 L420 520 L380 520 Z" fill="#2b3a40" opacity="0.07"/>
<ellipse cx="270" cy="598" rx="160" ry="40" fill="#b5976f" opacity="0.14" />
</g>
<g id="dead-tree" transform="translate(360,460)">
<path d="M0 0 C-20 -10, -30 -60, -10 -90 C10 -110, 40 -120, 80 -110 C110 -102, 150 -80, 180 -70"
stroke="#3b2b20" stroke-width="8" stroke-linecap="round" fill="none"/>
<path d="M80 -110 C110 -130, 140 -160, 170 -170" stroke="#3b2b20" stroke-width="6" stroke-linecap="round" fill="none" opacity="0.95"/>
<path d="M40 -60 C20 -80, 0 -100, -20 -120" stroke="#3b2b20" stroke-width="5" stroke-linecap="round" fill="none" opacity="0.9"/>
</g>
<g id="soft-figure" transform="translate(560,600)">
<path d="M0 -120 C80 -140, 200 -40, 220 0 C240 40, 220 120, 120 140 C30 158, -40 130, -80 100 C-120 70, -60 -30, 0 -60 Z"
fill="#c9a87b" stroke="#8d6b4b" stroke-width="2"/>
<ellipse cx="90" cy="40" rx="48" ry="22" fill="#e5c9a3" opacity="0.9" transform="rotate(-18 90 40)"/>
<path d="M30 -20 C50 -10, 80 -18, 108 -28" stroke="#3a2c26" stroke-width="3" stroke-linecap="round" fill="none" opacity="0.9" transform="rotate(4 30 -20)"/>
<path d="M40 -10 C70 -2, 92 -6, 110 -22" stroke="#3a2c26" stroke-width="2.2" stroke-linecap="round" fill="none" opacity="0.85" transform="rotate(6 40 -10)"/>
<path d="M20 -30 Q45 -40, 72 -30" stroke="#2b1d16" stroke-width="4" stroke-linecap="round" fill="none"/>
<path d="M0 -30 L30 -30" stroke="#2b1d16" stroke-width="3" stroke-linecap="round" opacity="0.6"/>
</g>
<g id="melting-clock-center" transform="translate(580,585)">
<path d="M-120 -70 C-70 -130, 40 -120, 90 -70 C120 -40, 110 -10, 80 10 C40 40, 0 56, -30 76 C-55 92, -40 36, -80 30 C-110 24, -140 4, -150 -20 C-156 -36, -146 -52, -130 -62 Z"
fill="url(#clockFace)" stroke="#7b5b3d" stroke-width="4"/>
<path d="M-120 -70 C-70 -130, 40 -120, 90 -70 C120 -40, 110 -10, 80 10 C40 40, 0 56, -30 76 C-55 92, -40 36, -80 30 C-110 24, -140 4, -150 -20 C-156 -36, -146 -52, -130 -62 Z"
fill="none" stroke="#5a4231" stroke-width="1" opacity="0.7"/>
<g transform="translate(-10,0) scale(0.6)">
<use href="#clockTicks" />
</g>
<path d="M12 22 L36 40" stroke="#5b3b2a" stroke-width="4" stroke-linecap="round"/>
<path d="M16 18 L44 10" stroke="#5b3b2a" stroke-width="3" stroke-linecap="round"/>
<ellipse cx="50" cy="70" rx="70" ry="22" fill="#3f2e24" opacity="0.25" filter="url(#softBlur)"/>
</g>
<g id="clock-on-platform" transform="translate(240,510)">
<path d="M-90 -30 C-60 -84, 50 -80, 90 -40 C120 -8, 108 14, 88 28 C60 46, 8 72, -20 60 C-54 46, -24 18, -64 10 C-100 4, -110 -6, -90 -30 Z"
fill="url(#blueCloth)" stroke="#2a4b63" stroke-width="3"/>
<path d="M-14 2 C6 -6, 26 -4, 44 4" stroke="#dbeaf4" stroke-width="2" stroke-linecap="round"/>
<g transform="translate(10,-6) scale(0.48)">
<use href="#clockTicks" />
</g>
<ellipse cx="-10" cy="80" rx="120" ry="26" fill="#000" opacity="0.08" filter="url(#softBlur)"/>
</g>
<g id="hanging-clock" transform="translate(420,430)">
<path d="M0 0 C40 -30, 90 -38, 136 -12 C172 12, 150 36, 126 56 C90 92, 48 86, 12 70 C-28 52, -10 34, -52 20 C-86 8, -50 -10, 0 0 Z"
fill="url(#clockFace)" stroke="#7b5b3d" stroke-width="3" transform="rotate(-18)"/>
<path d="M-8 -22 L12 -42" stroke="#3e2f28" stroke-width="4" stroke-linecap="round" transform="rotate(-18)"/>
<g transform="translate(-35,-14) scale(0.36) rotate(-18)">
<use href="#clockTicks" />
</g>
<line x1="-14" y1="-38" x2="-8" y2="-10" stroke="#3e2f28" stroke-width="4" stroke-linecap="round" opacity="0.9" transform="rotate(-18)"/>
<ellipse cx="18" cy="66" rx="100" ry="22" fill="#000" opacity="0.08" transform="rotate(-18)" filter="url(#softBlur)"/>
</g>
<g id="pocket-watch" transform="translate(180,640)">
<path d="M0 -26 A58 58 0 1 1 -0.1 -26 Z" fill="url(#metal)" stroke="#5b4b3f" stroke-width="4"/>
<circle cx="8" cy="-26" r="4" fill="#cda76f" stroke="#8a6a46" stroke-width="2"/>
<g transform="translate(0,-26) scale(0.35)">
<use href="#clockTicks" />
</g>
<ellipse cx="0" cy="36" rx="140" ry="30" fill="#000" opacity="0.09" filter="url(#softBlur)"/>
</g>
<g id="ants" transform="translate(120,620)" fill="#231815">
<circle cx="220" cy="38" r="3.5"/>
<circle cx="226" cy="42" r="3.2"/>
<circle cx="232" cy="36" r="2.8"/>
<path d="M214 30 C210 34, 208 40, 214 44" stroke="#231815" stroke-width="2" fill="none" stroke-linecap="round"/>
<circle cx="160" cy="48" r="3.2"/>
<circle cx="150" cy="46" r="3.0"/>
<circle cx="140" cy="44" r="2.6"/>
</g>
<g id="small-details">
<path d="M720 740 C760 710, 820 700, 900 720" stroke="#2b1d16" stroke-opacity="0.06" stroke-width="6" fill="none"/>
<path d="M320 760 C360 720, 420 700, 520 720" stroke="#2b1d16" stroke-opacity="0.05" stroke-width="5" fill="none"/>
</g>
<g id="shadows" filter="url(#softShadow)">
<ellipse cx="620" cy="700" rx="240" ry="50" fill="#000" opacity="0.18"/>
<ellipse cx="260" cy="700" rx="140" ry="28" fill="#000" opacity="0.16"/>
<ellipse cx="420" cy="680" rx="70" ry="18" fill="#000" opacity="0.14"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 330 240">
<defs>
<linearGradient id="gSky" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#1a3f6b"/>
<stop offset="55%" stop-color="#6ea0c8"/>
<stop offset="85%" stop-color="#f0dba2"/>
<stop offset="100%" stop-color="#f8e9b9"/>
</linearGradient>
<linearGradient id="gSea" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#1c4e7e"/>
<stop offset="60%" stop-color="#1e5e8f"/>
<stop offset="100%" stop-color="#2e7aa3"/>
</linearGradient>
<linearGradient id="gSand" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#e6c47a"/>
<stop offset="40%" stop-color="#d2a85f"/>
<stop offset="80%" stop-color="#b9833f"/>
<stop offset="100%" stop-color="#996532"/>
</linearGradient>
<linearGradient id="gCliff" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#ffd488"/>
<stop offset="60%" stop-color="#e6a04a"/>
<stop offset="100%" stop-color="#b56a2f"/>
</linearGradient>
<linearGradient id="gStoneTop" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#c8c3b2"/>
<stop offset="100%" stop-color="#e7e1cf"/>
</linearGradient>
<linearGradient id="gStoneFront" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#b4ae9a"/>
<stop offset="100%" stop-color="#8a8576"/>
</linearGradient>
<linearGradient id="gStoneSide" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#a29b89"/>
<stop offset="100%" stop-color="#6e6758"/>
</linearGradient>
<linearGradient id="gWatchFace" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#e8f2fb"/>
<stop offset="60%" stop-color="#cfe3f6"/>
<stop offset="100%" stop-color="#b9d5ef"/>
</linearGradient>
<linearGradient id="gMetal" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#cfd4d7"/>
<stop offset="50%" stop-color="#f4f7f8"/>
<stop offset="100%" stop-color="#acb2b6"/>
</linearGradient>
<linearGradient id="gGold" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#f5d27a"/>
<stop offset="50%" stop-color="#e0a938"/>
<stop offset="100%" stop-color="#b77b1e"/>
</linearGradient>
<radialGradient id="gHighlight" cx="50%" cy="30%" r="70%">
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.7"/>
<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
</radialGradient>
<filter id="fShadow" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur in="SourceAlpha" stdDeviation="2"/>
<feOffset dx="1" dy="2" result="off"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.35"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<g id="ant">
<ellipse cx="0" cy="0" rx="1.6" ry="1.2" fill="#26221b"/>
<ellipse cx="2.6" cy="0" rx="1.2" ry="1" fill="#26221b"/>
<ellipse cx="-2.2" cy="0" rx="1.2" ry="1" fill="#26221b"/>
<path d="M-3.2,-0.3 L-5,-1.6 M-3.2,0.3 L-5,1.6 M-1,0 L-3,1.8 M-1,0 L-3,-1.8 M2.6,0 L4.6,1.6 M2.6,0 L4.6,-1.6" stroke="#26221b" stroke-width="0.4" fill="none" stroke-linecap="round"/>
<circle cx="4.1" cy="0" r="0.3" fill="#26221b"/>
<circle cx="4.6" cy="0" r="0.2" fill="#26221b"/>
</g>
<g id="fly">
<ellipse cx="0" cy="0" rx="1.2" ry="0.9" fill="#2a2a2a"/>
<ellipse cx="-0.7" cy="-0.2" rx="1.3" ry="0.7" fill="#dfe7f2" opacity="0.75"/>
<ellipse cx="0.7" cy="-0.2" rx="1.3" ry="0.7" fill="#dfe7f2" opacity="0.75"/>
<circle cx="-1.3" cy="0" r="0.35" fill="#1c1c1c"/>
<line x1="0" y1="0.9" x2="0" y2="2.5" stroke="#1c1c1c" stroke-width="0.25"/>
</g>
</defs>
<g id="background">
<rect x="0" y="0" width="330" height="120" fill="url(#gSky)"/>
<rect x="0" y="95" width="330" height="30" fill="url(#gSea)"/>
<path d="M0,100 C30,97 60,99 90,98 C120,97 150,99 180,98 C210,97 240,99 270,98 C300,97 330,100 330,100 L330,125 L0,125 Z" fill="rgba(255,255,255,0.12)"/>
<g id="cliffs">
<path d="M214,86 C236,70 268,66 288,72 C303,76 312,83 330,84 L330,126 L210,126 C208,108 206,96 214,86 Z" fill="url(#gCliff)"/>
<path d="M252,84 C262,79 281,79 292,82 C300,84 309,88 316,92" fill="none" stroke="#8e5b2f" stroke-opacity="0.5" stroke-width="1.2"/>
<path d="M222,91 C227,88 236,85 244,84" fill="none" stroke="#f6d099" stroke-opacity="0.7" stroke-width="1.6"/>
</g>
<rect x="0" y="120" width="330" height="120" fill="url(#gSand)"/>
</g>
<g id="platform" filter="url(#fShadow)">
<polygon points="50,120 130,120 120,140 40,140" fill="url(#gStoneTop)"/>
<polygon points="40,140 120,140 120,205 40,205" fill="url(#gStoneFront)"/>
<polygon points="130,120 130,190 120,205 120,140" fill="url(#gStoneSide)"/>
</g>
<g id="deadTree" filter="url(#fShadow)">
<path d="M62,120 C60,108 57,92 59,76 C60,66 65,56 72,52 C76,49 85,48 88,50 C90,52 89,56 84,58 C80,60 77,64 75,70 C72,79 72,90 72,90 C83,78 95,74 105,72 C118,70 129,70 135,73 C138,75 139,78 138,81 C136,86 129,86 124,86 C114,86 93,95 78,108 L72,113 Z" fill="#6f4f31" stroke="#5b3f26" stroke-width="1.2"/>
<path d="M74,110 C92,96 109,88 122,86 C128,85 134,85 136,88" fill="none" stroke="#3e2b1a" stroke-width="1.2" stroke-linecap="round"/>
</g>
<g id="watchBranch" filter="url(#fShadow)">
<path d="M106,76 C120,78 132,83 142,90 C148,94 152,100 153,106 C154,112 151,118 145,120 C139,121 134,117 130,112 C128,110 126,106 122,106 C118,106 115,110 112,113 C108,116 102,118 96,116 C90,114 86,109 84,104 C82,99 84,94 88,90 C93,85 98,79 106,76 Z" fill="url(#gWatchFace)" stroke="#5c7a8e" stroke-width="1.2"/>
<path d="M106,75.5 C120,78 133,83 143,90 C149,94 153,101 154,106 C155,112 153,118 147,121" fill="none" stroke="url(#gMetal)" stroke-width="3.2" stroke-linecap="round" opacity="0.9"/>
<circle cx="112.5" cy="96" r="1.8" fill="#1f2b33"/>
<line x1="112.5" y1="96" x2="129" y2="101" stroke="#1f2b33" stroke-width="1.2" stroke-linecap="round"/>
<line x1="112.5" y1="96" x2="104" y2="86" stroke="#1f2b33" stroke-width="0.9" stroke-linecap="round"/>
<g font-family="Georgia, 'Times New Roman', serif" font-size="6" fill="#1a1a1a">
<text x="121" y="92">12</text>
<text x="132" y="98">1</text>
<text x="139" y="106">2</text>
<text x="142" y="115">3</text>
<text x="132" y="118">4</text>
<text x="121" y="118">5</text>
<text x="110" y="115">6</text>
<text x="101" y="111">7</text>
<text x="96" y="105">8</text>
<text x="94" y="98">9</text>
<text x="98" y="92">10</text>
<text x="106" y="90">11</text>
</g>
</g>
<g id="watchEdge" filter="url(#fShadow)">
<path d="M80,117 C90,116 102,117 112,118 C120,119 128,122 132,127 C136,132 135,138 130,142 C126,145 120,146 114,144 C108,142 103,137 96,136 C88,135 79,137 72,143 C64,150 58,162 55,177 L55,179 C55,183 52,186 48,187 C44,188 41,185 41,181 L41,155 C42,145 46,138 51,133 C57,127 65,122 73,120 C75,119 78,118 80,117 Z" fill="url(#gWatchFace)" stroke="#5c7a8e" stroke-width="1.2"/>
<path d="M73,119 C85,116 104,118 118,121 C126,122 133,127 136,133 C138,137 137,143 132,146" fill="none" stroke="url(#gMetal)" stroke-width="3" stroke-linecap="round" opacity="0.9"/>
<g font-family="Georgia, 'Times New Roman', serif" font-size="6" fill="#1a1a1a">
<text x="114" y="126">12</text>
<text x="123" y="133">1</text>
<text x="128" y="141">2</text>
<text x="122" y="147">3</text>
<text x="111" y="148">4</text>
<text x="100" y="147">5</text>
<text x="91" y="142">6</text>
<text x="83" y="140">7</text>
<text x="76" y="142">8</text>
<text x="68" y="148">9</text>
<text x="62" y="156">10</text>
<text x="57" y="165">11</text>
</g>
<circle cx="97" cy="130" r="1.8" fill="#1f2b33"/>
<line x1="97" y1="130" x2="111" y2="135" stroke="#1f2b33" stroke-width="1.2" stroke-linecap="round"/>
<line x1="97" y1="130" x2="87" y2="123" stroke="#1f2b33" stroke-width="0.9" stroke-linecap="round"/>
<use href="#fly" x="111" y="135.5"/>
</g>
<g id="amoeba" filter="url(#fShadow)">
<path d="M140,132 C146,126 154,123 161,123 C169,123 176,126 183,130 C188,132 196,133 202,137 C207,141 212,147 213,153 C214,160 210,167 204,171 C199,175 192,177 186,178 C177,179 167,178 159,175 C152,172 145,167 141,161 C137,155 136,147 138,140 C139,138 139,135 140,132 Z" fill="#e3cfb9" stroke="#c7ac8e" stroke-width="1.2"/>
<path d="M167,135 C170,136 175,137 178,139 C182,141 183,146 181,150 C179,153 175,155 171,155 C168,155 165,154 163,153 C161,152 159,150 158,148" fill="none" stroke="#9d7e60" stroke-width="1.1" stroke-linecap="round"/>
<path d="M149,146 C152,148 154,151 154,153 C154,154 153,155 151,155 C149,155 146,153 145,151" fill="#9d7e60"/>
<ellipse cx="154" cy="152" rx="2.6" ry="1.4" fill="#9d7e60" opacity="0.35"/>
<path d="M176,143 C177,145 179,147 180,149" stroke="#9d7e60" stroke-width="0.9" stroke-linecap="round"/>
<path d="M162,140 C162,142 161,145 159,147" stroke="#9d7e60" stroke-width="0.9" stroke-linecap="round"/>
<g id="softWatch">
<path d="M156,130 C167,127 179,128 189,132 C198,136 206,143 209,151 C212,160 209,169 201,173 C193,177 182,175 175,171 C167,167 161,159 155,154 C151,151 147,149 144,149 C141,149 139,151 138,153 C137,155 135,157 132,158 C128,160 124,159 122,157 C121,156 120,155 121,153 C125,143 134,135 144,132 C149,130 153,130 156,130 Z" fill="url(#gWatchFace)" stroke="#5c7a8e" stroke-width="1.2"/>
<path d="M155.5,129.5 C167,126.5 183,129 195,136 C204,141 210,150 210,158 C210,162 207,167 203,171" fill="none" stroke="url(#gMetal)" stroke-width="3" stroke-linecap="round" opacity="0.9"/>
<circle cx="170" cy="147" r="2" fill="#1f2b33"/>
<line x1="170" y1="147" x2="187" y2="147" stroke="#1f2b33" stroke-width="1.2" stroke-linecap="round"/>
<line x1="170" y1="147" x2="168" y2="133" stroke="#1f2b33" stroke-width="0.9" stroke-linecap="round"/>
<g font-family="Georgia, 'Times New Roman', serif" font-size="6" fill="#1a1a1a">
<text x="186" y="138">12</text>
<text x="196" y="145">1</text>
<text x="201" y="154">2</text>
<text x="198" y="164">3</text>
<text x="189" y="169">4</text>
<text x="178" y="170">5</text>
<text x="168" y="166">6</text>
<text x="160" y="160">7</text>
<text x="155" y="153">8</text>
<text x="152" y="145">9</text>
<text x="156" y="139">10</text>
<text x="164" y="136">11</text>
</g>
</g>
</g>
<g id="pocketWatch" filter="url(#fShadow)">
<circle cx="230" cy="200" r="16" fill="url(#gGold)" stroke="#8b641e" stroke-width="1.4"/>
<ellipse cx="229" cy="192" rx="11" ry="6" fill="rgba(255,255,255,0.15)"/>
<circle cx="242" cy="190" r="3.5" fill="url(#gGold)" stroke="#8b641e" stroke-width="1"/>
<rect x="240.5" y="186" width="3" height="3.5" rx="0.7" fill="#a67b2e"/>
<path d="M216,196 C210,198 205,201 200,205" stroke="#3a2a1a" stroke-opacity="0.3" stroke-width="4" stroke-linecap="round"/>
<g transform="translate(212,196) scale(1.2)">
<use href="#ant" x="0" y="0"/>
<use href="#ant" x="6" y="2"/>
<use href="#ant" x="12" y="3"/>
<use href="#ant" x="16" y="6"/>
<use href="#ant" x="20" y="9"/>
<use href="#ant" x="24" y="11"/>
</g>
<g transform="translate(196,204) scale(1.1)">
<use href="#ant" x="0" y="0"/>
<use href="#ant" x="5" y="2"/>
<use href="#ant" x="9" y="4"/>
</g>
</g>
<g id="shadows">
<path d="M68,180 C105,180 142,198 182,203 C210,206 238,206 265,205 L265,210 L40,210 L40,200 C46,190 54,183 68,180 Z" fill="rgba(0,0,0,0.12)"/>
<ellipse cx="105" cy="210" rx="50" ry="8" fill="rgba(0,0,0,0.08)"/>
</g>
<g id="foregroundAccents">
<path d="M0,210 C28,204 58,203 88,205 C120,207 150,214 182,214 C216,214 254,208 287,206 C305,205 320,206 330,208 L330,240 L0,240 Z" fill="rgba(0,0,0,0.05)"/>
<ellipse cx="110" cy="108" rx="6" ry="2" fill="rgba(255,255,255,0.35)"/>
<ellipse cx="178" cy="160" rx="10" ry="3.5" fill="url(#gHighlight)" opacity="0.4"/>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg width="800" height="551" viewBox="0 0 800 551" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="sky-gradient">
<stop stop-color="#1A345C" offset="0%"></stop>
<stop stop-color="#4A6A8A" offset="40%"></stop>
<stop stop-color="#F2D68A" offset="85%"></stop>
<stop stop-color="#F2B950" offset="100%"></stop>
</linearGradient>
<linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="ground-gradient">
<stop stop-color="#A68A64" offset="0%"></stop>
<stop stop-color="#8C6D46" offset="100%"></stop>
</linearGradient>
<radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="75%" id="clock-case-gradient">
<stop stop-color="#E6C47C" offset="0%"></stop>
<stop stop-color="#B38B40" offset="60%"></stop>
<stop stop-color="#805C21" offset="100%"></stop>
</radialGradient>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="cliff-gradient">
<stop stop-color="#FAD961" offset="0%"></stop>
<stop stop-color="#D9A648" offset="50%"></stop>
<stop stop-color="#8C642C" offset="100%"></stop>
</linearGradient>
</defs>
<g id="artwork">
<rect id="sky" fill="url(#sky-gradient)" x="0" y="0" width="800" height="350"></rect>
<path id="sea" d="M0,350 L800,350 L800,380 C700,370 500,390 350,380 C200,370 100,385 0,380 Z" fill="#6B89A0"></path>
<path id="distant-mountain" d="M380,380 C420,360 480,365 520,380 Z" fill="#4B6A82" opacity="0.7"></path>
<path id="ground" d="M0,551 L800,551 L800,380 C700,390 500,370 350,380 C200,390 100,375 0,380 Z" fill="url(#ground-gradient)"></path>
<path id="cliffs" d="M800,380 L800,150 C780,160 750,140 720,150 C680,165 650,220 660,280 C670,340 740,390 800,380 Z M790,360 C750,360 700,320 690,280 C680,230 710,190 740,180 C770,170 790,200 795,250 Z" fill="url(#cliff-gradient)"></path>
<path id="shadows" d="M30,520 L400,520 L400,480 L30,480 Z M280, 500 C350,510 500,515 580,490 C570,510 400,530 280, 520 Z" fill="#000000" opacity="0.3"></path>
<g id="platform-group">
<path id="platform" d="M20,490 L380,490 L380,350 L90,320 L20,340 Z" fill="#857E75"></path>
<path id="platform-side" d="M20,490 L20,340 L0,350 L0,500 Z" fill="#615B54"></path>
<path id="tree" d="M90,320 C80,280 110,250 140,220 C170,190 200,210 210,240" stroke="#40322A" stroke-width="8" fill="none" stroke-linecap="round"></path>
<g id="clock-ants">
<path d="M150,400 C180,390 210,405 220,430 C210,460 180,470 150,460 C120,450 120,415 150,400 Z" fill="#D95E30"></path>
<path d="M155,410 L160,412 L163,408 M165,415 L170,418 L172,413 M175,425 L182,426 L180,420 M190,435 L195,433 L192,428 M180,445 L185,448 L188,442 M165,450 L170,447 L167,442 M145,440 L150,442 L153,437 M140,425 L145,422 L142,418" stroke="#1A110A" stroke-width="1.5" fill="none"></path>
</g>
<g id="clock-draped-platform">
<path d="M250,350 C220,380 230,450 280,480 C330,510 390,490 410,450 C430,410 380,330 320,335 C280,338 260,340 250,350Z" fill="#E0E5E6"></path>
<path d="M250,350 C260,340 320,335 410,450 C415,460 395,500 380,495 C330,515 270,515 280,480 C230,450 220,380 250,350 M325,340 C385,335 435,410 415,455 C400,495 330,515 275,480 C230,450 220,380 250,350" fill="url(#clock-case-gradient)"></path>
<circle cx="330" cy="415" r="3" fill="#111"></circle>
<path d="M330,415 L335,370 M330,415 L290,425" stroke="#111" stroke-width="2.5" stroke-linecap="round"></path>
<path d="M395,410 L400,405 L398,402 L403,400" stroke="#111" stroke-width="1.5" fill="none"></path>
</g>
</g>
<g id="creature-group">
<path id="creature-body" d="M290,480 C380,450 500,450 580,480 C550,510 450,520 350,510 C320,505 280,495 290,480 Z" fill="#D9C3A5"></path>
<path id="creature-eye" d="M480,485 C490,495 485,505 475,502 C465,500 460,490 470,485 M470,485 L465,478 M473,484 L468,476 M476,483 L471,475 M479,483 L474,475 M482,484 L477,476 M485,485 L480,478" stroke="#40322A" stroke-width="1" fill="none"></path>
<g id="clock-on-creature">
<path d="M400,420 C350,440 340,480 400,500 C460,520 530,500 540,460 C550,420 480,400 400,420Z" fill="#E0E5E6"></path>
<path d="M400,420 C480,400 550,420 540,460 C530,500 460,520 400,500 C340,480 350,440 400,420 M405,415 C485,395 555,425 545,465 C535,505 465,525 405,505 C345,485 345,435 405,415" fill="url(#clock-case-gradient)"></path>
<circle cx="460" cy="465" r="3" fill="#111"></circle>
<path d="M460,465 L465,430 M460,465 L420,475" stroke="#111" stroke-width="2.5" stroke-linecap="round"></path>
</g>
</g>
<g id="clock-on-branch">
<path d="M160,220 C130,250 150,320 200,340 C250,360 300,330 310,290 C320,250 260,200 200,210 C180,215 170,218 160,220Z" fill="#E0E5E6"></path>
<path d="M160,220 C170,210 200,210 310,290 C315,300 305,340 295,335 C250,365 190,365 200,340 C150,320 130,250 160,220 M205,205 C265,195 325,255 315,295 C305,335 250,365 195,340 C150,320 130,250 160,220" fill="url(#clock-case-gradient)"></path>
<circle cx="230" cy="280" r="3" fill="#111"></circle>
<path d="M230,280 L250,240 M230,280 L190,290" stroke="#111" stroke-width="2.5" stroke-linecap="round"></path>
</g>
</g>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="800" height="600">
<defs>
<!-- Sky Gradient -->
<linearGradient id="skyGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#1a3c5a;stop-opacity:1" />
<stop offset="60%" style="stop-color:#6b9bc2;stop-opacity:1" />
<stop offset="100%" style="stop-color:#e8dcb5;stop-opacity:1" />
</linearGradient>
<!-- Ground Gradient -->
<linearGradient id="groundGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#3e2b1f;stop-opacity:1" />
<stop offset="100%" style="stop-color:#5a4632;stop-opacity:1" />
</linearGradient>
<!-- Clock Face Gradient -->
<radialGradient id="clockFace" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="80%" style="stop-color:#f0f0f0;stop-opacity:1" />
<stop offset="100%" style="stop-color:#d0d0d0;stop-opacity:1" />
</radialGradient>
<!-- Gold/Brass Rim Gradient -->
<linearGradient id="goldRim" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#b8860b;stop-opacity:1" />
<stop offset="50%" style="stop-color:#ffd700;stop-opacity:1" />
<stop offset="100%" style="stop-color:#b8860b;stop-opacity:1" />
</linearGradient>
<!-- Shadow Filter -->
<filter id="shadowBlur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3" />
<feOffset dx="2" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.5"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- Background Layer -->
<g id="Background">
<!-- Sky -->
<rect x="0" y="0" width="800" height="250" fill="url(#skyGrad)" />
<!-- Sea -->
<path d="M0,250 L800,250 L800,200 C600,200 600,250 400,250 Z" fill="#2c5a7a" />
<!-- Distant Cliffs (Cap de Creus) -->
<path d="M550,250 L600,180 L650,220 L700,160 L780,200 L800,250 Z" fill="#8b7355" stroke="#4a3c2e" stroke-width="1"/>
<!-- Ground Plane -->
<rect x="0" y="250" width="800" height="350" fill="#4e3b2a" />
<!-- Ground shading -->
<path d="M0,250 L800,250 L800,600 L0,600 Z" fill="url(#groundGrad)" />
</g>
<!-- The Wooden Platform (Left) -->
<g id="Platform">
<path d="M0,600 L250,550 L250,350 L0,320 Z" fill="#3e2723" />
<path d="M0,320 L250,350 L300,340 L50,310 Z" fill="#5d4037" />
<path d="M250,350 L300,340 L300,530 L250,550 Z" fill="#281a16" />
</g>
<!-- The Dead Tree -->
<g id="Tree">
<path d="M260,345 C260,345 270,250 265,200 C260,150 220,150 220,150" fill="none" stroke="#2d1e15" stroke-width="8" stroke-linecap="round"/>
<path d="M265,230 C265,230 320,220 340,225" fill="none" stroke="#2d1e15" stroke-width="6" stroke-linecap="round"/>
</g>
<!-- Central Figure (The "Monster" Self-Portrait) -->
<g id="Monster">
<!-- Shadow -->
<ellipse cx="450" cy="450" rx="150" ry="60" fill="#1a100a" opacity="0.6" filter="url(#shadowBlur)"/>
<!-- Body/Face Shape -->
<path d="M350,450
C350,400 400,380 450,400
C500,380 550,400 550,450
C550,480 520,500 450,490
C400,500 350,480 350,450 Z"
fill="#c0b0a0" stroke="#706050" stroke-width="1"/>
<!-- Nose/Eyelashes -->
<path d="M350,450 C340,460 330,470 340,480" fill="none" stroke="#504030" stroke-width="2"/>
<g stroke="#302010" stroke-width="1">
<line x1="360" y1="460" x2="355" y2="475" />
<line x1="365" y1="462" x2="362" y2="478" />
<line x1="370" y1="463" x2="368" y2="480" />
<line x1="375" y1="462" x2="376" y2="478" />
</g>
<path d="M360,460 Q380,455 400,460" fill="none" stroke="#504030" stroke-width="1"/>
</g>
<!-- Melting Clock 1 (On Tree) -->
<g id="ClockTree">
<!-- Shadow -->
<path d="M320,225 C320,225 330,280 310,300" fill="none" stroke="black" stroke-width="5" opacity="0.3" filter="url(#shadowBlur)"/>
<!-- Shape: Saddle over branch -->
<path d="M300,230
C300,210 330,200 350,230
C360,250 350,280 340,300
C320,310 300,300 290,280
C280,260 290,240 300,230 Z"
fill="url(#clockFace)" stroke="url(#goldRim)" stroke-width="3"/>
<!-- Hands -->
<path d="M325,250 L335,255" stroke="black" stroke-width="1.5"/>
<path d="M325,250 L320,270" stroke="black" stroke-width="1.5"/>
<!-- Center Pin -->
<circle cx="325" cy="250" r="2" fill="black"/>
</g>
<!-- Melting Clock 2 (On Platform Edge) -->
<g id="ClockPlatform">
<!-- Shape: Sliding down 90 degrees -->
<path d="M220,340
L280,345
C285,350 280,380 275,400
C260,420 240,410 230,390
C225,370 220,350 220,340 Z"
fill="url(#clockFace)" stroke="url(#goldRim)" stroke-width="3"/>
<!-- Top part on table -->
<path d="M220,340 C230,330 270,335 280,345" fill="url(#clockFace)" stroke="url(#goldRim)" stroke-width="3"/>
<!-- Hands -->
<path d="M250,350 L260,355" stroke="black" stroke-width="1.5"/>
<path d="M250,350 L245,380" stroke="black" stroke-width="1.5"/>
<circle cx="250" cy="350" r="2" fill="black"/>
</g>
<!-- Melting Clock 3 (On Monster) -->
<g id="ClockMonster">
<!-- Shape: Draped over figure -->
<path d="M420,410
C440,390 480,390 500,410
C510,430 500,460 490,470
C460,480 440,470 430,460
C410,440 410,420 420,410 Z"
fill="url(#clockFace)" stroke="url(#goldRim)" stroke-width="3"/>
<!-- Hands -->
<path d="M460,430 L475,435" stroke="black" stroke-width="1.5"/>
<path d="M460,430 L455,450" stroke="black" stroke-width="1.5"/>
<circle cx="460" cy="430" r="2" fill="black"/>
</g>
<!-- Pocket Watch (Closed, Orange, with Ants) -->
<g id="PocketWatch">
<!-- Watch Body -->
<ellipse cx="180" cy="380" rx="25" ry="20" fill="#cd5c5c" stroke="#8b0000" stroke-width="1"/>
<!-- Ants (Abstracted) -->
<g fill="#1a1a1a">
<circle cx="170" cy="375" r="2"/>
<circle cx="175" cy="382" r="2"/>
<circle cx="185" cy="378" r="2"/>
<circle cx="180" cy="370" r="2"/>
<circle cx="190" cy="385" r="2"/>
<circle cx="165" cy="385" r="2"/>
<circle cx="195" cy="375" r="2"/>
<circle cx="182" cy="390" r="2"/>
<path d="M170,375 L172,377 M175,382 L177,384" stroke="#1a1a1a" stroke-width="0.5"/>
</g>
</g>
<!-- Subtle lighting overlay -->
<rect x="0" y="0" width="800" height="600" fill="url(#skyGrad)" style="mix-blend-mode: overlay; opacity: 0.1; pointer-events: none;" />
</svg>
![]()
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" width="400" height="300">
<defs>
<linearGradient id="skyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#87CEEB"/>
<stop offset="100%" stop-color="#4682B4"/>
</linearGradient>
</defs>
<rect width="400" height="300" fill="url(#skyGradient)"/>
<path d="M50 200 C100 150, 150 100, 200 150 Q250 200, 300 150" fill="none" stroke="#8B4513" stroke-width="3"/>
<g fill="#D3D3D3">
<ellipse cx="120" cy="180" rx="40" ry="20" transform="rotate(-15 120 180)"/>
<ellipse cx="220" cy="160" rx="50" ry="25" transform="rotate(10 220 160)"/>
<ellipse cx="280" cy="190" rx="35" ry="15" transform="rotate(-20 280 190)"/>
</g>
<g fill="#FFA500" opacity="0.7">
<circle cx="130" cy="170" r="10"/>
<circle cx="240" cy="150" r="15"/>
<circle cx="290" cy="180" r="8"/>
</g>
<path d="M50 250 L150 220 L250 240 L350 210" stroke="#000" stroke-width="2" fill="none"/>
</svg>
![]()
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
<defs>
<linearGradient id="skyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#f9d99a" />
<stop offset="50%" stop-color="#e8b76f" />
<stop offset="100%" stop-color="#d18e54" />
</linearGradient>
<linearGradient id="cliffGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#c27e3a" />
<stop offset="100%" stop-color="#7e4e25" />
</linearGradient>
<linearGradient id="waterGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#6a9bc3" />
<stop offset="100%" stop-color="#4a6a8c" />
</linearGradient>
<linearGradient id="sandGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#e8c897" />
<stop offset="100%" stop-color="#c9a26e" />
</linearGradient>
<radialGradient id="faceGlow" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" stop-color="#f9edc7" stop-opacity="0.7" />
<stop offset="100%" stop-color="#e8b76f" stop-opacity="0" />
</radialGradient>
<filter id="blur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="1" />
</filter>
<g id="clock" stroke-linecap="round">
<circle cx="0" cy="0" r="25" fill="#f6e6b3" stroke="#b39656" stroke-width="1.5" />
<line x1="0" y1="0" x2="0" y2="-15" stroke="#333" stroke-width="1.5" />
<line x1="0" y1="0" x2="10" y2="5" stroke="#333" stroke-width="1.5" />
<circle cx="0" cy="0" r="2" fill="#333" />
<path d="M 0,-25 L 2,-23 L 0,-21 L -2,-23 Z" fill="#b39656" />
<path d="M 25,0 L 23,2 L 21,0 L 23,-2 Z" fill="#b39656" />
<path d="M 0,25 L -2,23 L 0,21 L 2,23 Z" fill="#b39656" />
<path d="M -25,0 L -23,-2 L -21,0 L -23,2 Z" fill="#b39656" />
</g>
</defs>
<!-- Background sky -->
<rect x="0" y="0" width="800" height="500" fill="url(#skyGradient)" />
<!-- Distant mountains -->
<path d="M 0,180 L 150,120 L 300,170 L 450,110 L 600,150 L 800,130 L 800,500 L 0,500 Z" fill="#a37c4f" opacity="0.7" />
<!-- Ocean/water -->
<path d="M 600,150 L 800,130 L 800,500 L 600,500 Z" fill="url(#waterGradient)" />
<!-- Main cliff -->
<path d="M 0,240 L 120,220 L 250,260 L 400,200 L 550,230 L 600,150 L 600,500 L 0,500 Z" fill="url(#cliffGradient)" />
<!-- Sandy ground -->
<path d="M 0,320 L 100,310 L 200,330 L 300,300 L 500,330 L 600,300 L 800,320 L 800,500 L 0,500 Z" fill="url(#sandGradient)" />
<!-- Dead tree -->
<g id="tree">
<path d="M 150,320 L 155,250 L 160,240 L 170,235 L 180,240 L 185,260 L 190,280 L 200,285 L 220,280 L 225,260" fill="none" stroke="#5e3a1e" stroke-width="4" />
<path d="M 175,260 L 165,255 L 160,240" fill="none" stroke="#5e3a1e" stroke-width="3" />
<path d="M 185,260 L 195,250 L 200,245" fill="none" stroke="#5e3a1e" stroke-width="3" />
</g>
<!-- Melting clock on tree -->
<g transform="translate(190,260) rotate(10) scale(0.9,1.2) skewX(-5)">
<use href="#clock" />
<path d="M 0,25 C 10,35 30,45 50,35 C 60,30 65,40 75,40" fill="none" stroke="#b39656" stroke-width="1.5" />
</g>
<!-- Melting clock on platform edge -->
<g transform="translate(350,330) rotate(20) scale(1.1,0.9) skewY(5)">
<use href="#clock" />
<path d="M 25,0 C 35,-5 40,-15 35,-30 C 30,-40 40,-45 45,-50" fill="none" stroke="#b39656" stroke-width="1.5" />
<path d="M -25,0 C -35,10 -40,30 -50,35" fill="none" stroke="#b39656" stroke-width="1.5" />
</g>
<!-- Melting clock on ground -->
<g transform="translate(500,380) rotate(-10) scale(1,0.7) skewX(10)">
<use href="#clock" />
<path d="M 0,-25 C 10,-35 20,-50 30,-45" fill="none" stroke="#b39656" stroke-width="1.5" />
<path d="M 0,25 C 15,45 40,55 60,50 C 70,48 75,55 85,60" fill="none" stroke="#b39656" stroke-width="1.5" />
</g>
<!-- The strange face/creature -->
<g id="face" transform="translate(280,370)">
<ellipse cx="0" cy="0" rx="60" ry="20" fill="#c9a26e" />
<path d="M -30,-5 C -20,-40 20,-40 30,-5" fill="#c9a26e" stroke="#a37c4f" stroke-width="1" />
<path d="M -30,-5 C -35,5 -40,15 -50,20" fill="none" stroke="#a37c4f" stroke-width="1" />
<path d="M 30,-5 C 35,5 40,15 50,20" fill="none" stroke="#a37c4f" stroke-width="1" />
<ellipse cx="-15" cy="-15" rx="7" ry="5" fill="#322011" />
<ellipse cx="15" cy="-15" rx="7" ry="5" fill="#322011" />
<path d="M -10,-5 C 0,0 10,0 10,-5" fill="none" stroke="#322011" stroke-width="1" />
<path d="M -5,5 L 5,5" stroke="#322011" stroke-width="1" />
<path d="M -40,0 C -45,15 -35,25 -20,15" fill="none" stroke="#a37c4f" stroke-width="1" />
<circle cx="0" cy="0" r="70" fill="url(#faceGlow)" opacity="0.3" />
</g>
<!-- Melting clock on face -->
<g transform="translate(280,360) rotate(180) scale(0.6,0.4) skewY(-5)">
<use href="#clock" />
<path d="M -25,0 C -35,-10 -40,-20 -35,-30" fill="none" stroke="#b39656" stroke-width="1.5" />
<path d="M 25,0 C 35,-5 40,-15 35,-30" fill="none" stroke="#b39656" stroke-width="1.5" />
<path d="M 0,25 C 5,35 15,40 25,35" fill="none" stroke="#b39656" stroke-width="1.5" />
</g>
<!-- Ants -->
<g id="ants">
<g transform="translate(420,350) rotate(30)">
<ellipse cx="0" cy="0" rx="5" ry="3" fill="#111" />
<ellipse cx="-7" cy="0" rx="4" ry="2.5" fill="#111" />
<ellipse cx="-13" cy="0" rx="3" ry="2" fill="#111" />
<path d="M -15,0 L -18,-3 M -15,0 L -18,3 M -8,-2 L -10,-5 M -8,2 L -10,5 M 0,-3 L 0,-6 M 0,3 L 0,6 M 5,0 L 8,0" stroke="#111" stroke-width="0.7" />
</g>
<g transform="translate(440,370) rotate(-20)">
<ellipse cx="0" cy="0" rx="5" ry="3" fill="#111" />
<ellipse cx="-7" cy="0" rx="4" ry="2.5" fill="#111" />
<ellipse cx="-13" cy="0" rx="3" ry="2" fill="#111" />
<path d="M -15,0 L -18,-3 M -15,0 L -18,3 M -8,-2 L -10,-5 M -8,2 L -10,5 M 0,-3 L 0,-6 M 0,3 L 0,6 M 5,0 L 8,0" stroke="#111" stroke-width="0.7" />
</g>
<g transform="translate(460,360) rotate(0)">
<ellipse cx="0" cy="0" rx="5" ry="3" fill="#111" />
<ellipse cx="-7" cy="0" rx="4" ry="2.5" fill="#111" />
<ellipse cx="-13" cy="0" rx="3" ry="2" fill="#111" />
<path d="M -15,0 L -18,-3 M -15,0 L -18,3 M -8,-2 L -10,-5 M -8,2 L -10,5 M 0,-3 L 0,-6 M 0,3 L 0,6 M 5,0 L 8,0" stroke="#111" stroke-width="0.7" />
</g>
</g>
<!-- Shadows -->
<ellipse cx="280" cy="390" rx="80" ry="20" fill="#7e4e25" opacity="0.3" filter="url(#blur)" />
<ellipse cx="190" cy="320" rx="40" ry="10" fill="#7e4e25" opacity="0.3" filter="url(#blur)" />
<ellipse cx="350" cy="350" rx="35" ry="10" fill="#7e4e25" opacity="0.3" filter="url(#blur)" />
<ellipse cx="500" cy="400" rx="45" ry="15" fill="#7e4e25" opacity="0.3" filter="url(#blur)" />
<!-- Distant objects -->
<path d="M 650,200 L 700,180 L 720,210 L 680,220 Z" fill="#8a5a30" />
<path d="M 670,205 L 690,195 L 700,210 L 680,215 Z" fill="#7e4e25" />
</svg>
![]()
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600">
<defs>
<linearGradient id="skyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#87CEEB;stop-opacity:1" />
<stop offset="50%" style="stop-color:#FFE4B5;stop-opacity:1" />
<stop offset="100%" style="stop-color:#F0E68C;stop-opacity:1" />
</linearGradient>
<linearGradient id="waterGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#4682B4;stop-opacity:1" />
<stop offset="100%" style="stop-color:#191970;stop-opacity:1" />
</linearGradient>
<linearGradient id="cliffGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#8B4513;stop-opacity:1" />
<stop offset="50%" style="stop-color:#CD853F;stop-opacity:1" />
<stop offset="100%" style="stop-color:#DEB887;stop-opacity:1" />
</linearGradient>
<radialGradient id="clockShadow" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#000000;stop-opacity:0.3" />
<stop offset="100%" style="stop-color:#000000;stop-opacity:0" />
</radialGradient>
</defs>
<!-- Sky -->
<rect width="800" height="400" fill="url(#skyGradient)"/>
<!-- Water/Sea -->
<rect x="0" y="400" width="800" height="200" fill="url(#waterGradient)"/>
<!-- Distant cliffs -->
<path d="M 600 250 Q 650 200 700 220 Q 750 240 800 200 L 800 400 L 600 400 Z" fill="url(#cliffGradient)" opacity="0.7"/>
<!-- Ground/Beach -->
<path d="M 0 380 Q 200 360 400 370 Q 600 380 800 370 L 800 600 L 0 600 Z" fill="#D2B48C"/>
<!-- Dead tree branch -->
<g transform="translate(150, 300)">
<path d="M 0 0 Q 20 -10 40 -5 Q 60 0 80 -15 Q 100 -30 120 -25" stroke="#654321" stroke-width="8" fill="none"/>
<path d="M 30 -8 Q 35 -25 40 -35" stroke="#654321" stroke-width="4" fill="none"/>
<path d="M 70 -12 Q 75 -30 80 -40" stroke="#654321" stroke-width="4" fill="none"/>
</g>
<!-- Melting clock on tree branch -->
<g transform="translate(180, 280)">
<ellipse cx="0" cy="10" rx="35" ry="8" fill="url(#clockShadow)"/>
<path d="M -30 0 Q -35 5 -30 15 Q -20 25 0 20 Q 20 15 35 20 Q 45 25 50 15 Q 55 5 45 0 Q 35 -5 20 -8 Q 0 -10 -20 -8 Q -30 -5 -30 0 Z" fill="#FFD700" stroke="#000" stroke-width="1"/>
<!-- Clock face -->
<circle cx="0" cy="5" r="25" fill="#FFF" stroke="#000" stroke-width="1" opacity="0.9"/>
<!-- Clock numbers -->
<text x="0" y="-15" text-anchor="middle" font-family="serif" font-size="8" fill="#000">12</text>
<text x="18" y="10" text-anchor="middle" font-family="serif" font-size="8" fill="#000">3</text>
<text x="0" y="25" text-anchor="middle" font-family="serif" font-size="8" fill="#000">6</text>
<text x="-18" y="10" text-anchor="middle" font-family="serif" font-size="8" fill="#000">9</text>
<!-- Clock hands -->
<line x1="0" y1="5" x2="8" y2="-5" stroke="#000" stroke-width="2"/>
<line x1="0" y1="5" x2="-10" y2="10" stroke="#000" stroke-width="1.5"/>
<circle cx="0" cy="5" r="2" fill="#000"/>
</g>
<!-- Rectangular platform/table -->
<g transform="translate(350, 420)">
<path d="M 0 0 L 150 0 L 160 10 L 10 10 Z" fill="#8B4513"/>
<rect x="0" y="0" width="150" height="50" fill="#CD853F"/>
<rect x="5" y="5" width="140" height="40" fill="#DEB887"/>
</g>
<!-- Melting clock on platform -->
<g transform="translate(380, 410)">
<ellipse cx="0" cy="25" rx="40" ry="10" fill="url(#clockShadow)"/>
<path d="M -35 0 Q -40 10 -30 20 Q -15 35 10 30 Q 35 25 45 30 Q 55 35 60 25 Q 65 15 55 5 Q 45 -5 25 -8 Q 0 -10 -25 -8 Q -35 -5 -35 0 Z" fill="#FFD700" stroke="#000" stroke-width="1"/>
<!-- Clock face -->
<ellipse cx="0" cy="10" rx="30" ry="20" fill="#FFF" stroke="#000" stroke-width="1" opacity="0.9"/>
<!-- Clock numbers -->
<text x="0" y="-5" text-anchor="middle" font-family="serif" font-size="8" fill="#000">12</text>
<text x="20" y="15" text-anchor="middle" font-family="serif" font-size="8" fill="#000">3</text>
<text x="0" y="30" text-anchor="middle" font-family="serif" font-size="8" fill="#000">6</text>
<text x="-20" y="15" text-anchor="middle" font-family="serif" font-size="8" fill="#000">9</text>
<!-- Clock hands -->
<line x1="0" y1="10" x2="12" y2="0" stroke="#000" stroke-width="2"/>
<line x1="0" y1="10" x2="-15" y2="20" stroke="#000" stroke-width="1.5"/>
<circle cx="0" cy="10" r="2" fill="#000"/>
</g>
<!-- Orange closed pocket watch -->
<g transform="translate(300, 450)">
<circle cx="0" cy="0" r="20" fill="#FF8C00" stroke="#000" stroke-width="1"/>
<circle cx="0" cy="0" r="15" fill="#FFA500"/>
<circle cx="0" cy="0" r="12" fill="#FFD700"/>
<!-- Ants crawling on watch -->
<g fill="#000">
<ellipse cx="-8" cy="-5" rx="1.5" ry="1" transform="rotate(45)"/>
<ellipse cx="-5" cy="-8" rx="1.5" ry="1" transform="rotate(30)"/>
<ellipse cx="3" cy="-10" rx="1.5" ry="1" transform="rotate(-15)"/>
<ellipse cx="8" cy="-3" rx="1.5" ry="1" transform="rotate(60)"/>
<ellipse cx="6" cy="7" rx="1.5" ry="1" transform="rotate(-30)"/>
</g>
</g>
<!-- Third melting clock -->
<g transform="translate(520, 440)">
<ellipse cx="0" cy="20" rx="35" ry="8" fill="url(#clockShadow)"/>
<path d="M -30 -5 Q -35 0 -30 10 Q -20 20 0 15 Q 20 10 35 15 Q 45 20 50 10 Q 55 0 45 -5 Q 35 -10 20 -13 Q 0 -15 -20 -13 Q -30 -10 -30 -5 Z" fill="#FFD700" stroke="#000" stroke-width="1"/>
<!-- Clock face -->
<circle cx="0" cy="0" r="25" fill="#FFF" stroke="#000" stroke-width="1" opacity="0.9"/>
<!-- Clock numbers -->
<text x="0" y="-20" text-anchor="middle" font-family="serif" font-size="8" fill="#000">12</text>
<text x="18" y="5" text-anchor="middle" font-family="serif" font-size="8" fill="#000">3</text>
<text x="0" y="20" text-anchor="middle" font-family="serif" font-size="8" fill="#000">6</text>
<text x="-18" y="5" text-anchor="middle" font-family="serif" font-size="8" fill="#000">9</text>
<!-- Clock hands -->
<line x1="0" y1="0" x2="10" y2="-10" stroke="#000" stroke-width="2"/>
<line x1="0" y1="0" x2="-12" y2="8" stroke="#000" stroke-width="1.5"/>
<circle cx="0" cy="0" r="2" fill="#000"/>
</g>
<!-- Strange creature/profile -->
<g transform="translate(100, 450)">
<path d="M 0 0 Q 10 -20 30 -15 Q 50 -10 60 -25 Q 70 -40 80 -35 Q 90 -30 85 -10 Q 80 10 70 20 Q 60 30 40 25 Q 20 20 10 30 Q 0 40 -10 30 Q -20 20 -15 10 Q -10 0 0 0 Z" fill="#F4A460" stroke="#000" stroke-width="1"/>
<!-- Eye -->
<circle cx="30" cy="-5" r="3" fill="#000"/>
<!-- Eyelashes -->
<path d="M 25 -8 Q 20 -12 18 -8" stroke="#000" stroke-width="1" fill="none"/>
<path d="M 28 -10 Q 25 -15 23 -10" stroke="#000" stroke-width="1" fill="none"/>
<path d="M 32 -10 Q 30 -15 28 -10" stroke="#000" stroke-width="1" fill="none"/>
</g>
<!-- Additional landscape details -->
<g opacity="0.3">
<!-- Distant mountains -->
<path d="M 700 300 Q 720 280 740 290 Q 760 300 780 285 Q 800 270 800 400 L 700 400 Z" fill="#8B7D6B"/>
</g>
<!-- Ants trail -->
<g fill="#000">
<circle cx="250" cy="470" r="1"/>
<circle cx="255" cy="468" r="1"/>
<circle cx="260" cy="466" r="1"/>
<circle cx="265" cy="464" r="1"/>
<circle cx="270" cy="462" r="1"/>
<circle cx="275" cy="460" r="1"/>
<circle cx="280" cy="458" r="1"/>
<circle cx="285" cy="456" r="1"/>
<circle cx="290" cy="454" r="1"/>
<circle cx="295" cy="452" r="1"/>
</g>
</svg>
![]()