123 lines
6.9 KiB
XML
123 lines
6.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" width="1600" height="900">
|
|
<defs>
|
|
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#0B3D24"/><stop offset="1" stop-color="#9BEFC0"/>
|
|
</linearGradient>
|
|
<filter id="blur" x="-50%" y="-50%" width="200%" height="200%"><feGaussianBlur stdDeviation="90"/></filter>
|
|
<linearGradient id="mint" x1="0" y1="0" x2="0.6" y2="1">
|
|
<stop offset="0" stop-color="#6FE9AA"/><stop offset="1" stop-color="#22B964"/>
|
|
</linearGradient>
|
|
<linearGradient id="mintD" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#3FD68A"/><stop offset="1" stop-color="#1C8F52"/>
|
|
</linearGradient>
|
|
<linearGradient id="amber" x1="0" y1="0" x2="0.6" y2="1">
|
|
<stop offset="0" stop-color="#F8DE95"/><stop offset="1" stop-color="#DFAC2B"/>
|
|
</linearGradient>
|
|
<linearGradient id="teal" x1="0" y1="0" x2="0.6" y2="1">
|
|
<stop offset="0" stop-color="#7FE0D6"/><stop offset="1" stop-color="#1FA79A"/>
|
|
</linearGradient>
|
|
<linearGradient id="device" x1="0" y1="0" x2="0.5" y2="1">
|
|
<stop offset="0" stop-color="#F3F5F9"/><stop offset="1" stop-color="#D9E0EA"/>
|
|
</linearGradient>
|
|
<linearGradient id="glass" x1="0" y1="0" x2="0.4" y2="1">
|
|
<stop offset="0" stop-color="#FFFFFF" stop-opacity="0.92"/>
|
|
<stop offset="1" stop-color="#FFFFFF" stop-opacity="0.62"/>
|
|
</linearGradient>
|
|
<linearGradient id="gloss" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#FFFFFF" stop-opacity="0.55"/>
|
|
<stop offset="0.55" stop-color="#FFFFFF" stop-opacity="0.04"/>
|
|
</linearGradient>
|
|
<filter id="sh" x="-45%" y="-45%" width="190%" height="190%">
|
|
<feDropShadow dx="0" dy="18" stdDeviation="22" flood-color="#04220F" flood-opacity="0.30"/>
|
|
</filter>
|
|
<filter id="shS" x="-55%" y="-55%" width="210%" height="210%">
|
|
<feDropShadow dx="0" dy="10" stdDeviation="13" flood-color="#04220F" flood-opacity="0.26"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<rect width="1600" height="900" fill="url(#bg)"/>
|
|
<g filter="url(#blur)" opacity="0.4">
|
|
<circle cx="1330" cy="190" r="250" fill="#6FE9AA"/>
|
|
<circle cx="230" cy="730" r="250" fill="#F3CE72"/>
|
|
<circle cx="800" cy="420" r="220" fill="#7FE0D6"/>
|
|
<circle cx="180" cy="180" r="170" fill="#3FD68A"/>
|
|
</g>
|
|
|
|
<ellipse cx="800" cy="748" rx="220" ry="32" fill="#031B0D" opacity="0.22"/>
|
|
|
|
<!-- device -->
|
|
<g filter="url(#sh)">
|
|
<rect x="660" y="190" width="280" height="530" rx="64" fill="url(#device)"/>
|
|
<rect x="660" y="190" width="280" height="530" rx="64" fill="none" stroke="#FFFFFF" stroke-width="3" opacity="0.85"/>
|
|
<rect x="682" y="212" width="236" height="486" rx="46" fill="#FFFFFF"/>
|
|
<rect x="764" y="226" width="72" height="18" rx="9" fill="#E3E8EF"/>
|
|
</g>
|
|
<g>
|
|
<rect x="708" y="268" width="76" height="76" rx="24" fill="#DFF7EA"/>
|
|
<rect x="816" y="268" width="76" height="76" rx="24" fill="#FDF2D6"/>
|
|
<rect x="708" y="360" width="76" height="76" rx="24" fill="#DCF3EE"/>
|
|
<rect x="816" y="360" width="76" height="76" rx="24" fill="#DFF7EA"/>
|
|
<rect x="708" y="452" width="76" height="76" rx="24" fill="#FDF2D6"/>
|
|
<rect x="816" y="452" width="76" height="76" rx="24" fill="#DCF3EE"/>
|
|
<rect x="708" y="566" width="184" height="14" rx="7" fill="#E4EAF2"/>
|
|
<rect x="708" y="598" width="124" height="12" rx="6" fill="#EDF1F6"/>
|
|
<rect x="740" y="638" width="120" height="30" rx="15" fill="#DFF7EA"/>
|
|
</g>
|
|
|
|
<!-- briefcase / diplomat tile -->
|
|
<g transform="translate(318,234)" filter="url(#sh)">
|
|
<rect x="-72" y="-72" width="144" height="144" rx="44" fill="url(#mintD)"/>
|
|
<rect x="-72" y="-72" width="144" height="86" rx="44" fill="url(#gloss)"/>
|
|
<rect x="-38" y="-14" width="76" height="54" rx="12" fill="#FFFFFF"/>
|
|
<path d="M -18 -14 L -18 -26 Q -18 -36 -8 -36 L 8 -36 Q 18 -36 18 -26 L 18 -14" stroke="#FFFFFF" stroke-width="10" fill="none" stroke-linecap="round"/>
|
|
<rect x="-10" y="8" width="20" height="12" rx="4" fill="#22B964"/>
|
|
</g>
|
|
|
|
<!-- handshake tile -->
|
|
<g transform="translate(272,598)" filter="url(#sh)">
|
|
<rect x="-72" y="-72" width="144" height="144" rx="44" fill="url(#teal)"/>
|
|
<rect x="-72" y="-72" width="144" height="86" rx="44" fill="url(#gloss)"/>
|
|
<path d="M -40 4 Q -20 -20 -2 -2 Q 16 -22 40 -2" stroke="#FFFFFF" stroke-width="13" stroke-linecap="round" fill="none"/>
|
|
<rect x="-20" y="4" width="40" height="20" rx="10" fill="#FFFFFF"/>
|
|
</g>
|
|
|
|
<!-- contract / agreement tile -->
|
|
<g transform="translate(1286,244)" filter="url(#sh)">
|
|
<rect x="-72" y="-72" width="144" height="144" rx="44" fill="url(#amber)"/>
|
|
<rect x="-72" y="-72" width="144" height="86" rx="44" fill="url(#gloss)"/>
|
|
<path d="M -34 -46 L 12 -46 L 36 -22 L 36 46 Q 36 53 29 53 L -27 53 Q -34 53 -34 46 Z" fill="#FFFFFF"/>
|
|
<path d="M 12 -46 L 36 -22 L 19 -22 Q 12 -22 12 -29 Z" fill="#F3D889"/>
|
|
<path d="M -14 8 L -1 22 L 23 -10" stroke="#DFAC2B" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
|
|
</g>
|
|
|
|
<!-- growth / partnership chart tile -->
|
|
<g transform="translate(1330,612)" filter="url(#sh)">
|
|
<rect x="-72" y="-72" width="144" height="144" rx="44" fill="url(#mint)"/>
|
|
<rect x="-72" y="-72" width="144" height="86" rx="44" fill="url(#gloss)"/>
|
|
<path d="M -38 34 L -14 6 L 8 22 L 38 -26" stroke="#FFFFFF" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
|
|
<path d="M 10 -26 L 38 -26 L 38 2" stroke="#FFFFFF" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
|
|
</g>
|
|
|
|
<!-- small accent tiles -->
|
|
<g transform="translate(500,122)" filter="url(#shS)">
|
|
<rect x="-48" y="-48" width="96" height="96" rx="30" fill="url(#amber)"/>
|
|
<rect x="-48" y="-48" width="96" height="58" rx="30" fill="url(#gloss)"/>
|
|
<circle cx="0" cy="0" r="24" fill="none" stroke="#FFF6DE" stroke-width="7"/>
|
|
</g>
|
|
<g transform="translate(1112,764)" filter="url(#shS)">
|
|
<rect x="-48" y="-48" width="96" height="96" rx="30" fill="url(#glass)"/>
|
|
<rect x="-48" y="-48" width="96" height="96" rx="30" fill="none" stroke="#FFFFFF" stroke-width="2" opacity="0.9"/>
|
|
<path d="M -20 4 L -7 18 L 20 -13" stroke="#22B964" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
|
|
</g>
|
|
<g transform="translate(508,778)" filter="url(#shS)">
|
|
<rect x="-48" y="-48" width="96" height="96" rx="30" fill="url(#glass)"/>
|
|
<rect x="-48" y="-48" width="96" height="96" rx="30" fill="none" stroke="#FFFFFF" stroke-width="2" opacity="0.9"/>
|
|
<path d="M -38 4 Q -20 -16 -2 0 Q 14 -18 36 -2" stroke="#1FA79A" stroke-width="11" stroke-linecap="round" fill="none"/>
|
|
</g>
|
|
<g transform="translate(1104,126)" filter="url(#shS)">
|
|
<rect x="-48" y="-48" width="96" height="96" rx="30" fill="url(#teal)"/>
|
|
<rect x="-48" y="-48" width="96" height="58" rx="30" fill="url(#gloss)"/>
|
|
<circle cx="-14" cy="0" r="9" fill="#FFFFFF"/>
|
|
<circle cx="14" cy="0" r="9" fill="#FFFFFF"/>
|
|
</g>
|
|
</svg> |