justin/hpe-branding
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial mirror of the HPE Design System

Browse Source 
Readable mirror of https://design-system.hpe.design, sourced from
github.com/grommet/hpe-design-system (Apache-2.0) at commit 567c4d5
(2026-07-16).

The upstream site is a client-rendered Next.js export with no sitemap; it
returns a 1.5 KB empty shell to curl. This repo is the same guidance in plain
Markdown with every value resolved, plus the assets checked in.

Docs: scope and authority model, brand foundations with resolved color and
spacing tables, the design token tiers and version map, UI copy rules,
accessibility conformance and the responsibility split, the component and
template inventory, and an adoption/review checklist.

Assets: 452 SVG icons, 5 HPE and Aruba word-marks, 282 documentation graphics.

HOWTO-mirror-the-design-system.md is a verified runbook for rebuilding this
from scratch against a newer upstream.

Colors were resolved programmatically, not transcribed: token JSON stores
references, not values.

Apache-2.0 upstream. Note that it covers copyright, not trademark; Brand
Central remains authoritative for the HPE marks.
This commit is contained in:
claude
2026-07-30 08:34:50 -04:00
commit 0730557624
752 changed files with 8423 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/site-images/templateImages/2col-dashboard-invert.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="330" height="194" viewBox="0 0 330 194" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="35" y="35" width="170" height="50" rx="6" fill="#008567"/>
<rect x="35" y="95" width="170" height="70" rx="6" fill="#6633BC"/>
<rect x="215" y="35" width="80" height="130" rx="6" fill="#00739D"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 318 B

assets/site-images/templateImages/2col-dashboard.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="330" height="194" viewBox="0 0 330 194" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="35" y="35" width="170" height="50" rx="6" fill="#17EBA0"/>
<rect x="35" y="95" width="170" height="70" rx="6" fill="#F740FF"/>
<rect x="215" y="35" width="80" height="130" rx="6" fill="#00739D"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 318 B

assets/site-images/templateImages/3col-dashboard-invert.svg
+8
View File
@@ -0,0 +1,8 @@
<svg width="330" height="194" viewBox="0 0 330 194" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="35" y="35" width="80" height="60" rx="6" fill="#6633BC"/>
<rect x="125" y="35" width="80" height="60" rx="6" fill="#9B6310"/>
<rect x="215" y="35" width="80" height="60" rx="6" fill="#00739D"/>
<rect x="35" y="105" width="80" height="60" rx="6" fill="#008567"/>
<rect x="125" y="105" width="80" height="60" rx="6" fill="#00567A"/>
<rect x="215" y="105" width="80" height="60" rx="6" fill="#A2423D"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 528 B

assets/site-images/templateImages/3col-dashboard.svg
+8
View File
@@ -0,0 +1,8 @@
<svg width="330" height="194" viewBox="0 0 330 194" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="35" y="35" width="80" height="60" rx="6" fill="#F740FF"/>
<rect x="125" y="35" width="80" height="60" rx="6" fill="#FFBC44"/>
<rect x="215" y="35" width="80" height="60" rx="6" fill="#00739D"/>
<rect x="35" y="105" width="80" height="60" rx="6" fill="#17EBA0"/>
<rect x="125" y="105" width="80" height="60" rx="6" fill="#00C8FF"/>
<rect x="215" y="105" width="80" height="60" rx="6" fill="#FC6161"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 528 B

assets/site-images/templateImages/DrillDown-invert.svg
+7
View File
@@ -0,0 +1,7 @@
<svg width="337" height="193" viewBox="0 0 337 193" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M152.522 24.6289H53.1963C51.5641 24.6289 50.241 25.9521 50.241 27.5844V80.5381C50.241 82.1704 51.5641 83.4936 53.1963 83.4936H152.522C154.154 83.4936 155.477 82.1704 155.477 80.5381V27.5844C155.477 25.9521 154.154 24.6289 152.522 24.6289Z" fill="#01A982"/>
<path d="M277.603 24.1572H178.277C176.645 24.1572 175.322 25.4804 175.322 27.1127V80.0664C175.322 81.6987 176.645 83.0219 178.277 83.0219H277.603C279.235 83.0219 280.558 81.6987 280.558 80.0664V27.1127C280.558 25.4804 279.235 24.1572 277.603 24.1572Z" fill="#01A982"/>
<path d="M277.603 106.037H178.277C176.645 106.037 175.322 107.36 175.322 108.993V161.946C175.322 163.579 176.645 164.902 178.277 164.902H277.603C279.235 164.902 280.558 163.579 280.558 161.946V108.993C280.558 107.36 279.235 106.037 277.603 106.037Z" fill="#B1B9BE"/>
<path d="M159.322 52.6572C159.045 52.6572 158.822 52.8811 158.822 53.1572C158.822 53.4334 159.045 53.6572 159.322 53.6572L159.322 53.1572L159.322 52.6572ZM170.675 53.5108C170.87 53.3155 170.87 52.9989 170.675 52.8037L167.493 49.6217C167.298 49.4264 166.981 49.4264 166.786 49.6217C166.591 49.817 166.591 50.1335 166.786 50.3288L169.614 53.1572L166.786 55.9857C166.591 56.1809 166.591 56.4975 166.786 56.6928C166.981 56.888 167.298 56.888 167.493 56.6928L170.675 53.5108ZM159.322 53.1572L159.322 53.6572L170.322 53.6572L170.322 53.1572L170.322 52.6572L159.322 52.6572L159.322 53.1572Z" fill="white" fill-opacity="0.36"/>
<path d="M228.822 88.7764C228.822 88.5002 228.598 88.2764 228.322 88.2764C228.045 88.2764 227.822 88.5002 227.822 88.7764H228.322H228.822ZM227.968 100.13C228.163 100.325 228.48 100.325 228.675 100.13L231.857 96.9479C232.052 96.7527 232.052 96.4361 231.857 96.2408C231.662 96.0456 231.345 96.0456 231.15 96.2408L228.322 99.0693L225.493 96.2408C225.298 96.0456 224.981 96.0456 224.786 96.2408C224.591 96.4361 224.591 96.7527 224.786 96.9479L227.968 100.13ZM228.322 88.7764H227.822V99.7764H228.322H228.822V88.7764H228.322Z" fill="white" fill-opacity="0.36"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

assets/site-images/templateImages/DrillDown.svg
+7
View File
@@ -0,0 +1,7 @@
<svg width="337" height="193" viewBox="0 0 337 193" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M152.522 24.6289H53.1963C51.5641 24.6289 50.241 25.9521 50.241 27.5844V80.5381C50.241 82.1704 51.5641 83.4936 53.1963 83.4936H152.522C154.154 83.4936 155.477 82.1704 155.477 80.5381V27.5844C155.477 25.9521 154.154 24.6289 152.522 24.6289Z" fill="#01A982"/>
<path d="M277.603 24.1572H178.277C176.645 24.1572 175.322 25.4804 175.322 27.1127V80.0664C175.322 81.6987 176.645 83.0219 178.277 83.0219H277.603C279.235 83.0219 280.558 81.6987 280.558 80.0664V27.1127C280.558 25.4804 279.235 24.1572 277.603 24.1572Z" fill="#01A982"/>
<path d="M277.603 106.037H178.277C176.645 106.037 175.322 107.36 175.322 108.993V161.946C175.322 163.579 176.645 164.902 178.277 164.902H277.603C279.235 164.902 280.558 163.579 280.558 161.946V108.993C280.558 107.36 279.235 106.037 277.603 106.037Z" fill="#7D8A92"/>
<path d="M159.322 52.6572C159.045 52.6572 158.822 52.8811 158.822 53.1572C158.822 53.4334 159.045 53.6572 159.322 53.6572L159.322 53.1572L159.322 52.6572ZM170.675 53.5108C170.87 53.3155 170.87 52.9989 170.675 52.8037L167.493 49.6217C167.298 49.4264 166.981 49.4264 166.786 49.6217C166.591 49.817 166.591 50.1335 166.786 50.3288L169.614 53.1572L166.786 55.9857C166.591 56.1809 166.591 56.4975 166.786 56.6928C166.981 56.888 167.298 56.888 167.493 56.6928L170.675 53.5108ZM159.322 53.1572L159.322 53.6572L170.322 53.6572L170.322 53.1572L170.322 52.6572L159.322 52.6572L159.322 53.1572Z" fill="#B1B9BE"/>
<path d="M228.822 88.7764C228.822 88.5002 228.598 88.2764 228.322 88.2764C228.045 88.2764 227.822 88.5002 227.822 88.7764H228.322H228.822ZM227.968 100.13C228.163 100.325 228.48 100.325 228.675 100.13L231.857 96.9479C232.052 96.7527 232.052 96.4361 231.857 96.2408C231.662 96.0456 231.345 96.0456 231.15 96.2408L228.322 99.0693L225.493 96.2408C225.298 96.0456 224.981 96.0456 224.786 96.2408C224.591 96.4361 224.591 96.7527 224.786 96.9479L227.968 100.13ZM228.322 88.7764H227.822V99.7764H228.322H228.822V88.7764H228.322Z" fill="#B1B9BE"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

assets/site-images/templateImages/MatrixNavigation-invert.svg
+9
View File
@@ -0,0 +1,9 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M104.172 37.0156H22.0527C20.3084 37.0156 18.8943 38.4298 18.8943 40.1742V83.3413C18.8943 85.0858 20.3084 86.4999 22.0527 86.4999H104.172C105.917 86.4999 107.331 85.0858 107.331 83.3413V40.1742C107.331 38.4298 105.917 37.0156 104.172 37.0156Z" fill="#01A982"/>
<path d="M209.454 38.0684H127.334C125.59 38.0684 124.176 39.4825 124.176 41.2269V84.3941C124.176 86.1385 125.59 87.5526 127.334 87.5526H209.454C211.199 87.5526 212.613 86.1385 212.613 84.3941V41.2269C212.613 39.4825 211.199 38.0684 209.454 38.0684Z" fill="#01A982"/>
<path d="M314.736 37.0156H232.616C230.872 37.0156 229.458 38.4298 229.458 40.1742V83.3413C229.458 85.0858 230.872 86.4999 232.616 86.4999H314.736C316.48 86.4999 317.894 85.0858 317.894 83.3413V40.1742C317.894 38.4298 316.48 37.0156 314.736 37.0156Z" fill="#01A982"/>
<path d="M111 62.5C110.724 62.5 110.5 62.7239 110.5 63C110.5 63.2761 110.724 63.5 111 63.5V63V62.5ZM121.354 63.3536C121.549 63.1583 121.549 62.8417 121.354 62.6464L118.172 59.4645C117.976 59.2692 117.66 59.2692 117.464 59.4645C117.269 59.6597 117.269 59.9763 117.464 60.1716L120.293 63L117.464 65.8284C117.269 66.0237 117.269 66.3403 117.464 66.5355C117.66 66.7308 117.976 66.7308 118.172 66.5355L121.354 63.3536ZM111 63V63.5H121V63V62.5H111V63Z" fill="white" fill-opacity="0.36"/>
<path d="M221 129.5C220.724 129.5 220.5 129.724 220.5 130C220.5 130.276 220.724 130.5 221 130.5V130V129.5ZM274 130V130.5H274.5V130H274ZM274.354 94.6464C274.158 94.4512 273.842 94.4512 273.646 94.6464L270.464 97.8284C270.269 98.0237 270.269 98.3403 270.464 98.5355C270.66 98.7308 270.976 98.7308 271.172 98.5355L274 95.7071L276.828 98.5355C277.024 98.7308 277.34 98.7308 277.536 98.5355C277.731 98.3403 277.731 98.0237 277.536 97.8284L274.354 94.6464ZM221 130V130.5H274V130V129.5H221V130ZM274 130H274.5V95H274H273.5V130H274Z" fill="white" fill-opacity="0.36"/>
<path d="M168.5 91C168.5 90.7239 168.276 90.5 168 90.5C167.724 90.5 167.5 90.7239 167.5 91H168H168.5ZM167.646 101.354C167.842 101.549 168.158 101.549 168.354 101.354L171.536 98.1716C171.731 97.9763 171.731 97.6597 171.536 97.4645C171.34 97.2692 171.024 97.2692 170.828 97.4645L168 100.293L165.172 97.4645C164.976 97.2692 164.66 97.2692 164.464 97.4645C164.269 97.6597 164.269 97.9763 164.464 98.1716L167.646 101.354ZM168 91H167.5V101H168H168.5V91H168Z" fill="white" fill-opacity="0.36"/>
<path d="M209.454 105.451H127.334C125.59 105.451 124.176 106.865 124.176 108.61V151.777C124.176 153.521 125.59 154.935 127.334 154.935H209.454C211.199 154.935 212.613 153.521 212.613 151.777V108.61C212.613 106.865 211.199 105.451 209.454 105.451Z" fill="#B1B9BE"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

assets/site-images/templateImages/MatrixNavigation.svg
+9
View File
@@ -0,0 +1,9 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M104.172 37.0156H22.0527C20.3084 37.0156 18.8943 38.4298 18.8943 40.1742V83.3413C18.8943 85.0858 20.3084 86.4999 22.0527 86.4999H104.172C105.917 86.4999 107.331 85.0858 107.331 83.3413V40.1742C107.331 38.4298 105.917 37.0156 104.172 37.0156Z" fill="#01A982"/>
<path d="M209.454 38.0684H127.334C125.59 38.0684 124.176 39.4825 124.176 41.2269V84.3941C124.176 86.1385 125.59 87.5526 127.334 87.5526H209.454C211.199 87.5526 212.613 86.1385 212.613 84.3941V41.2269C212.613 39.4825 211.199 38.0684 209.454 38.0684Z" fill="#01A982"/>
<path d="M314.736 37.0156H232.616C230.872 37.0156 229.458 38.4298 229.458 40.1742V83.3413C229.458 85.0858 230.872 86.4999 232.616 86.4999H314.736C316.48 86.4999 317.894 85.0858 317.894 83.3413V40.1742C317.894 38.4298 316.48 37.0156 314.736 37.0156Z" fill="#01A982"/>
<path d="M111 62.5C110.724 62.5 110.5 62.7239 110.5 63C110.5 63.2761 110.724 63.5 111 63.5V63V62.5ZM121.354 63.3536C121.549 63.1583 121.549 62.8417 121.354 62.6464L118.172 59.4645C117.976 59.2692 117.66 59.2692 117.464 59.4645C117.269 59.6597 117.269 59.9763 117.464 60.1716L120.293 63L117.464 65.8284C117.269 66.0237 117.269 66.3403 117.464 66.5355C117.66 66.7308 117.976 66.7308 118.172 66.5355L121.354 63.3536ZM111 63V63.5H121V63V62.5H111V63Z" fill="#B1B9BE"/>
<path d="M221 129.5C220.724 129.5 220.5 129.724 220.5 130C220.5 130.276 220.724 130.5 221 130.5V130V129.5ZM274 130V130.5H274.5V130H274ZM274.354 94.6464C274.158 94.4512 273.842 94.4512 273.646 94.6464L270.464 97.8284C270.269 98.0237 270.269 98.3403 270.464 98.5355C270.66 98.7308 270.976 98.7308 271.172 98.5355L274 95.7071L276.828 98.5355C277.024 98.7308 277.34 98.7308 277.536 98.5355C277.731 98.3403 277.731 98.0237 277.536 97.8284L274.354 94.6464ZM221 130V130.5H274V130V129.5H221V130ZM274 130H274.5V95H274H273.5V130H274Z" fill="#B1B9BE"/>
<path d="M168.5 91C168.5 90.7239 168.276 90.5 168 90.5C167.724 90.5 167.5 90.7239 167.5 91H168H168.5ZM167.646 101.354C167.842 101.549 168.158 101.549 168.354 101.354L171.536 98.1716C171.731 97.9763 171.731 97.6597 171.536 97.4645C171.34 97.2692 171.024 97.2692 170.828 97.4645L168 100.293L165.172 97.4645C164.976 97.2692 164.66 97.2692 164.464 97.4645C164.269 97.6597 164.269 97.9763 164.464 98.1716L167.646 101.354ZM168 91H167.5V101H168H168.5V91H168Z" fill="#B1B9BE"/>
<path d="M209.454 105.451H127.334C125.59 105.451 124.176 106.865 124.176 108.61V151.777C124.176 153.521 125.59 154.935 127.334 154.935H209.454C211.199 154.935 212.613 153.521 212.613 151.777V108.61C212.613 106.865 211.199 105.451 209.454 105.451Z" fill="#7D8A92"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

assets/site-images/templateImages/Side-to-Side-invert.svg
+7
View File
@@ -0,0 +1,7 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M104.173 71H22.053C20.3086 71 18.8945 72.4141 18.8945 74.1586V117.326C18.8945 119.07 20.3086 120.484 22.053 120.484H104.173C105.917 120.484 107.331 119.07 107.331 117.326V74.1586C107.331 72.4141 105.917 71 104.173 71Z" fill="#01A982"/>
<path d="M210.278 71H128.158C126.414 71 125 72.4141 125 74.1586V117.326C125 119.07 126.414 120.484 128.158 120.484H210.278C212.023 120.484 213.437 119.07 213.437 117.326V74.1586C213.437 72.4141 212.023 71 210.278 71Z" fill="#01A982"/>
<path d="M316.278 71H234.158C232.414 71 231 72.4141 231 74.1586V117.326C231 119.07 232.414 120.484 234.158 120.484H316.278C318.023 120.484 319.437 119.07 319.437 117.326V74.1586C319.437 72.4141 318.023 71 316.278 71Z" fill="#01A982"/>
<path d="M111 95H121" stroke="white" stroke-opacity="0.36" stroke-linecap="round"/>
<path d="M217 95H227" stroke="white" stroke-opacity="0.36" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 990 B

assets/site-images/templateImages/Side-to-Side.svg
+7
View File
@@ -0,0 +1,7 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M104.173 71H22.053C20.3086 71 18.8945 72.4141 18.8945 74.1586V117.326C18.8945 119.07 20.3086 120.484 22.053 120.484H104.173C105.917 120.484 107.331 119.07 107.331 117.326V74.1586C107.331 72.4141 105.917 71 104.173 71Z" fill="#01A982"/>
<path d="M210.278 71H128.158C126.414 71 125 72.4141 125 74.1586V117.326C125 119.07 126.414 120.484 128.158 120.484H210.278C212.023 120.484 213.437 119.07 213.437 117.326V74.1586C213.437 72.4141 212.023 71 210.278 71Z" fill="#01A982"/>
<path d="M316.278 71H234.158C232.414 71 231 72.4141 231 74.1586V117.326C231 119.07 232.414 120.484 234.158 120.484H316.278C318.023 120.484 319.437 119.07 319.437 117.326V74.1586C319.437 72.4141 318.023 71 316.278 71Z" fill="#01A982"/>
<path d="M111 95H121" stroke="#B1B9BE" stroke-linecap="round"/>
<path d="M217 95H227" stroke="#B1B9BE" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 950 B

assets/site-images/templateImages/SideToSide-invert.svg
+7
View File
@@ -0,0 +1,7 @@
<svg width="284" height="48" viewBox="0 0 284 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="84" height="47" rx="3" fill="#008567"/>
<rect x="100" y="1" width="84" height="47" rx="3" fill="#008567"/>
<rect x="200" y="1" width="84" height="47" rx="3" fill="#008567"/>
<path d="M86 25.8965H98" stroke="#C0CADC"/>
<path d="M186 26H198" stroke="#C0CADC"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 377 B

assets/site-images/templateImages/ascending-button-preview-invert.svg
+22
View File
@@ -0,0 +1,22 @@
<svg width="321" height="177" viewBox="0 0 321 177" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_2870_24596)">
<rect x="12" y="6" width="297" height="153" fill="#263040"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M82.4141 120L87.707 114.707L86.2928 113.293L79.5857 120L86.2928 126.707L87.707 125.293L82.4141 120Z" fill="white"/>
<path d="M109.92 124.73L110.802 125.81L112.548 124.406L111.738 123.416C112.638 122.408 113.196 121.04 113.196 119.474C113.196 116.162 110.982 113.768 107.778 113.768C104.592 113.768 102.396 116.162 102.396 119.474C102.396 122.768 104.592 125.18 107.778 125.18C108.534 125.18 109.272 125.018 109.92 124.73ZM110.28 119.474C110.28 120.194 110.172 120.788 109.992 121.274L109.164 120.248L107.418 121.616L108.3 122.714C108.138 122.75 107.958 122.768 107.778 122.768C106.284 122.768 105.312 121.382 105.312 119.474C105.312 117.566 106.284 116.306 107.778 116.306C109.272 116.306 110.28 117.566 110.28 119.474ZM122.116 125V116.9H119.29V121.814C119.146 122.372 118.66 122.714 118.138 122.714C117.418 122.714 117.094 122.228 117.094 121.544V116.9H114.286V122.21C114.286 124.01 115.348 125.18 117.13 125.18C118.048 125.18 118.858 124.802 119.29 124.298V125H122.116ZM125.925 121.598H130.911V120.77C130.911 118.358 129.633 116.72 127.113 116.72C124.881 116.72 123.189 118.466 123.189 121.004C123.189 123.614 124.953 125.18 127.545 125.18C128.715 125.18 129.705 124.928 130.335 124.46V122.318C129.525 122.804 128.859 122.966 127.995 122.966C126.951 122.966 126.159 122.57 125.925 121.598ZM127.221 118.862C127.905 118.862 128.319 119.33 128.391 120.014H125.961C126.159 119.276 126.609 118.862 127.221 118.862ZM139.835 125V116.9H137.009V121.814C136.865 122.372 136.379 122.714 135.857 122.714C135.137 122.714 134.813 122.228 134.813 121.544V116.9H132.005V122.21C132.005 124.01 133.067 125.18 134.849 125.18C135.767 125.18 136.577 124.802 137.009 124.298V125H139.835ZM143.644 121.598H148.63V120.77C148.63 118.358 147.352 116.72 144.832 116.72C142.6 116.72 140.908 118.466 140.908 121.004C140.908 123.614 142.672 125.18 145.264 125.18C146.434 125.18 147.424 124.928 148.054 124.46V122.318C147.244 122.804 146.578 122.966 145.714 122.966C144.67 122.966 143.878 122.57 143.644 121.598ZM144.94 118.862C145.624 118.862 146.038 119.33 146.11 120.014H143.68C143.878 119.276 144.328 118.862 144.94 118.862ZM149.489 122.03V124.406C150.245 124.91 151.433 125.18 152.567 125.18C154.565 125.18 156.059 124.334 156.059 122.606C156.059 121.238 155.357 120.518 153.593 120.05L152.855 119.834C152.459 119.726 152.225 119.618 152.225 119.312C152.225 118.988 152.549 118.826 153.035 118.826C153.953 118.826 154.817 119.204 155.591 119.762V117.44C154.799 116.954 153.917 116.72 152.765 116.72C150.857 116.72 149.453 117.674 149.453 119.366C149.453 120.824 150.407 121.526 151.901 121.85L152.531 122.012C153.017 122.12 153.269 122.246 153.269 122.57C153.269 122.93 152.909 123.056 152.351 123.056C151.523 123.056 150.263 122.66 149.489 122.03Z" fill="white"/>
<rect width="297" height="72" transform="translate(12 6)" fill="#263040"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M39 33H105V51H39V33ZM43.5 37.5H100.5V46.5H43.5V37.5Z" fill="#01A982"/>
<path d="M142.89 35.948H139.992V40.142H135.726V35.948H132.828V47H135.726V42.626H139.992V47H142.89V35.948ZM147.397 43.562H149.377C151.771 43.562 153.391 42.212 153.391 39.764C153.391 37.298 151.771 35.948 149.377 35.948H144.535V47H147.397V43.562ZM150.583 39.764C150.583 40.592 150.115 41.15 149.071 41.15H147.397V38.378H149.071C150.115 38.378 150.583 38.918 150.583 39.764ZM162.527 35.948H154.625V47H162.527V44.498H157.469V42.59H162.095V40.16H157.469V38.432H162.527V35.948Z" fill="white"/>
<path d="M175.868 45.902C173.564 45.902 172.088 44.138 172.088 41.474C172.088 38.81 173.69 37.064 175.994 37.064C177.2 37.064 178.244 37.442 179.18 38.288V36.776C178.406 36.164 177.29 35.786 175.994 35.786C172.952 35.786 170.666 38.036 170.666 41.474C170.666 44.894 172.754 47.162 175.832 47.162C177.2 47.162 178.658 46.748 179.72 45.578V41.258H175.976V42.446H178.406V45.056C177.686 45.65 176.876 45.902 175.868 45.902ZM185.98 40.358V38.972C185.836 38.9 185.548 38.846 185.206 38.846C184.324 38.846 183.568 39.368 183.226 40.052V39.008H181.876V47H183.226V41.636C183.496 40.7 184.234 40.142 185.08 40.142C185.422 40.142 185.764 40.214 185.98 40.358ZM188.187 43.238H193.695V42.752C193.695 40.412 192.579 38.846 190.419 38.846C188.295 38.846 186.855 40.592 186.855 43.076C186.855 45.596 188.403 47.162 190.707 47.162C191.661 47.162 192.489 46.964 193.137 46.46V45.218C192.417 45.758 191.769 45.974 190.869 45.974C189.411 45.974 188.241 45.092 188.187 43.238ZM190.437 39.998C191.733 39.998 192.327 41.006 192.381 42.176H188.259C188.511 40.7 189.375 39.998 190.437 39.998ZM196.29 43.238H201.798V42.752C201.798 40.412 200.682 38.846 198.522 38.846C196.398 38.846 194.958 40.592 194.958 43.076C194.958 45.596 196.506 47.162 198.81 47.162C199.764 47.162 200.592 46.964 201.24 46.46V45.218C200.52 45.758 199.872 45.974 198.972 45.974C197.514 45.974 196.344 45.092 196.29 43.238ZM198.54 39.998C199.836 39.998 200.43 41.006 200.484 42.176H196.362C196.614 40.7 197.478 39.998 198.54 39.998ZM203.638 39.008V47H204.988V41.582C205.276 40.718 206.086 40.088 207.022 40.088C208.228 40.088 208.786 40.862 208.786 41.978V47H210.154V41.762C210.154 40.016 209.164 38.846 207.346 38.846C206.32 38.846 205.456 39.386 204.988 40.016V39.008H203.638ZM212.552 35.948V47H219.608V45.722H213.974V35.948H212.552ZM225.961 41.69V42.734C225.619 42.428 224.791 42.086 223.963 42.086C222.253 42.086 220.921 43.094 220.921 44.588C220.921 46.172 222.253 47.144 223.891 47.144C224.827 47.144 225.655 46.73 225.961 46.406V47H227.275V41.582C227.275 39.89 226.159 38.846 224.269 38.846C223.279 38.846 222.325 39.134 221.785 39.512V40.79C222.451 40.358 223.171 40.088 224.053 40.088C225.223 40.088 225.961 40.7 225.961 41.69ZM225.961 44.192V45.02C225.745 45.614 224.953 46.01 224.107 46.01C223.135 46.01 222.199 45.56 222.199 44.588C222.199 43.634 223.135 43.202 224.107 43.202C224.953 43.202 225.745 43.598 225.961 44.192ZM236.297 47L232.301 42.662L236.225 39.008H234.479L230.933 42.374V35.3H229.583V47H230.933V43.04L234.623 47H236.297ZM238.232 43.238H243.74V42.752C243.74 40.412 242.624 38.846 240.464 38.846C238.34 38.846 236.9 40.592 236.9 43.076C236.9 45.596 238.448 47.162 240.752 47.162C241.706 47.162 242.534 46.964 243.182 46.46V45.218C242.462 45.758 241.814 45.974 240.914 45.974C239.456 45.974 238.286 45.092 238.232 43.238ZM240.482 39.998C241.778 39.998 242.372 41.006 242.426 42.176H238.304C238.556 40.7 239.42 39.998 240.482 39.998Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_2870_24596" x="0" y="0" width="321" height="177" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.36 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2870_24596"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2870_24596" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

assets/site-images/templateImages/ascending-button-preview.svg
+22
View File
@@ -0,0 +1,22 @@
<svg width="321" height="177" viewBox="0 0 321 177" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_2862_21633)">
<rect x="12" y="6" width="297" height="153" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M82.4141 120L87.707 114.707L86.2928 113.293L79.5857 120L86.2928 126.707L87.707 125.293L82.4141 120Z" fill="black"/>
<path d="M109.92 124.73L110.802 125.81L112.548 124.406L111.738 123.416C112.638 122.408 113.196 121.04 113.196 119.474C113.196 116.162 110.982 113.768 107.778 113.768C104.592 113.768 102.396 116.162 102.396 119.474C102.396 122.768 104.592 125.18 107.778 125.18C108.534 125.18 109.272 125.018 109.92 124.73ZM110.28 119.474C110.28 120.194 110.172 120.788 109.992 121.274L109.164 120.248L107.418 121.616L108.3 122.714C108.138 122.75 107.958 122.768 107.778 122.768C106.284 122.768 105.312 121.382 105.312 119.474C105.312 117.566 106.284 116.306 107.778 116.306C109.272 116.306 110.28 117.566 110.28 119.474ZM122.116 125V116.9H119.29V121.814C119.146 122.372 118.66 122.714 118.138 122.714C117.418 122.714 117.094 122.228 117.094 121.544V116.9H114.286V122.21C114.286 124.01 115.348 125.18 117.13 125.18C118.048 125.18 118.858 124.802 119.29 124.298V125H122.116ZM125.925 121.598H130.911V120.77C130.911 118.358 129.633 116.72 127.113 116.72C124.881 116.72 123.189 118.466 123.189 121.004C123.189 123.614 124.953 125.18 127.545 125.18C128.715 125.18 129.705 124.928 130.335 124.46V122.318C129.525 122.804 128.859 122.966 127.995 122.966C126.951 122.966 126.159 122.57 125.925 121.598ZM127.221 118.862C127.905 118.862 128.319 119.33 128.391 120.014H125.961C126.159 119.276 126.609 118.862 127.221 118.862ZM139.835 125V116.9H137.009V121.814C136.865 122.372 136.379 122.714 135.857 122.714C135.137 122.714 134.813 122.228 134.813 121.544V116.9H132.005V122.21C132.005 124.01 133.067 125.18 134.849 125.18C135.767 125.18 136.577 124.802 137.009 124.298V125H139.835ZM143.644 121.598H148.63V120.77C148.63 118.358 147.352 116.72 144.832 116.72C142.6 116.72 140.908 118.466 140.908 121.004C140.908 123.614 142.672 125.18 145.264 125.18C146.434 125.18 147.424 124.928 148.054 124.46V122.318C147.244 122.804 146.578 122.966 145.714 122.966C144.67 122.966 143.878 122.57 143.644 121.598ZM144.94 118.862C145.624 118.862 146.038 119.33 146.11 120.014H143.68C143.878 119.276 144.328 118.862 144.94 118.862ZM149.489 122.03V124.406C150.245 124.91 151.433 125.18 152.567 125.18C154.565 125.18 156.059 124.334 156.059 122.606C156.059 121.238 155.357 120.518 153.593 120.05L152.855 119.834C152.459 119.726 152.225 119.618 152.225 119.312C152.225 118.988 152.549 118.826 153.035 118.826C153.953 118.826 154.817 119.204 155.591 119.762V117.44C154.799 116.954 153.917 116.72 152.765 116.72C150.857 116.72 149.453 117.674 149.453 119.366C149.453 120.824 150.407 121.526 151.901 121.85L152.531 122.012C153.017 122.12 153.269 122.246 153.269 122.57C153.269 122.93 152.909 123.056 152.351 123.056C151.523 123.056 150.263 122.66 149.489 122.03Z" fill="black"/>
<rect width="297" height="72" transform="translate(12 6)" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M39 33H105V51H39V33ZM43.5 37.5H100.5V46.5H43.5V37.5Z" fill="#01A982"/>
<path d="M142.89 35.948H139.992V40.142H135.726V35.948H132.828V47H135.726V42.626H139.992V47H142.89V35.948ZM147.397 43.562H149.377C151.771 43.562 153.391 42.212 153.391 39.764C153.391 37.298 151.771 35.948 149.377 35.948H144.535V47H147.397V43.562ZM150.583 39.764C150.583 40.592 150.115 41.15 149.071 41.15H147.397V38.378H149.071C150.115 38.378 150.583 38.918 150.583 39.764ZM162.527 35.948H154.625V47H162.527V44.498H157.469V42.59H162.095V40.16H157.469V38.432H162.527V35.948Z" fill="black"/>
<path d="M175.868 45.902C173.564 45.902 172.088 44.138 172.088 41.474C172.088 38.81 173.69 37.064 175.994 37.064C177.2 37.064 178.244 37.442 179.18 38.288V36.776C178.406 36.164 177.29 35.786 175.994 35.786C172.952 35.786 170.666 38.036 170.666 41.474C170.666 44.894 172.754 47.162 175.832 47.162C177.2 47.162 178.658 46.748 179.72 45.578V41.258H175.976V42.446H178.406V45.056C177.686 45.65 176.876 45.902 175.868 45.902ZM185.98 40.358V38.972C185.836 38.9 185.548 38.846 185.206 38.846C184.324 38.846 183.568 39.368 183.226 40.052V39.008H181.876V47H183.226V41.636C183.496 40.7 184.234 40.142 185.08 40.142C185.422 40.142 185.764 40.214 185.98 40.358ZM188.187 43.238H193.695V42.752C193.695 40.412 192.579 38.846 190.419 38.846C188.295 38.846 186.855 40.592 186.855 43.076C186.855 45.596 188.403 47.162 190.707 47.162C191.661 47.162 192.489 46.964 193.137 46.46V45.218C192.417 45.758 191.769 45.974 190.869 45.974C189.411 45.974 188.241 45.092 188.187 43.238ZM190.437 39.998C191.733 39.998 192.327 41.006 192.381 42.176H188.259C188.511 40.7 189.375 39.998 190.437 39.998ZM196.29 43.238H201.798V42.752C201.798 40.412 200.682 38.846 198.522 38.846C196.398 38.846 194.958 40.592 194.958 43.076C194.958 45.596 196.506 47.162 198.81 47.162C199.764 47.162 200.592 46.964 201.24 46.46V45.218C200.52 45.758 199.872 45.974 198.972 45.974C197.514 45.974 196.344 45.092 196.29 43.238ZM198.54 39.998C199.836 39.998 200.43 41.006 200.484 42.176H196.362C196.614 40.7 197.478 39.998 198.54 39.998ZM203.638 39.008V47H204.988V41.582C205.276 40.718 206.086 40.088 207.022 40.088C208.228 40.088 208.786 40.862 208.786 41.978V47H210.154V41.762C210.154 40.016 209.164 38.846 207.346 38.846C206.32 38.846 205.456 39.386 204.988 40.016V39.008H203.638ZM212.552 35.948V47H219.608V45.722H213.974V35.948H212.552ZM225.961 41.69V42.734C225.619 42.428 224.791 42.086 223.963 42.086C222.253 42.086 220.921 43.094 220.921 44.588C220.921 46.172 222.253 47.144 223.891 47.144C224.827 47.144 225.655 46.73 225.961 46.406V47H227.275V41.582C227.275 39.89 226.159 38.846 224.269 38.846C223.279 38.846 222.325 39.134 221.785 39.512V40.79C222.451 40.358 223.171 40.088 224.053 40.088C225.223 40.088 225.961 40.7 225.961 41.69ZM225.961 44.192V45.02C225.745 45.614 224.953 46.01 224.107 46.01C223.135 46.01 222.199 45.56 222.199 44.588C222.199 43.634 223.135 43.202 224.107 43.202C224.953 43.202 225.745 43.598 225.961 44.192ZM236.297 47L232.301 42.662L236.225 39.008H234.479L230.933 42.374V35.3H229.583V47H230.933V43.04L234.623 47H236.297ZM238.232 43.238H243.74V42.752C243.74 40.412 242.624 38.846 240.464 38.846C238.34 38.846 236.9 40.592 236.9 43.076C236.9 45.596 238.448 47.162 240.752 47.162C241.706 47.162 242.534 46.964 243.182 46.46V45.218C242.462 45.758 241.814 45.974 240.914 45.974C239.456 45.974 238.286 45.092 238.232 43.238ZM240.482 39.998C241.778 39.998 242.372 41.006 242.426 42.176H238.304C238.556 40.7 239.42 39.998 240.482 39.998Z" fill="black"/>
<defs>
<filter id="filter0_d_2862_21633" x="0" y="0" width="321" height="177" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2862_21633"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2862_21633" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

assets/site-images/templateImages/ascending-nav-left-invert.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 85 KiB

assets/site-images/templateImages/ascending-nav-left.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

assets/site-images/templateImages/ascending-nav-right-invert.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 90 KiB

assets/site-images/templateImages/ascending-nav-right.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

assets/site-images/templateImages/ascending-navigation-invert.svg
+10
View File
@@ -0,0 +1,10 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M109.849 43H35.8463C34.2743 43 33 44.2743 33 45.8463V84.745C33 86.3169 34.2743 87.5913 35.8463 87.5913H109.849C111.421 87.5913 112.695 86.3169 112.695 84.745V45.8463C112.695 44.2743 111.421 43 109.849 43Z" fill="#01A982"/>
<path d="M204.724 43.9492H130.721C129.149 43.9492 127.875 45.2235 127.875 46.7955V85.6942C127.875 87.2662 129.149 88.5405 130.721 88.5405H204.724C206.296 88.5405 207.57 87.2662 207.57 85.6942V46.7955C207.57 45.2235 206.296 43.9492 204.724 43.9492Z" fill="#01A982"/>
<path d="M299.599 43H225.596C224.024 43 222.75 44.2743 222.75 45.8463V84.745C222.75 86.3169 224.024 87.5913 225.596 87.5913H299.599C301.171 87.5913 302.445 86.3169 302.445 84.745V45.8463C302.445 44.2743 301.171 43 299.599 43Z" fill="#01A982"/>
<path d="M204.724 104.67H130.721C129.149 104.67 127.875 105.944 127.875 107.516V146.415C127.875 147.987 129.149 149.261 130.721 149.261H204.724C206.296 149.261 207.57 147.987 207.57 146.415V107.516C207.57 105.944 206.296 104.67 204.724 104.67Z" fill="#B1B9BE"/>
<path d="M299.599 104.67H225.596C224.024 104.67 222.75 105.944 222.75 107.516V146.415C222.75 147.987 224.024 149.261 225.596 149.261H299.599C301.171 149.261 302.445 147.987 302.445 146.415V107.516C302.445 105.944 301.171 104.67 299.599 104.67Z" fill="#B1B9BE"/>
<path d="M168.5 92C168.5 91.7239 168.276 91.5 168 91.5C167.724 91.5 167.5 91.7239 167.5 92H168H168.5ZM167.646 102.354C167.842 102.549 168.158 102.549 168.354 102.354L171.536 99.1716C171.731 98.9763 171.731 98.6597 171.536 98.4645C171.34 98.2692 171.024 98.2692 170.828 98.4645L168 101.293L165.172 98.4645C164.976 98.2692 164.66 98.2692 164.464 98.4645C164.269 98.6597 164.269 98.9763 164.464 99.1716L167.646 102.354ZM168 92H167.5V102H168H168.5V92H168Z" fill="white" fill-opacity="0.36"/>
<path d="M262.51 102C262.51 102.276 262.734 102.5 263.01 102.5C263.286 102.5 263.51 102.276 263.51 102L263.01 102L262.51 102ZM263.363 91.6464C263.168 91.4512 262.851 91.4512 262.656 91.6464L259.474 94.8284C259.279 95.0237 259.279 95.3403 259.474 95.5355C259.669 95.7308 259.986 95.7308 260.181 95.5355L263.01 92.7071L265.838 95.5355C266.033 95.7308 266.35 95.7308 266.545 95.5355C266.741 95.3403 266.741 95.0237 266.545 94.8284L263.363 91.6464ZM263.01 102L263.51 102L263.51 92L263.01 92L262.51 92L262.51 102L263.01 102Z" fill="white" fill-opacity="0.36"/>
<path d="M210 126.5C209.724 126.5 209.5 126.724 209.5 127C209.5 127.276 209.724 127.5 210 127.5L210 127L210 126.5ZM220.354 127.354C220.549 127.158 220.549 126.842 220.354 126.646L217.172 123.464C216.976 123.269 216.66 123.269 216.464 123.464C216.269 123.66 216.269 123.976 216.464 124.172L219.293 127L216.464 129.828C216.269 130.024 216.269 130.34 216.464 130.536C216.66 130.731 216.976 130.731 217.172 130.536L220.354 127.354ZM210 127L210 127.5L220 127.5L220 127L220 126.5L210 126.5L210 127Z" fill="white" fill-opacity="0.36"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

assets/site-images/templateImages/ascending-navigation.svg
+10
View File
@@ -0,0 +1,10 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M109.849 43H35.8463C34.2743 43 33 44.2743 33 45.8463V84.745C33 86.3169 34.2743 87.5913 35.8463 87.5913H109.849C111.421 87.5913 112.695 86.3169 112.695 84.745V45.8463C112.695 44.2743 111.421 43 109.849 43Z" fill="#01A982"/>
<path d="M204.724 43.9492H130.721C129.149 43.9492 127.875 45.2235 127.875 46.7955V85.6942C127.875 87.2662 129.149 88.5405 130.721 88.5405H204.724C206.296 88.5405 207.57 87.2662 207.57 85.6942V46.7955C207.57 45.2235 206.296 43.9492 204.724 43.9492Z" fill="#01A982"/>
<path d="M299.599 43H225.596C224.024 43 222.75 44.2743 222.75 45.8463V84.745C222.75 86.3169 224.024 87.5913 225.596 87.5913H299.599C301.171 87.5913 302.445 86.3169 302.445 84.745V45.8463C302.445 44.2743 301.171 43 299.599 43Z" fill="#01A982"/>
<path d="M204.724 104.67H130.721C129.149 104.67 127.875 105.944 127.875 107.516V146.415C127.875 147.987 129.149 149.261 130.721 149.261H204.724C206.296 149.261 207.57 147.987 207.57 146.415V107.516C207.57 105.944 206.296 104.67 204.724 104.67Z" fill="#7D8A92"/>
<path d="M299.599 104.67H225.596C224.024 104.67 222.75 105.944 222.75 107.516V146.415C222.75 147.987 224.024 149.261 225.596 149.261H299.599C301.171 149.261 302.445 147.987 302.445 146.415V107.516C302.445 105.944 301.171 104.67 299.599 104.67Z" fill="#7D8A92"/>
<path d="M168.5 92C168.5 91.7239 168.276 91.5 168 91.5C167.724 91.5 167.5 91.7239 167.5 92H168H168.5ZM167.646 102.354C167.842 102.549 168.158 102.549 168.354 102.354L171.536 99.1716C171.731 98.9763 171.731 98.6597 171.536 98.4645C171.34 98.2692 171.024 98.2692 170.828 98.4645L168 101.293L165.172 98.4645C164.976 98.2692 164.66 98.2692 164.464 98.4645C164.269 98.6597 164.269 98.9763 164.464 99.1716L167.646 102.354ZM168 92H167.5V102H168H168.5V92H168Z" fill="#B1B9BE"/>
<path d="M262.51 102C262.51 102.276 262.734 102.5 263.01 102.5C263.286 102.5 263.51 102.276 263.51 102L263.01 102L262.51 102ZM263.363 91.6464C263.168 91.4512 262.851 91.4512 262.656 91.6464L259.474 94.8284C259.279 95.0237 259.279 95.3403 259.474 95.5355C259.669 95.7308 259.986 95.7308 260.181 95.5355L263.01 92.7071L265.838 95.5355C266.033 95.7308 266.35 95.7308 266.545 95.5355C266.741 95.3403 266.741 95.0237 266.545 94.8284L263.363 91.6464ZM263.01 102L263.51 102L263.51 92L263.01 92L262.51 92L262.51 102L263.01 102Z" fill="#B1B9BE"/>
<path d="M210 126.5C209.724 126.5 209.5 126.724 209.5 127C209.5 127.276 209.724 127.5 210 127.5L210 127L210 126.5ZM220.354 127.354C220.549 127.158 220.549 126.842 220.354 126.646L217.172 123.464C216.976 123.269 216.66 123.269 216.464 123.464C216.269 123.66 216.269 123.976 216.464 124.172L219.293 127L216.464 129.828C216.269 130.024 216.269 130.34 216.464 130.536C216.66 130.731 216.976 130.731 217.172 130.536L220.354 127.354ZM210 127L210 127.5L220 127.5L220 127L220 126.5L210 126.5L210 127Z" fill="#B1B9BE"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

assets/site-images/templateImages/coming-soon-invert.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M127.814 92.246C127.814 96.47 130.542 99.198 134.15 99.198C135.712 99.198 136.9 98.758 137.78 98.032V96.206C136.68 97.196 135.558 97.636 134.172 97.636C131.444 97.636 129.552 95.502 129.552 92.246C129.552 88.99 131.444 86.856 134.172 86.856C135.558 86.856 136.68 87.274 137.78 88.286V86.46C136.9 85.734 135.712 85.294 134.15 85.294C130.542 85.294 127.814 88.022 127.814 92.246ZM148.627 94.116C148.627 91.124 146.801 89.034 144.139 89.034C141.455 89.034 139.651 91.124 139.651 94.116C139.651 97.108 141.455 99.198 144.139 99.198C146.801 99.198 148.627 97.108 148.627 94.116ZM146.955 94.116C146.955 96.25 145.899 97.746 144.139 97.746C142.379 97.746 141.323 96.25 141.323 94.116C141.323 91.982 142.379 90.486 144.139 90.486C145.899 90.486 146.955 91.982 146.955 94.116ZM157.791 90.596C157.329 89.672 156.383 89.034 155.151 89.034C153.941 89.034 152.995 89.606 152.511 90.376V89.232H150.861V99H152.511V92.268C152.819 91.212 153.677 90.53 154.667 90.53C155.921 90.53 156.515 91.432 156.515 92.796V99H158.165V92.268C158.473 91.212 159.331 90.53 160.321 90.53C161.575 90.53 162.169 91.432 162.169 92.796V99H163.841V92.532C163.841 90.42 162.741 89.034 160.761 89.034C159.397 89.034 158.407 89.716 157.791 90.596ZM168.522 86.284C168.522 85.69 168.038 85.228 167.444 85.228C166.872 85.228 166.388 85.69 166.388 86.284C166.388 86.856 166.872 87.34 167.444 87.34C168.038 87.34 168.522 86.856 168.522 86.284ZM168.28 99V89.232H166.63V99H168.28ZM171.228 89.232V99H172.878V92.378C173.23 91.322 174.22 90.552 175.364 90.552C176.838 90.552 177.52 91.498 177.52 92.862V99H179.192V92.598C179.192 90.464 177.982 89.034 175.76 89.034C174.506 89.034 173.45 89.694 172.878 90.464V89.232H171.228ZM188.372 97.702V98.34C188.372 100.43 187.008 101.464 185.27 101.464C184.126 101.464 183.092 101.156 182.124 100.254V102.08C182.872 102.608 184.016 102.96 185.27 102.96C187.602 102.96 190.044 101.64 190.044 98.23V89.232H188.372V90.332C187.888 89.65 186.854 89.034 185.644 89.034C182.784 89.034 181.288 91.41 181.288 94.028C181.288 96.646 182.784 99.022 185.644 99.022C186.854 99.022 187.888 98.384 188.372 97.702ZM188.372 92.026V96.008C187.866 96.932 186.942 97.526 185.886 97.526C184.038 97.526 182.96 96.052 182.96 94.028C182.96 91.982 184.038 90.508 185.886 90.508C186.942 90.508 187.866 91.102 188.372 92.026ZM197.254 96.47V98.23C197.98 98.802 199.19 99.198 200.466 99.198C202.512 99.198 204.118 98.164 204.118 96.36C204.118 94.974 203.304 94.116 201.83 93.61L200.334 93.104C199.41 92.774 198.882 92.51 198.882 91.718C198.882 90.882 199.718 90.442 200.73 90.442C201.918 90.442 202.82 90.926 203.634 91.608V89.892C202.842 89.342 201.83 89.034 200.73 89.034C198.794 89.034 197.276 90.068 197.276 91.784C197.276 93.368 198.266 94.072 199.74 94.556L201.082 95.018C201.94 95.304 202.49 95.7 202.49 96.426C202.49 97.394 201.544 97.79 200.466 97.79C199.278 97.79 198.156 97.306 197.254 96.47ZM214.734 94.116C214.734 91.124 212.908 89.034 210.246 89.034C207.562 89.034 205.758 91.124 205.758 94.116C205.758 97.108 207.562 99.198 210.246 99.198C212.908 99.198 214.734 97.108 214.734 94.116ZM213.062 94.116C213.062 96.25 212.006 97.746 210.246 97.746C208.486 97.746 207.43 96.25 207.43 94.116C207.43 91.982 208.486 90.486 210.246 90.486C212.006 90.486 213.062 91.982 213.062 94.116ZM225.283 94.116C225.283 91.124 223.457 89.034 220.795 89.034C218.111 89.034 216.307 91.124 216.307 94.116C216.307 97.108 218.111 99.198 220.795 99.198C223.457 99.198 225.283 97.108 225.283 94.116ZM223.611 94.116C223.611 96.25 222.555 97.746 220.795 97.746C219.035 97.746 217.979 96.25 217.979 94.116C217.979 91.982 219.035 90.486 220.795 90.486C222.555 90.486 223.611 91.982 223.611 94.116ZM227.517 89.232V99H229.167V92.378C229.519 91.322 230.509 90.552 231.653 90.552C233.127 90.552 233.809 91.498 233.809 92.862V99H235.481V92.598C235.481 90.464 234.271 89.034 232.049 89.034C230.795 89.034 229.739 89.694 229.167 90.464V89.232H227.517Z" fill="#C0CADC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M103 82C96.9249 82 92 86.9249 92 93C92 99.0751 96.9249 104 103 104C109.075 104 114 99.0751 114 93C114 86.9249 109.075 82 103 82ZM94 93C94 88.0294 98.0294 84 103 84C107.971 84 112 88.0294 112 93C112 97.9706 107.971 102 103 102C98.0294 102 94 97.9706 94 93ZM104 88C104 87.4477 103.552 87 103 87C102.448 87 102 87.4477 102 88V93C102 93.3148 102.148 93.6111 102.4 93.8L106.4 96.8C106.842 97.1314 107.469 97.0418 107.8 96.6C108.131 96.1582 108.042 95.5314 107.6 95.2L104 92.5V88Z" fill="#C0CADC"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

assets/site-images/templateImages/coming-soon.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M127.814 92.246C127.814 96.47 130.542 99.198 134.15 99.198C135.712 99.198 136.9 98.758 137.78 98.032V96.206C136.68 97.196 135.558 97.636 134.172 97.636C131.444 97.636 129.552 95.502 129.552 92.246C129.552 88.99 131.444 86.856 134.172 86.856C135.558 86.856 136.68 87.274 137.78 88.286V86.46C136.9 85.734 135.712 85.294 134.15 85.294C130.542 85.294 127.814 88.022 127.814 92.246ZM148.627 94.116C148.627 91.124 146.801 89.034 144.139 89.034C141.455 89.034 139.651 91.124 139.651 94.116C139.651 97.108 141.455 99.198 144.139 99.198C146.801 99.198 148.627 97.108 148.627 94.116ZM146.955 94.116C146.955 96.25 145.899 97.746 144.139 97.746C142.379 97.746 141.323 96.25 141.323 94.116C141.323 91.982 142.379 90.486 144.139 90.486C145.899 90.486 146.955 91.982 146.955 94.116ZM157.791 90.596C157.329 89.672 156.383 89.034 155.151 89.034C153.941 89.034 152.995 89.606 152.511 90.376V89.232H150.861V99H152.511V92.268C152.819 91.212 153.677 90.53 154.667 90.53C155.921 90.53 156.515 91.432 156.515 92.796V99H158.165V92.268C158.473 91.212 159.331 90.53 160.321 90.53C161.575 90.53 162.169 91.432 162.169 92.796V99H163.841V92.532C163.841 90.42 162.741 89.034 160.761 89.034C159.397 89.034 158.407 89.716 157.791 90.596ZM168.522 86.284C168.522 85.69 168.038 85.228 167.444 85.228C166.872 85.228 166.388 85.69 166.388 86.284C166.388 86.856 166.872 87.34 167.444 87.34C168.038 87.34 168.522 86.856 168.522 86.284ZM168.28 99V89.232H166.63V99H168.28ZM171.228 89.232V99H172.878V92.378C173.23 91.322 174.22 90.552 175.364 90.552C176.838 90.552 177.52 91.498 177.52 92.862V99H179.192V92.598C179.192 90.464 177.982 89.034 175.76 89.034C174.506 89.034 173.45 89.694 172.878 90.464V89.232H171.228ZM188.372 97.702V98.34C188.372 100.43 187.008 101.464 185.27 101.464C184.126 101.464 183.092 101.156 182.124 100.254V102.08C182.872 102.608 184.016 102.96 185.27 102.96C187.602 102.96 190.044 101.64 190.044 98.23V89.232H188.372V90.332C187.888 89.65 186.854 89.034 185.644 89.034C182.784 89.034 181.288 91.41 181.288 94.028C181.288 96.646 182.784 99.022 185.644 99.022C186.854 99.022 187.888 98.384 188.372 97.702ZM188.372 92.026V96.008C187.866 96.932 186.942 97.526 185.886 97.526C184.038 97.526 182.96 96.052 182.96 94.028C182.96 91.982 184.038 90.508 185.886 90.508C186.942 90.508 187.866 91.102 188.372 92.026ZM197.254 96.47V98.23C197.98 98.802 199.19 99.198 200.466 99.198C202.512 99.198 204.118 98.164 204.118 96.36C204.118 94.974 203.304 94.116 201.83 93.61L200.334 93.104C199.41 92.774 198.882 92.51 198.882 91.718C198.882 90.882 199.718 90.442 200.73 90.442C201.918 90.442 202.82 90.926 203.634 91.608V89.892C202.842 89.342 201.83 89.034 200.73 89.034C198.794 89.034 197.276 90.068 197.276 91.784C197.276 93.368 198.266 94.072 199.74 94.556L201.082 95.018C201.94 95.304 202.49 95.7 202.49 96.426C202.49 97.394 201.544 97.79 200.466 97.79C199.278 97.79 198.156 97.306 197.254 96.47ZM214.734 94.116C214.734 91.124 212.908 89.034 210.246 89.034C207.562 89.034 205.758 91.124 205.758 94.116C205.758 97.108 207.562 99.198 210.246 99.198C212.908 99.198 214.734 97.108 214.734 94.116ZM213.062 94.116C213.062 96.25 212.006 97.746 210.246 97.746C208.486 97.746 207.43 96.25 207.43 94.116C207.43 91.982 208.486 90.486 210.246 90.486C212.006 90.486 213.062 91.982 213.062 94.116ZM225.283 94.116C225.283 91.124 223.457 89.034 220.795 89.034C218.111 89.034 216.307 91.124 216.307 94.116C216.307 97.108 218.111 99.198 220.795 99.198C223.457 99.198 225.283 97.108 225.283 94.116ZM223.611 94.116C223.611 96.25 222.555 97.746 220.795 97.746C219.035 97.746 217.979 96.25 217.979 94.116C217.979 91.982 219.035 90.486 220.795 90.486C222.555 90.486 223.611 91.982 223.611 94.116ZM227.517 89.232V99H229.167V92.378C229.519 91.322 230.509 90.552 231.653 90.552C233.127 90.552 233.809 91.498 233.809 92.862V99H235.481V92.598C235.481 90.464 234.271 89.034 232.049 89.034C230.795 89.034 229.739 89.694 229.167 90.464V89.232H227.517Z" fill="#444444"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M103 82C96.9249 82 92 86.9249 92 93C92 99.0751 96.9249 104 103 104C109.075 104 114 99.0751 114 93C114 86.9249 109.075 82 103 82ZM94 93C94 88.0294 98.0294 84 103 84C107.971 84 112 88.0294 112 93C112 97.9706 107.971 102 103 102C98.0294 102 94 97.9706 94 93ZM104 88C104 87.4477 103.552 87 103 87C102.448 87 102 87.4477 102 88V93C102 93.3148 102.148 93.6111 102.4 93.8L106.4 96.8C106.842 97.1314 107.469 97.0418 107.8 96.6C108.131 96.1582 108.042 95.5314 107.6 95.2L104 92.5V88Z" fill="#444444"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

assets/site-images/templateImages/drill-down-card-example-invert.svg
+74
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

assets/site-images/templateImages/drill-down-card-example.svg
+74
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

assets/site-images/templateImages/drill-down-datatable-example-invert.svg
+75
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

assets/site-images/templateImages/drill-down-datatable-example.svg
+75
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

assets/site-images/templateImages/drill-down-list-example-invert.svg
+74
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

assets/site-images/templateImages/drill-down-list-example.svg
+74
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

assets/site-images/templateImages/globalheader-footer-small.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

assets/site-images/templateImages/globalheader-footer.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

assets/site-images/templateImages/globalheader-full.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

assets/site-images/templateImages/globalheader-full.svg
+11
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

assets/site-images/templateImages/globalheader-greenlake.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

assets/site-images/templateImages/globalheader-hpe.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

assets/site-images/templateImages/globalheader-nav.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

assets/site-images/templateImages/globalheader-sign-in.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 569 B

assets/site-images/templateImages/globalheader-small.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

assets/site-images/templateImages/globalheader.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

assets/site-images/templateImages/matrix-app-example-invert.svg
+79
View File
@@ -0,0 +1,79 @@
<svg width="789" height="246" viewBox="0 0 789 246" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M497 109L496.86 181H396" stroke="#7630EA" stroke-width="2" stroke-dasharray="6 6"/>
<path d="M493 111L497.4 106L501.5 111" stroke="#6633BC" stroke-width="2"/>
<path d="M579 54.8621H606M606 54.8621L602.22 59M606 54.8621L602.22 51" stroke="#7630EA" stroke-width="2"/>
<path d="M182 58.8621H209M209 58.8621L205.22 63M209 58.8621L205.22 55" stroke="#7630EA" stroke-width="2"/>
<path d="M306.138 102V129M306.138 129L302 125.22M306.138 129L310 125.22" stroke="#7630EA" stroke-width="2"/>
<g filter="url(#filter0_d_2_9)">
<rect x="614" y="6" width="162.828" height="93.6452" fill="#404B5C"/>
</g>
<rect x="621.644" y="23.2001" width="148.686" height="68.0361" fill="#263040"/>
<g filter="url(#filter1_d_2_9)">
<rect x="226" y="8" width="162.828" height="93.6452" fill="#404B5C"/>
</g>
<rect x="233.644" y="25.2001" width="148.686" height="68.0361" fill="#263040"/>
<g filter="url(#filter2_d_2_9)">
<rect x="413" y="8" width="162.828" height="93.6452" fill="#404B5C"/>
</g>
<rect x="420.645" y="25.2001" width="148.686" height="68.0361" fill="#263040"/>
<g filter="url(#filter3_d_2_9)">
<rect x="12" y="8" width="162.828" height="93.6452" fill="#404B5C"/>
</g>
<rect x="19" y="25" width="148.686" height="68.0361" fill="#263040"/>
<path d="M53.4657 52.9602V64.0122H57.6417C61.1157 64.0122 63.2217 61.8522 63.2217 58.4862C63.2217 55.1202 61.1157 52.9602 57.6417 52.9602H53.4657ZM57.4977 61.5102H56.3097V55.4442H57.4977C59.3337 55.4442 60.3597 56.6142 60.3597 58.4862C60.3597 60.3402 59.3337 61.5102 57.4977 61.5102ZM68.7206 59.1342V59.4222C68.3966 59.1882 67.6406 58.9722 66.9566 58.9722C65.2106 58.9722 63.8426 59.9802 63.8426 61.5462C63.8426 63.2562 65.2106 64.1562 66.8126 64.1562C67.6766 64.1562 68.4506 63.8682 68.7206 63.5982V64.0122H71.4386V59.0082C71.4386 56.8662 70.0706 55.7322 67.6766 55.7322C66.5246 55.7322 65.4446 56.0022 64.7786 56.3622V58.6302C65.4266 58.2522 66.2186 58.0542 66.9926 58.0542C68.1446 58.0542 68.7206 58.5042 68.7206 59.1342ZM68.7206 61.2762V61.7442C68.5406 62.0682 68.0906 62.2842 67.5866 62.2842C67.0286 62.2842 66.4706 62.0502 66.4706 61.4922C66.4706 60.9522 67.0286 60.7182 67.5866 60.7182C68.0906 60.7182 68.5406 60.9342 68.7206 61.2762ZM72.5998 61.0422V63.4182C73.3558 63.9222 74.5438 64.1922 75.6778 64.1922C77.6758 64.1922 79.1698 63.3462 79.1698 61.6182C79.1698 60.2502 78.4678 59.5302 76.7038 59.0622L75.9658 58.8462C75.5698 58.7382 75.3358 58.6302 75.3358 58.3242C75.3358 58.0002 75.6598 57.8382 76.1458 57.8382C77.0638 57.8382 77.9278 58.2162 78.7018 58.7742V56.4522C77.9098 55.9662 77.0278 55.7322 75.8758 55.7322C73.9678 55.7322 72.5638 56.6862 72.5638 58.3782C72.5638 59.8362 73.5178 60.5382 75.0118 60.8622L75.6418 61.0242C76.1278 61.1322 76.3798 61.2582 76.3798 61.5822C76.3798 61.9422 76.0198 62.0682 75.4618 62.0682C74.6338 62.0682 73.3738 61.6722 72.5998 61.0422ZM80.2882 52.3122V64.0122H83.1142V59.1162C83.2582 58.5582 83.7262 58.2342 84.2842 58.2342C85.0042 58.2342 85.3462 58.7202 85.3462 59.3862V64.0122H88.1542V58.7022C88.1542 56.9022 87.0922 55.7322 85.2922 55.7322C84.3562 55.7322 83.5642 56.1102 83.1142 56.6142V52.3122H80.2882ZM92.4482 64.0122V63.3642C92.8262 63.7962 93.6182 64.1922 94.4462 64.1922C96.7862 64.1922 98.0642 62.3022 98.0642 59.9622C98.0642 57.6222 96.7862 55.7322 94.4462 55.7322C93.6182 55.7322 92.8262 56.1282 92.4482 56.5602V52.3122H89.6222V64.0122H92.4482ZM92.4482 61.0242V58.8822C92.6642 58.4502 93.1502 58.1262 93.6902 58.1262C94.6622 58.1262 95.2382 58.9182 95.2382 59.9622C95.2382 61.0062 94.6622 61.7802 93.6902 61.7802C93.1322 61.7802 92.6642 61.4742 92.4482 61.0242ZM107.103 59.9622C107.103 57.4602 105.429 55.7322 102.963 55.7322C100.515 55.7322 98.823 57.4602 98.823 59.9622C98.823 62.4642 100.515 64.1922 102.963 64.1922C105.429 64.1922 107.103 62.4642 107.103 59.9622ZM104.331 59.9622C104.331 61.0782 103.845 61.8522 102.963 61.8522C102.099 61.8522 101.613 61.0782 101.613 59.9622C101.613 58.8462 102.099 58.0542 102.963 58.0542C103.845 58.0542 104.331 58.8462 104.331 59.9622ZM112.666 59.1342V59.4222C112.342 59.1882 111.586 58.9722 110.902 58.9722C109.156 58.9722 107.788 59.9802 107.788 61.5462C107.788 63.2562 109.156 64.1562 110.758 64.1562C111.622 64.1562 112.396 63.8682 112.666 63.5982V64.0122H115.384V59.0082C115.384 56.8662 114.016 55.7322 111.622 55.7322C110.47 55.7322 109.39 56.0022 108.724 56.3622V58.6302C109.372 58.2522 110.164 58.0542 110.938 58.0542C112.09 58.0542 112.666 58.5042 112.666 59.1342ZM112.666 61.2762V61.7442C112.486 62.0682 112.036 62.2842 111.532 62.2842C110.974 62.2842 110.416 62.0502 110.416 61.4922C110.416 60.9522 110.974 60.7182 111.532 60.7182C112.036 60.7182 112.486 60.9342 112.666 61.2762ZM122.269 58.5942V55.8762C122.143 55.8042 121.855 55.7322 121.495 55.7322C120.685 55.7322 120.055 56.0922 119.659 56.6322V55.9122H116.833V64.0122H119.659V59.2602C119.803 58.6842 120.325 58.3422 121.099 58.3422C121.549 58.3422 121.927 58.4142 122.269 58.5942ZM128.486 63.3642V64.0122H131.312V52.3122H128.486V56.5602C128.108 56.1282 127.316 55.7322 126.488 55.7322C124.148 55.7322 122.87 57.6222 122.87 59.9622C122.87 62.3022 124.148 64.1922 126.488 64.1922C127.316 64.1922 128.108 63.7962 128.486 63.3642ZM128.486 58.8822V61.0242C128.27 61.4742 127.802 61.7802 127.244 61.7802C126.272 61.7802 125.696 61.0062 125.696 59.9622C125.696 58.9182 126.272 58.1262 127.244 58.1262C127.784 58.1262 128.27 58.4502 128.486 58.8822Z" fill="white"/>
<path d="M667.972 58.8283V61.4923C668.782 61.9783 670.114 62.3923 671.59 62.3923C674.074 62.3923 676.108 61.3303 676.108 58.9363C676.108 57.2443 675.19 56.1823 673.174 55.5523L671.5 55.0483C670.924 54.8683 670.582 54.6703 670.582 54.1663C670.582 53.6083 671.212 53.3743 672.04 53.3743C673.3 53.3743 674.398 53.7883 675.388 54.4723V51.8083C674.47 51.3043 673.408 50.9803 671.914 50.9803C669.592 50.9803 667.738 52.1863 667.738 54.3823C667.738 56.2183 668.764 57.1363 670.618 57.6763L672.292 58.1623C672.886 58.3783 673.228 58.5583 673.228 59.0983C673.228 59.7823 672.436 59.9803 671.518 59.9803C670.276 59.9803 668.926 59.4763 667.972 58.8283ZM679.667 58.8103H684.653V57.9823C684.653 55.5703 683.375 53.9323 680.855 53.9323C678.623 53.9323 676.931 55.6783 676.931 58.2163C676.931 60.8263 678.695 62.3923 681.287 62.3923C682.457 62.3923 683.447 62.1403 684.077 61.6723V59.5303C683.267 60.0163 682.601 60.1783 681.737 60.1783C680.693 60.1783 679.901 59.7823 679.667 58.8103ZM680.963 56.0743C681.647 56.0743 682.061 56.5423 682.133 57.2263H679.703C679.901 56.4883 680.351 56.0743 680.963 56.0743ZM685.421 58.1623C685.421 60.7723 687.221 62.3923 689.651 62.3923C690.479 62.3923 691.253 62.2303 691.829 61.8163V59.4403C691.307 59.8183 690.749 60.0163 690.083 60.0163C689.039 60.0163 688.211 59.3863 688.211 58.1623C688.211 56.9383 689.039 56.3083 690.083 56.3083C690.749 56.3083 691.307 56.5063 691.829 56.8843V54.5083C691.253 54.0943 690.479 53.9323 689.651 53.9323C687.221 53.9323 685.421 55.5523 685.421 58.1623ZM700.854 62.2123V54.1123H698.028V59.0263C697.884 59.5843 697.398 59.9263 696.876 59.9263C696.156 59.9263 695.832 59.4403 695.832 58.7563V54.1123H693.024V59.4223C693.024 61.2223 694.086 62.3923 695.868 62.3923C696.786 62.3923 697.596 62.0143 698.028 61.5103V62.2123H700.854ZM707.795 56.7943V54.0763C707.669 54.0043 707.381 53.9323 707.021 53.9323C706.211 53.9323 705.581 54.2923 705.185 54.8323V54.1123H702.359V62.2123H705.185V57.4603C705.329 56.8843 705.851 56.5423 706.625 56.5423C707.075 56.5423 707.453 56.6143 707.795 56.7943ZM711.957 51.9163C711.957 50.9803 711.219 50.3863 710.355 50.3863C709.491 50.3863 708.753 50.9803 708.753 51.9163C708.753 52.8343 709.491 53.4283 710.355 53.4283C711.219 53.4283 711.957 52.8343 711.957 51.9163ZM711.759 62.2123V54.1123H708.933V62.2123H711.759ZM717.037 62.2123V56.3083H718.621V54.1123H717.037V51.8803H714.229V54.1123H712.825V56.3083H714.229V62.2123H717.037ZM720.862 65.0743H723.652L727.828 54.1123H725.02L723.508 58.7203L721.96 54.1123H719.026L722.05 62.0143L720.862 65.0743Z" fill="white"/>
<path d="M282.108 53.1603H279.156L274.944 64.2123H277.806L278.58 62.0703H282.594L283.386 64.2123H286.32L282.108 53.1603ZM279.462 59.6943L280.596 56.5803L281.73 59.6943H279.462ZM286.445 60.1623C286.445 62.7723 288.245 64.3923 290.675 64.3923C291.503 64.3923 292.277 64.2303 292.853 63.8163V61.4403C292.331 61.8183 291.773 62.0163 291.107 62.0163C290.063 62.0163 289.235 61.3863 289.235 60.1623C289.235 58.9383 290.063 58.3083 291.107 58.3083C291.773 58.3083 292.331 58.5063 292.853 58.8843V56.5083C292.277 56.0943 291.503 55.9323 290.675 55.9323C288.245 55.9323 286.445 57.5523 286.445 60.1623ZM293.652 60.1623C293.652 62.7723 295.452 64.3923 297.882 64.3923C298.71 64.3923 299.484 64.2303 300.06 63.8163V61.4403C299.538 61.8183 298.98 62.0163 298.314 62.0163C297.27 62.0163 296.442 61.3863 296.442 60.1623C296.442 58.9383 297.27 58.3083 298.314 58.3083C298.98 58.3083 299.538 58.5063 300.06 58.8843V56.5083C299.484 56.0943 298.71 55.9323 297.882 55.9323C295.452 55.9323 293.652 57.5523 293.652 60.1623ZM309.139 60.1623C309.139 57.6603 307.465 55.9323 304.999 55.9323C302.551 55.9323 300.859 57.6603 300.859 60.1623C300.859 62.6643 302.551 64.3923 304.999 64.3923C307.465 64.3923 309.139 62.6643 309.139 60.1623ZM306.367 60.1623C306.367 61.2783 305.881 62.0523 304.999 62.0523C304.135 62.0523 303.649 61.2783 303.649 60.1623C303.649 59.0463 304.135 58.2543 304.999 58.2543C305.881 58.2543 306.367 59.0463 306.367 60.1623ZM318.032 64.2123V56.1123H315.206V61.0263C315.062 61.5843 314.576 61.9263 314.054 61.9263C313.334 61.9263 313.01 61.4403 313.01 60.7563V56.1123H310.202V61.4223C310.202 63.2223 311.264 64.3923 313.046 64.3923C313.964 64.3923 314.774 64.0143 315.206 63.5103V64.2123H318.032ZM319.537 56.1123V64.2123H322.363V59.3163C322.507 58.7583 322.975 58.4343 323.533 58.4343C324.253 58.4343 324.595 58.9203 324.595 59.5863V64.2123H327.403V58.9023C327.403 57.1023 326.341 55.9323 324.541 55.9323C323.605 55.9323 322.813 56.3103 322.363 56.8143V56.1123H319.537ZM332.615 64.2123V58.3083H334.199V56.1123H332.615V53.8803H329.807V56.1123H328.403V58.3083H329.807V64.2123H332.615ZM334.911 61.2423V63.6183C335.667 64.1223 336.855 64.3923 337.989 64.3923C339.987 64.3923 341.481 63.5463 341.481 61.8183C341.481 60.4503 340.779 59.7303 339.015 59.2623L338.277 59.0463C337.881 58.9383 337.647 58.8303 337.647 58.5243C337.647 58.2003 337.971 58.0383 338.457 58.0383C339.375 58.0383 340.239 58.4163 341.013 58.9743V56.6523C340.221 56.1663 339.339 55.9323 338.187 55.9323C336.279 55.9323 334.875 56.8863 334.875 58.5783C334.875 60.0363 335.829 60.7383 337.323 61.0623L337.953 61.2243C338.439 61.3323 338.691 61.4583 338.691 61.7823C338.691 62.1423 338.331 62.2683 337.773 62.2683C336.945 62.2683 335.685 61.8723 334.911 61.2423Z" fill="white"/>
<path d="M470.446 60.8283V63.4923C471.256 63.9783 472.588 64.3923 474.064 64.3923C476.548 64.3923 478.582 63.3303 478.582 60.9363C478.582 59.2443 477.664 58.1823 475.648 57.5523L473.974 57.0483C473.398 56.8683 473.056 56.6703 473.056 56.1663C473.056 55.6083 473.686 55.3743 474.514 55.3743C475.774 55.3743 476.872 55.7883 477.862 56.4723V53.8083C476.944 53.3043 475.882 52.9803 474.388 52.9803C472.066 52.9803 470.212 54.1863 470.212 56.3823C470.212 58.2183 471.238 59.1363 473.092 59.6763L474.766 60.1623C475.36 60.3783 475.702 60.5583 475.702 61.0983C475.702 61.7823 474.91 61.9803 473.992 61.9803C472.75 61.9803 471.4 61.4763 470.446 60.8283ZM482.141 60.8103H487.127V59.9823C487.127 57.5703 485.849 55.9323 483.329 55.9323C481.097 55.9323 479.405 57.6783 479.405 60.2163C479.405 62.8263 481.169 64.3923 483.761 64.3923C484.931 64.3923 485.921 64.1403 486.551 63.6723V61.5303C485.741 62.0163 485.075 62.1783 484.211 62.1783C483.167 62.1783 482.375 61.7823 482.141 60.8103ZM483.437 58.0743C484.121 58.0743 484.535 58.5423 484.607 59.2263H482.177C482.375 58.4883 482.825 58.0743 483.437 58.0743ZM492.703 59.3343V59.6223C492.379 59.3883 491.623 59.1723 490.939 59.1723C489.193 59.1723 487.825 60.1803 487.825 61.7463C487.825 63.4563 489.193 64.3563 490.795 64.3563C491.659 64.3563 492.433 64.0683 492.703 63.7983V64.2123H495.421V59.2083C495.421 57.0663 494.053 55.9323 491.659 55.9323C490.507 55.9323 489.427 56.2023 488.761 56.5623V58.8303C489.409 58.4523 490.201 58.2543 490.975 58.2543C492.127 58.2543 492.703 58.7043 492.703 59.3343ZM492.703 61.4763V61.9443C492.523 62.2683 492.073 62.4843 491.569 62.4843C491.011 62.4843 490.453 62.2503 490.453 61.6923C490.453 61.1523 491.011 60.9183 491.569 60.9183C492.073 60.9183 492.523 61.1343 492.703 61.4763ZM502.306 58.7943V56.0763C502.18 56.0043 501.892 55.9323 501.532 55.9323C500.722 55.9323 500.092 56.2923 499.696 56.8323V56.1123H496.87V64.2123H499.696V59.4603C499.84 58.8843 500.362 58.5423 501.136 58.5423C501.586 58.5423 501.964 58.6143 502.306 58.7943ZM502.907 60.1623C502.907 62.7723 504.707 64.3923 507.137 64.3923C507.965 64.3923 508.739 64.2303 509.315 63.8163V61.4403C508.793 61.8183 508.235 62.0163 507.569 62.0163C506.525 62.0163 505.697 61.3863 505.697 60.1623C505.697 58.9383 506.525 58.3083 507.569 58.3083C508.235 58.3083 508.793 58.5063 509.315 58.8843V56.5083C508.739 56.0943 507.965 55.9323 507.137 55.9323C504.707 55.9323 502.907 57.5523 502.907 60.1623ZM510.546 52.5123V64.2123H513.372V59.3163C513.516 58.7583 513.984 58.4343 514.542 58.4343C515.262 58.4343 515.604 58.9203 515.604 59.5863V64.2123H518.412V58.9023C518.412 57.1023 517.35 55.9323 515.55 55.9323C514.614 55.9323 513.822 56.3103 513.372 56.8143V52.5123H510.546Z" fill="white"/>
<g filter="url(#filter4_d_2_9)">
<rect x="226" y="134" width="162.828" height="93.6452" fill="#404B5C"/>
</g>
<rect x="233.644" y="151.2" width="148.686" height="68.0361" fill="#263040"/>
<path d="M285.46 169.948H282.508L278.296 181H281.158L281.932 178.858H285.946L286.738 181H289.672L285.46 169.948ZM282.814 176.482L283.948 173.368L285.082 176.482H282.814ZM289.797 176.95C289.797 179.56 291.597 181.18 294.027 181.18C294.855 181.18 295.629 181.018 296.205 180.604V178.228C295.683 178.606 295.125 178.804 294.459 178.804C293.415 178.804 292.587 178.174 292.587 176.95C292.587 175.726 293.415 175.096 294.459 175.096C295.125 175.096 295.683 175.294 296.205 175.672V173.296C295.629 172.882 294.855 172.72 294.027 172.72C291.597 172.72 289.797 174.34 289.797 176.95ZM297.004 176.95C297.004 179.56 298.804 181.18 301.234 181.18C302.062 181.18 302.836 181.018 303.412 180.604V178.228C302.89 178.606 302.332 178.804 301.666 178.804C300.622 178.804 299.794 178.174 299.794 176.95C299.794 175.726 300.622 175.096 301.666 175.096C302.332 175.096 302.89 175.294 303.412 175.672V173.296C302.836 172.882 302.062 172.72 301.234 172.72C298.804 172.72 297.004 174.34 297.004 176.95ZM312.491 176.95C312.491 174.448 310.817 172.72 308.351 172.72C305.903 172.72 304.211 174.448 304.211 176.95C304.211 179.452 305.903 181.18 308.351 181.18C310.817 181.18 312.491 179.452 312.491 176.95ZM309.719 176.95C309.719 178.066 309.233 178.84 308.351 178.84C307.487 178.84 307.001 178.066 307.001 176.95C307.001 175.834 307.487 175.042 308.351 175.042C309.233 175.042 309.719 175.834 309.719 176.95ZM321.384 181V172.9H318.558V177.814C318.414 178.372 317.928 178.714 317.406 178.714C316.686 178.714 316.362 178.228 316.362 177.544V172.9H313.554V178.21C313.554 180.01 314.616 181.18 316.398 181.18C317.316 181.18 318.126 180.802 318.558 180.298V181H321.384ZM322.889 172.9V181H325.715V176.104C325.859 175.546 326.327 175.222 326.885 175.222C327.605 175.222 327.947 175.708 327.947 176.374V181H330.755V175.69C330.755 173.89 329.693 172.72 327.893 172.72C326.957 172.72 326.165 173.098 325.715 173.602V172.9H322.889ZM335.967 181V175.096H337.551V172.9H335.967V170.668H333.159V172.9H331.755V175.096H333.159V181H335.967ZM283.691 193.948V205H287.867C291.341 205 293.447 202.84 293.447 199.474C293.447 196.108 291.341 193.948 287.867 193.948H283.691ZM287.723 202.498H286.535V196.432H287.723C289.559 196.432 290.585 197.602 290.585 199.474C290.585 201.328 289.559 202.498 287.723 202.498ZM296.927 201.598H301.913V200.77C301.913 198.358 300.635 196.72 298.115 196.72C295.883 196.72 294.191 198.466 294.191 201.004C294.191 203.614 295.955 205.18 298.547 205.18C299.717 205.18 300.707 204.928 301.337 204.46V202.318C300.527 202.804 299.861 202.966 298.997 202.966C297.953 202.966 297.161 202.57 296.927 201.598ZM298.223 198.862C298.907 198.862 299.321 199.33 299.393 200.014H296.963C297.161 199.276 297.611 198.862 298.223 198.862ZM306.752 205V199.096H308.336V196.9H306.752V194.668H303.944V196.9H302.54V199.096H303.944V205H306.752ZM313.606 200.122V200.41C313.282 200.176 312.526 199.96 311.842 199.96C310.096 199.96 308.728 200.968 308.728 202.534C308.728 204.244 310.096 205.144 311.698 205.144C312.562 205.144 313.336 204.856 313.606 204.586V205H316.324V199.996C316.324 197.854 314.956 196.72 312.562 196.72C311.41 196.72 310.33 196.99 309.664 197.35V199.618C310.312 199.24 311.104 199.042 311.878 199.042C313.03 199.042 313.606 199.492 313.606 200.122ZM313.606 202.264V202.732C313.426 203.056 312.976 203.272 312.472 203.272C311.914 203.272 311.356 203.038 311.356 202.48C311.356 201.94 311.914 201.706 312.472 201.706C312.976 201.706 313.426 201.922 313.606 202.264ZM320.798 194.704C320.798 193.768 320.06 193.174 319.196 193.174C318.332 193.174 317.594 193.768 317.594 194.704C317.594 195.622 318.332 196.216 319.196 196.216C320.06 196.216 320.798 195.622 320.798 194.704ZM320.6 205V196.9H317.774V205H320.6ZM324.959 205V193.3H322.133V205H324.959ZM326.204 202.03V204.406C326.96 204.91 328.148 205.18 329.282 205.18C331.28 205.18 332.774 204.334 332.774 202.606C332.774 201.238 332.072 200.518 330.308 200.05L329.57 199.834C329.174 199.726 328.94 199.618 328.94 199.312C328.94 198.988 329.264 198.826 329.75 198.826C330.668 198.826 331.532 199.204 332.306 199.762V197.44C331.514 196.954 330.632 196.72 329.48 196.72C327.572 196.72 326.168 197.674 326.168 199.366C326.168 200.824 327.122 201.526 328.616 201.85L329.246 202.012C329.732 202.12 329.984 202.246 329.984 202.57C329.984 202.93 329.624 203.056 329.066 203.056C328.238 203.056 326.978 202.66 326.204 202.03Z" fill="white"/>
<defs>
<filter id="filter0_d_2_9" x="602" y="0" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_9"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_9" result="shape"/>
</filter>
<filter id="filter1_d_2_9" x="214" y="2" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_9"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_9" result="shape"/>
</filter>
<filter id="filter2_d_2_9" x="401" y="2" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_9"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_9" result="shape"/>
</filter>
<filter id="filter3_d_2_9" x="0" y="2" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_9"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_9" result="shape"/>
</filter>
<filter id="filter4_d_2_9" x="214" y="128" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_9"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_9" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

assets/site-images/templateImages/matrix-app-example.svg
+79
View File
@@ -0,0 +1,79 @@
<svg width="789" height="246" viewBox="0 0 789 246" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M497 109L496.86 181H396" stroke="#7630EA" stroke-width="2" stroke-dasharray="6 6"/>
<path d="M493 111L497.4 106L501.5 111" stroke="#6633BC" stroke-width="2"/>
<path d="M579 54.8621H606M606 54.8621L602.22 59M606 54.8621L602.22 51" stroke="#7630EA" stroke-width="2"/>
<path d="M182 58.8621H209M209 58.8621L205.22 63M209 58.8621L205.22 55" stroke="#7630EA" stroke-width="2"/>
<path d="M306.138 102V129M306.138 129L302 125.22M306.138 129L310 125.22" stroke="#7630EA" stroke-width="2"/>
<g filter="url(#filter0_d_2259_12260)">
<rect x="614" y="6" width="162.828" height="93.6452" fill="white"/>
</g>
<rect x="621.645" y="23.2001" width="148.686" height="68.0361" fill="#EFEFEF"/>
<g filter="url(#filter1_d_2259_12260)">
<rect x="226" y="8" width="162.828" height="93.6452" fill="white"/>
</g>
<rect x="233.645" y="25.2001" width="148.686" height="68.0361" fill="#EFEFEF"/>
<g filter="url(#filter2_d_2259_12260)">
<rect x="413" y="8" width="162.828" height="93.6452" fill="white"/>
</g>
<rect x="420.645" y="25.2001" width="148.686" height="68.0361" fill="#EFEFEF"/>
<g filter="url(#filter3_d_2259_12260)">
<rect x="12" y="8" width="162.828" height="93.6452" fill="white"/>
</g>
<rect x="19" y="25" width="148.686" height="68.0361" fill="#EFEFEF"/>
<path d="M53.4657 52.9602V64.0122H57.6417C61.1157 64.0122 63.2217 61.8522 63.2217 58.4862C63.2217 55.1202 61.1157 52.9602 57.6417 52.9602H53.4657ZM57.4977 61.5102H56.3097V55.4442H57.4977C59.3337 55.4442 60.3597 56.6142 60.3597 58.4862C60.3597 60.3402 59.3337 61.5102 57.4977 61.5102ZM68.7206 59.1342V59.4222C68.3966 59.1882 67.6406 58.9722 66.9566 58.9722C65.2106 58.9722 63.8426 59.9802 63.8426 61.5462C63.8426 63.2562 65.2106 64.1562 66.8126 64.1562C67.6766 64.1562 68.4506 63.8682 68.7206 63.5982V64.0122H71.4386V59.0082C71.4386 56.8662 70.0706 55.7322 67.6766 55.7322C66.5246 55.7322 65.4446 56.0022 64.7786 56.3622V58.6302C65.4266 58.2522 66.2186 58.0542 66.9926 58.0542C68.1446 58.0542 68.7206 58.5042 68.7206 59.1342ZM68.7206 61.2762V61.7442C68.5406 62.0682 68.0906 62.2842 67.5866 62.2842C67.0286 62.2842 66.4706 62.0502 66.4706 61.4922C66.4706 60.9522 67.0286 60.7182 67.5866 60.7182C68.0906 60.7182 68.5406 60.9342 68.7206 61.2762ZM72.5998 61.0422V63.4182C73.3558 63.9222 74.5438 64.1922 75.6778 64.1922C77.6758 64.1922 79.1698 63.3462 79.1698 61.6182C79.1698 60.2502 78.4678 59.5302 76.7038 59.0622L75.9658 58.8462C75.5698 58.7382 75.3358 58.6302 75.3358 58.3242C75.3358 58.0002 75.6598 57.8382 76.1458 57.8382C77.0638 57.8382 77.9278 58.2162 78.7018 58.7742V56.4522C77.9098 55.9662 77.0278 55.7322 75.8758 55.7322C73.9678 55.7322 72.5638 56.6862 72.5638 58.3782C72.5638 59.8362 73.5178 60.5382 75.0118 60.8622L75.6418 61.0242C76.1278 61.1322 76.3798 61.2582 76.3798 61.5822C76.3798 61.9422 76.0198 62.0682 75.4618 62.0682C74.6338 62.0682 73.3738 61.6722 72.5998 61.0422ZM80.2882 52.3122V64.0122H83.1142V59.1162C83.2582 58.5582 83.7262 58.2342 84.2842 58.2342C85.0042 58.2342 85.3462 58.7202 85.3462 59.3862V64.0122H88.1542V58.7022C88.1542 56.9022 87.0922 55.7322 85.2922 55.7322C84.3562 55.7322 83.5642 56.1102 83.1142 56.6142V52.3122H80.2882ZM92.4482 64.0122V63.3642C92.8262 63.7962 93.6182 64.1922 94.4462 64.1922C96.7862 64.1922 98.0642 62.3022 98.0642 59.9622C98.0642 57.6222 96.7862 55.7322 94.4462 55.7322C93.6182 55.7322 92.8262 56.1282 92.4482 56.5602V52.3122H89.6222V64.0122H92.4482ZM92.4482 61.0242V58.8822C92.6642 58.4502 93.1502 58.1262 93.6902 58.1262C94.6622 58.1262 95.2382 58.9182 95.2382 59.9622C95.2382 61.0062 94.6622 61.7802 93.6902 61.7802C93.1322 61.7802 92.6642 61.4742 92.4482 61.0242ZM107.103 59.9622C107.103 57.4602 105.429 55.7322 102.963 55.7322C100.515 55.7322 98.823 57.4602 98.823 59.9622C98.823 62.4642 100.515 64.1922 102.963 64.1922C105.429 64.1922 107.103 62.4642 107.103 59.9622ZM104.331 59.9622C104.331 61.0782 103.845 61.8522 102.963 61.8522C102.099 61.8522 101.613 61.0782 101.613 59.9622C101.613 58.8462 102.099 58.0542 102.963 58.0542C103.845 58.0542 104.331 58.8462 104.331 59.9622ZM112.666 59.1342V59.4222C112.342 59.1882 111.586 58.9722 110.902 58.9722C109.156 58.9722 107.788 59.9802 107.788 61.5462C107.788 63.2562 109.156 64.1562 110.758 64.1562C111.622 64.1562 112.396 63.8682 112.666 63.5982V64.0122H115.384V59.0082C115.384 56.8662 114.016 55.7322 111.622 55.7322C110.47 55.7322 109.39 56.0022 108.724 56.3622V58.6302C109.372 58.2522 110.164 58.0542 110.938 58.0542C112.09 58.0542 112.666 58.5042 112.666 59.1342ZM112.666 61.2762V61.7442C112.486 62.0682 112.036 62.2842 111.532 62.2842C110.974 62.2842 110.416 62.0502 110.416 61.4922C110.416 60.9522 110.974 60.7182 111.532 60.7182C112.036 60.7182 112.486 60.9342 112.666 61.2762ZM122.269 58.5942V55.8762C122.143 55.8042 121.855 55.7322 121.495 55.7322C120.685 55.7322 120.055 56.0922 119.659 56.6322V55.9122H116.833V64.0122H119.659V59.2602C119.803 58.6842 120.325 58.3422 121.099 58.3422C121.549 58.3422 121.927 58.4142 122.269 58.5942ZM128.486 63.3642V64.0122H131.312V52.3122H128.486V56.5602C128.108 56.1282 127.316 55.7322 126.488 55.7322C124.148 55.7322 122.87 57.6222 122.87 59.9622C122.87 62.3022 124.148 64.1922 126.488 64.1922C127.316 64.1922 128.108 63.7962 128.486 63.3642ZM128.486 58.8822V61.0242C128.27 61.4742 127.802 61.7802 127.244 61.7802C126.272 61.7802 125.696 61.0062 125.696 59.9622C125.696 58.9182 126.272 58.1262 127.244 58.1262C127.784 58.1262 128.27 58.4502 128.486 58.8822Z" fill="#444444"/>
<path d="M667.972 58.8283V61.4923C668.782 61.9783 670.114 62.3923 671.59 62.3923C674.074 62.3923 676.108 61.3303 676.108 58.9363C676.108 57.2443 675.19 56.1823 673.174 55.5523L671.5 55.0483C670.924 54.8683 670.582 54.6703 670.582 54.1663C670.582 53.6083 671.212 53.3743 672.04 53.3743C673.3 53.3743 674.398 53.7883 675.388 54.4723V51.8083C674.47 51.3043 673.408 50.9803 671.914 50.9803C669.592 50.9803 667.738 52.1863 667.738 54.3823C667.738 56.2183 668.764 57.1363 670.618 57.6763L672.292 58.1623C672.886 58.3783 673.228 58.5583 673.228 59.0983C673.228 59.7823 672.436 59.9803 671.518 59.9803C670.276 59.9803 668.926 59.4763 667.972 58.8283ZM679.667 58.8103H684.653V57.9823C684.653 55.5703 683.375 53.9323 680.855 53.9323C678.623 53.9323 676.931 55.6783 676.931 58.2163C676.931 60.8263 678.695 62.3923 681.287 62.3923C682.457 62.3923 683.447 62.1403 684.077 61.6723V59.5303C683.267 60.0163 682.601 60.1783 681.737 60.1783C680.693 60.1783 679.901 59.7823 679.667 58.8103ZM680.963 56.0743C681.647 56.0743 682.061 56.5423 682.133 57.2263H679.703C679.901 56.4883 680.351 56.0743 680.963 56.0743ZM685.421 58.1623C685.421 60.7723 687.221 62.3923 689.651 62.3923C690.479 62.3923 691.253 62.2303 691.829 61.8163V59.4403C691.307 59.8183 690.749 60.0163 690.083 60.0163C689.039 60.0163 688.211 59.3863 688.211 58.1623C688.211 56.9383 689.039 56.3083 690.083 56.3083C690.749 56.3083 691.307 56.5063 691.829 56.8843V54.5083C691.253 54.0943 690.479 53.9323 689.651 53.9323C687.221 53.9323 685.421 55.5523 685.421 58.1623ZM700.854 62.2123V54.1123H698.028V59.0263C697.884 59.5843 697.398 59.9263 696.876 59.9263C696.156 59.9263 695.832 59.4403 695.832 58.7563V54.1123H693.024V59.4223C693.024 61.2223 694.086 62.3923 695.868 62.3923C696.786 62.3923 697.596 62.0143 698.028 61.5103V62.2123H700.854ZM707.795 56.7943V54.0763C707.669 54.0043 707.381 53.9323 707.021 53.9323C706.211 53.9323 705.581 54.2923 705.185 54.8323V54.1123H702.359V62.2123H705.185V57.4603C705.329 56.8843 705.851 56.5423 706.625 56.5423C707.075 56.5423 707.453 56.6143 707.795 56.7943ZM711.957 51.9163C711.957 50.9803 711.219 50.3863 710.355 50.3863C709.491 50.3863 708.753 50.9803 708.753 51.9163C708.753 52.8343 709.491 53.4283 710.355 53.4283C711.219 53.4283 711.957 52.8343 711.957 51.9163ZM711.759 62.2123V54.1123H708.933V62.2123H711.759ZM717.037 62.2123V56.3083H718.621V54.1123H717.037V51.8803H714.229V54.1123H712.825V56.3083H714.229V62.2123H717.037ZM720.862 65.0743H723.652L727.828 54.1123H725.02L723.508 58.7203L721.96 54.1123H719.026L722.05 62.0143L720.862 65.0743Z" fill="#444444"/>
<path d="M282.108 53.1603H279.156L274.944 64.2123H277.806L278.58 62.0703H282.594L283.386 64.2123H286.32L282.108 53.1603ZM279.462 59.6943L280.596 56.5803L281.73 59.6943H279.462ZM286.445 60.1623C286.445 62.7723 288.245 64.3923 290.675 64.3923C291.503 64.3923 292.277 64.2303 292.853 63.8163V61.4403C292.331 61.8183 291.773 62.0163 291.107 62.0163C290.063 62.0163 289.235 61.3863 289.235 60.1623C289.235 58.9383 290.063 58.3083 291.107 58.3083C291.773 58.3083 292.331 58.5063 292.853 58.8843V56.5083C292.277 56.0943 291.503 55.9323 290.675 55.9323C288.245 55.9323 286.445 57.5523 286.445 60.1623ZM293.652 60.1623C293.652 62.7723 295.452 64.3923 297.882 64.3923C298.71 64.3923 299.484 64.2303 300.06 63.8163V61.4403C299.538 61.8183 298.98 62.0163 298.314 62.0163C297.27 62.0163 296.442 61.3863 296.442 60.1623C296.442 58.9383 297.27 58.3083 298.314 58.3083C298.98 58.3083 299.538 58.5063 300.06 58.8843V56.5083C299.484 56.0943 298.71 55.9323 297.882 55.9323C295.452 55.9323 293.652 57.5523 293.652 60.1623ZM309.139 60.1623C309.139 57.6603 307.465 55.9323 304.999 55.9323C302.551 55.9323 300.859 57.6603 300.859 60.1623C300.859 62.6643 302.551 64.3923 304.999 64.3923C307.465 64.3923 309.139 62.6643 309.139 60.1623ZM306.367 60.1623C306.367 61.2783 305.881 62.0523 304.999 62.0523C304.135 62.0523 303.649 61.2783 303.649 60.1623C303.649 59.0463 304.135 58.2543 304.999 58.2543C305.881 58.2543 306.367 59.0463 306.367 60.1623ZM318.032 64.2123V56.1123H315.206V61.0263C315.062 61.5843 314.576 61.9263 314.054 61.9263C313.334 61.9263 313.01 61.4403 313.01 60.7563V56.1123H310.202V61.4223C310.202 63.2223 311.264 64.3923 313.046 64.3923C313.964 64.3923 314.774 64.0143 315.206 63.5103V64.2123H318.032ZM319.537 56.1123V64.2123H322.363V59.3163C322.507 58.7583 322.975 58.4343 323.533 58.4343C324.253 58.4343 324.595 58.9203 324.595 59.5863V64.2123H327.403V58.9023C327.403 57.1023 326.341 55.9323 324.541 55.9323C323.605 55.9323 322.813 56.3103 322.363 56.8143V56.1123H319.537ZM332.615 64.2123V58.3083H334.199V56.1123H332.615V53.8803H329.807V56.1123H328.403V58.3083H329.807V64.2123H332.615ZM334.911 61.2423V63.6183C335.667 64.1223 336.855 64.3923 337.989 64.3923C339.987 64.3923 341.481 63.5463 341.481 61.8183C341.481 60.4503 340.779 59.7303 339.015 59.2623L338.277 59.0463C337.881 58.9383 337.647 58.8303 337.647 58.5243C337.647 58.2003 337.971 58.0383 338.457 58.0383C339.375 58.0383 340.239 58.4163 341.013 58.9743V56.6523C340.221 56.1663 339.339 55.9323 338.187 55.9323C336.279 55.9323 334.875 56.8863 334.875 58.5783C334.875 60.0363 335.829 60.7383 337.323 61.0623L337.953 61.2243C338.439 61.3323 338.691 61.4583 338.691 61.7823C338.691 62.1423 338.331 62.2683 337.773 62.2683C336.945 62.2683 335.685 61.8723 334.911 61.2423Z" fill="#444444"/>
<path d="M470.446 60.8283V63.4923C471.256 63.9783 472.588 64.3923 474.064 64.3923C476.548 64.3923 478.582 63.3303 478.582 60.9363C478.582 59.2443 477.664 58.1823 475.648 57.5523L473.974 57.0483C473.398 56.8683 473.056 56.6703 473.056 56.1663C473.056 55.6083 473.686 55.3743 474.514 55.3743C475.774 55.3743 476.872 55.7883 477.862 56.4723V53.8083C476.944 53.3043 475.882 52.9803 474.388 52.9803C472.066 52.9803 470.212 54.1863 470.212 56.3823C470.212 58.2183 471.238 59.1363 473.092 59.6763L474.766 60.1623C475.36 60.3783 475.702 60.5583 475.702 61.0983C475.702 61.7823 474.91 61.9803 473.992 61.9803C472.75 61.9803 471.4 61.4763 470.446 60.8283ZM482.141 60.8103H487.127V59.9823C487.127 57.5703 485.849 55.9323 483.329 55.9323C481.097 55.9323 479.405 57.6783 479.405 60.2163C479.405 62.8263 481.169 64.3923 483.761 64.3923C484.931 64.3923 485.921 64.1403 486.551 63.6723V61.5303C485.741 62.0163 485.075 62.1783 484.211 62.1783C483.167 62.1783 482.375 61.7823 482.141 60.8103ZM483.437 58.0743C484.121 58.0743 484.535 58.5423 484.607 59.2263H482.177C482.375 58.4883 482.825 58.0743 483.437 58.0743ZM492.703 59.3343V59.6223C492.379 59.3883 491.623 59.1723 490.939 59.1723C489.193 59.1723 487.825 60.1803 487.825 61.7463C487.825 63.4563 489.193 64.3563 490.795 64.3563C491.659 64.3563 492.433 64.0683 492.703 63.7983V64.2123H495.421V59.2083C495.421 57.0663 494.053 55.9323 491.659 55.9323C490.507 55.9323 489.427 56.2023 488.761 56.5623V58.8303C489.409 58.4523 490.201 58.2543 490.975 58.2543C492.127 58.2543 492.703 58.7043 492.703 59.3343ZM492.703 61.4763V61.9443C492.523 62.2683 492.073 62.4843 491.569 62.4843C491.011 62.4843 490.453 62.2503 490.453 61.6923C490.453 61.1523 491.011 60.9183 491.569 60.9183C492.073 60.9183 492.523 61.1343 492.703 61.4763ZM502.306 58.7943V56.0763C502.18 56.0043 501.892 55.9323 501.532 55.9323C500.722 55.9323 500.092 56.2923 499.696 56.8323V56.1123H496.87V64.2123H499.696V59.4603C499.84 58.8843 500.362 58.5423 501.136 58.5423C501.586 58.5423 501.964 58.6143 502.306 58.7943ZM502.907 60.1623C502.907 62.7723 504.707 64.3923 507.137 64.3923C507.965 64.3923 508.739 64.2303 509.315 63.8163V61.4403C508.793 61.8183 508.235 62.0163 507.569 62.0163C506.525 62.0163 505.697 61.3863 505.697 60.1623C505.697 58.9383 506.525 58.3083 507.569 58.3083C508.235 58.3083 508.793 58.5063 509.315 58.8843V56.5083C508.739 56.0943 507.965 55.9323 507.137 55.9323C504.707 55.9323 502.907 57.5523 502.907 60.1623ZM510.546 52.5123V64.2123H513.372V59.3163C513.516 58.7583 513.984 58.4343 514.542 58.4343C515.262 58.4343 515.604 58.9203 515.604 59.5863V64.2123H518.412V58.9023C518.412 57.1023 517.35 55.9323 515.55 55.9323C514.614 55.9323 513.822 56.3103 513.372 56.8143V52.5123H510.546Z" fill="#444444"/>
<g filter="url(#filter4_d_2259_12260)">
<rect x="226" y="134" width="162.828" height="93.6452" fill="white"/>
</g>
<rect x="233.645" y="151.2" width="148.686" height="68.0361" fill="#EFEFEF"/>
<path d="M285.46 169.948H282.508L278.296 181H281.158L281.932 178.858H285.946L286.738 181H289.672L285.46 169.948ZM282.814 176.482L283.948 173.368L285.082 176.482H282.814ZM289.797 176.95C289.797 179.56 291.597 181.18 294.027 181.18C294.855 181.18 295.629 181.018 296.205 180.604V178.228C295.683 178.606 295.125 178.804 294.459 178.804C293.415 178.804 292.587 178.174 292.587 176.95C292.587 175.726 293.415 175.096 294.459 175.096C295.125 175.096 295.683 175.294 296.205 175.672V173.296C295.629 172.882 294.855 172.72 294.027 172.72C291.597 172.72 289.797 174.34 289.797 176.95ZM297.004 176.95C297.004 179.56 298.804 181.18 301.234 181.18C302.062 181.18 302.836 181.018 303.412 180.604V178.228C302.89 178.606 302.332 178.804 301.666 178.804C300.622 178.804 299.794 178.174 299.794 176.95C299.794 175.726 300.622 175.096 301.666 175.096C302.332 175.096 302.89 175.294 303.412 175.672V173.296C302.836 172.882 302.062 172.72 301.234 172.72C298.804 172.72 297.004 174.34 297.004 176.95ZM312.491 176.95C312.491 174.448 310.817 172.72 308.351 172.72C305.903 172.72 304.211 174.448 304.211 176.95C304.211 179.452 305.903 181.18 308.351 181.18C310.817 181.18 312.491 179.452 312.491 176.95ZM309.719 176.95C309.719 178.066 309.233 178.84 308.351 178.84C307.487 178.84 307.001 178.066 307.001 176.95C307.001 175.834 307.487 175.042 308.351 175.042C309.233 175.042 309.719 175.834 309.719 176.95ZM321.384 181V172.9H318.558V177.814C318.414 178.372 317.928 178.714 317.406 178.714C316.686 178.714 316.362 178.228 316.362 177.544V172.9H313.554V178.21C313.554 180.01 314.616 181.18 316.398 181.18C317.316 181.18 318.126 180.802 318.558 180.298V181H321.384ZM322.889 172.9V181H325.715V176.104C325.859 175.546 326.327 175.222 326.885 175.222C327.605 175.222 327.947 175.708 327.947 176.374V181H330.755V175.69C330.755 173.89 329.693 172.72 327.893 172.72C326.957 172.72 326.165 173.098 325.715 173.602V172.9H322.889ZM335.967 181V175.096H337.551V172.9H335.967V170.668H333.159V172.9H331.755V175.096H333.159V181H335.967ZM283.691 193.948V205H287.867C291.341 205 293.447 202.84 293.447 199.474C293.447 196.108 291.341 193.948 287.867 193.948H283.691ZM287.723 202.498H286.535V196.432H287.723C289.559 196.432 290.585 197.602 290.585 199.474C290.585 201.328 289.559 202.498 287.723 202.498ZM296.927 201.598H301.913V200.77C301.913 198.358 300.635 196.72 298.115 196.72C295.883 196.72 294.191 198.466 294.191 201.004C294.191 203.614 295.955 205.18 298.547 205.18C299.717 205.18 300.707 204.928 301.337 204.46V202.318C300.527 202.804 299.861 202.966 298.997 202.966C297.953 202.966 297.161 202.57 296.927 201.598ZM298.223 198.862C298.907 198.862 299.321 199.33 299.393 200.014H296.963C297.161 199.276 297.611 198.862 298.223 198.862ZM306.752 205V199.096H308.336V196.9H306.752V194.668H303.944V196.9H302.54V199.096H303.944V205H306.752ZM313.606 200.122V200.41C313.282 200.176 312.526 199.96 311.842 199.96C310.096 199.96 308.728 200.968 308.728 202.534C308.728 204.244 310.096 205.144 311.698 205.144C312.562 205.144 313.336 204.856 313.606 204.586V205H316.324V199.996C316.324 197.854 314.956 196.72 312.562 196.72C311.41 196.72 310.33 196.99 309.664 197.35V199.618C310.312 199.24 311.104 199.042 311.878 199.042C313.03 199.042 313.606 199.492 313.606 200.122ZM313.606 202.264V202.732C313.426 203.056 312.976 203.272 312.472 203.272C311.914 203.272 311.356 203.038 311.356 202.48C311.356 201.94 311.914 201.706 312.472 201.706C312.976 201.706 313.426 201.922 313.606 202.264ZM320.798 194.704C320.798 193.768 320.06 193.174 319.196 193.174C318.332 193.174 317.594 193.768 317.594 194.704C317.594 195.622 318.332 196.216 319.196 196.216C320.06 196.216 320.798 195.622 320.798 194.704ZM320.6 205V196.9H317.774V205H320.6ZM324.959 205V193.3H322.133V205H324.959ZM326.204 202.03V204.406C326.96 204.91 328.148 205.18 329.282 205.18C331.28 205.18 332.774 204.334 332.774 202.606C332.774 201.238 332.072 200.518 330.308 200.05L329.57 199.834C329.174 199.726 328.94 199.618 328.94 199.312C328.94 198.988 329.264 198.826 329.75 198.826C330.668 198.826 331.532 199.204 332.306 199.762V197.44C331.514 196.954 330.632 196.72 329.48 196.72C327.572 196.72 326.168 197.674 326.168 199.366C326.168 200.824 327.122 201.526 328.616 201.85L329.246 202.012C329.732 202.12 329.984 202.246 329.984 202.57C329.984 202.93 329.624 203.056 329.066 203.056C328.238 203.056 326.978 202.66 326.204 202.03Z" fill="#444444"/>
<defs>
<filter id="filter0_d_2259_12260" x="602" y="0" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2259_12260"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2259_12260" result="shape"/>
</filter>
<filter id="filter1_d_2259_12260" x="214" y="2" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2259_12260"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2259_12260" result="shape"/>
</filter>
<filter id="filter2_d_2259_12260" x="401" y="2" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2259_12260"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2259_12260" result="shape"/>
</filter>
<filter id="filter3_d_2259_12260" x="0" y="2" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2259_12260"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2259_12260" result="shape"/>
</filter>
<filter id="filter4_d_2259_12260" x="214" y="128" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2259_12260"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2259_12260" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

assets/site-images/templateImages/matrix-music-invert.svg
+63
View File
@@ -0,0 +1,63 @@
<svg width="587" height="252" viewBox="0 0 587 252" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M499 112L498.574 197H192" stroke="#7630EA" stroke-width="2" stroke-dasharray="6 6"/>
<path d="M495 114L499.4 109L503.5 114" stroke="#6633BC" stroke-width="2"/>
<g filter="url(#filter0_d_6_5)">
<rect x="211.834" y="6" width="162.828" height="93.6452" fill="#404B5C"/>
</g>
<rect x="219.479" y="23.2001" width="148.686" height="68.0361" fill="#263040"/>
<g filter="url(#filter1_d_6_5)">
<rect x="411.669" y="6" width="162.828" height="93.6452" fill="#404B5C"/>
</g>
<rect x="419.313" y="23.2001" width="148.686" height="68.0361" fill="#263040"/>
<g filter="url(#filter2_d_6_5)">
<rect x="12" y="6" width="162.828" height="93.6452" fill="#404B5C"/>
</g>
<rect x="19" y="23" width="148.686" height="68.0361" fill="#263040"/>
<path d="M69.3961 58.5742H71.3761C73.7701 58.5742 75.3901 57.2242 75.3901 54.7762C75.3901 52.3102 73.7701 50.9602 71.3761 50.9602H66.5341V62.0122H69.3961V58.5742ZM72.5821 54.7762C72.5821 55.6042 72.1141 56.1622 71.0701 56.1622H69.3961V53.3902H71.0701C72.1141 53.3902 72.5821 53.9302 72.5821 54.7762ZM79.3779 62.0122V50.3122H76.5519V62.0122H79.3779ZM85.3573 57.1342V57.4222C85.0333 57.1882 84.2773 56.9722 83.5933 56.9722C81.8473 56.9722 80.4793 57.9802 80.4793 59.5462C80.4793 61.2562 81.8473 62.1562 83.4493 62.1562C84.3133 62.1562 85.0873 61.8682 85.3573 61.5982V62.0122H88.0753V57.0082C88.0753 54.8662 86.7073 53.7322 84.3133 53.7322C83.1613 53.7322 82.0813 54.0022 81.4153 54.3622V56.6302C82.0633 56.2522 82.8553 56.0542 83.6293 56.0542C84.7813 56.0542 85.3573 56.5042 85.3573 57.1342ZM85.3573 59.2762V59.7442C85.1773 60.0682 84.7273 60.2842 84.2233 60.2842C83.6653 60.2842 83.1073 60.0502 83.1073 59.4922C83.1073 58.9522 83.6653 58.7182 84.2233 58.7182C84.7273 58.7182 85.1773 58.9342 85.3573 59.2762ZM90.4845 64.8742H93.2745L97.4505 53.9122H94.6425L93.1305 58.5202L91.5825 53.9122H88.6485L91.6725 61.8142L90.4845 64.8742ZM101.14 62.0122V50.3122H98.3136V62.0122H101.14ZM105.697 51.7162C105.697 50.7802 104.959 50.1862 104.095 50.1862C103.231 50.1862 102.493 50.7802 102.493 51.7162C102.493 52.6342 103.231 53.2282 104.095 53.2282C104.959 53.2282 105.697 52.6342 105.697 51.7162ZM105.499 62.0122V53.9122H102.673V62.0122H105.499ZM106.744 59.0422V61.4182C107.5 61.9222 108.688 62.1922 109.822 62.1922C111.82 62.1922 113.314 61.3462 113.314 59.6182C113.314 58.2502 112.612 57.5302 110.848 57.0622L110.11 56.8462C109.714 56.7382 109.48 56.6302 109.48 56.3242C109.48 56.0002 109.804 55.8382 110.29 55.8382C111.208 55.8382 112.072 56.2162 112.846 56.7742V54.4522C112.054 53.9662 111.172 53.7322 110.02 53.7322C108.112 53.7322 106.708 54.6862 106.708 56.3782C106.708 57.8362 107.662 58.5382 109.156 58.8622L109.786 59.0242C110.272 59.1322 110.524 59.2582 110.524 59.5822C110.524 59.9422 110.164 60.0682 109.606 60.0682C108.778 60.0682 107.518 59.6722 106.744 59.0422ZM118.142 62.0122V56.1082H119.726V53.9122H118.142V51.6802H115.334V53.9122H113.93V56.1082H115.334V62.0122H118.142Z" fill="white"/>
<path d="M281.433 51.1603H278.481L274.269 62.2123H277.131L277.905 60.0703H281.919L282.711 62.2123H285.645L281.433 51.1603ZM278.787 57.6943L279.921 54.5803L281.055 57.6943H278.787ZM291.971 56.7943V54.0763C291.845 54.0043 291.557 53.9323 291.197 53.9323C290.387 53.9323 289.757 54.2923 289.361 54.8323V54.1123H286.535V62.2123H289.361V57.4603C289.505 56.8843 290.027 56.5423 290.801 56.5423C291.251 56.5423 291.629 56.6143 291.971 56.7943ZM296.906 62.2123V56.3083H298.49V54.1123H296.906V51.8803H294.098V54.1123H292.694V56.3083H294.098V62.2123H296.906ZM302.55 51.9163C302.55 50.9803 301.812 50.3863 300.948 50.3863C300.084 50.3863 299.346 50.9803 299.346 51.9163C299.346 52.8343 300.084 53.4283 300.948 53.4283C301.812 53.4283 302.55 52.8343 302.55 51.9163ZM302.352 62.2123V54.1123H299.526V62.2123H302.352ZM303.597 59.2423V61.6183C304.353 62.1223 305.541 62.3923 306.675 62.3923C308.673 62.3923 310.167 61.5463 310.167 59.8183C310.167 58.4503 309.465 57.7303 307.701 57.2623L306.963 57.0463C306.567 56.9383 306.333 56.8303 306.333 56.5243C306.333 56.2003 306.657 56.0383 307.143 56.0383C308.061 56.0383 308.925 56.4163 309.699 56.9743V54.6523C308.907 54.1663 308.025 53.9323 306.873 53.9323C304.965 53.9323 303.561 54.8863 303.561 56.5783C303.561 58.0363 304.515 58.7383 306.009 59.0623L306.639 59.2243C307.125 59.3323 307.377 59.4583 307.377 59.7823C307.377 60.1423 307.017 60.2683 306.459 60.2683C305.631 60.2683 304.371 59.8723 303.597 59.2423ZM314.994 62.2123V56.3083H316.578V54.1123H314.994V51.8803H312.186V54.1123H310.782V56.3083H312.186V62.2123H314.994Z" fill="white"/>
<path d="M477.462 51.1603H474.51L470.298 62.2123H473.16L473.934 60.0703H477.948L478.74 62.2123H481.674L477.462 51.1603ZM474.816 57.6943L475.95 54.5803L477.084 57.6943H474.816ZM485.391 62.2123V50.5123H482.565V62.2123H485.391ZM489.75 62.2123V61.5643C490.128 61.9963 490.92 62.3923 491.748 62.3923C494.088 62.3923 495.366 60.5023 495.366 58.1623C495.366 55.8223 494.088 53.9323 491.748 53.9323C490.92 53.9323 490.128 54.3283 489.75 54.7603V50.5123H486.924V62.2123H489.75ZM489.75 59.2243V57.0823C489.966 56.6503 490.452 56.3263 490.992 56.3263C491.964 56.3263 492.54 57.1183 492.54 58.1623C492.54 59.2063 491.964 59.9803 490.992 59.9803C490.434 59.9803 489.966 59.6743 489.75 59.2243ZM504.245 62.2123V54.1123H501.419V59.0263C501.275 59.5843 500.789 59.9263 500.267 59.9263C499.547 59.9263 499.223 59.4403 499.223 58.7563V54.1123H496.415V59.4223C496.415 61.2223 497.477 62.3923 499.259 62.3923C500.177 62.3923 500.987 62.0143 501.419 61.5103V62.2123H504.245ZM512.896 54.9043C512.41 54.3283 511.69 53.9323 510.664 53.9323C509.764 53.9323 508.99 54.2743 508.576 54.7783V54.1123H505.75V62.2123H508.576V57.2803C508.702 56.7223 509.134 56.4163 509.62 56.4163C510.25 56.4163 510.538 56.9023 510.538 57.5863V62.2123H513.346V57.2803C513.49 56.7223 513.904 56.4163 514.39 56.4163C515.02 56.4163 515.308 56.9023 515.308 57.5863V62.2123H518.134V56.9023C518.134 55.0843 517.09 53.9323 515.398 53.9323C514.21 53.9323 513.382 54.4003 512.896 54.9043Z" fill="white"/>
<path d="M96.1379 106V133M96.1379 133L92 129.22M96.1379 133L100 129.22" stroke="#7630EA" stroke-width="2"/>
<g filter="url(#filter3_d_6_5)">
<rect x="14" y="140" width="162.828" height="93.6452" fill="#404B5C"/>
</g>
<rect x="21.6445" y="157.2" width="148.686" height="68.0361" fill="#263040"/>
<path d="M78.9676 192.828V195.492C79.7776 195.978 81.1096 196.392 82.5856 196.392C85.0696 196.392 87.1036 195.33 87.1036 192.936C87.1036 191.244 86.1856 190.182 84.1696 189.552L82.4956 189.048C81.9196 188.868 81.5776 188.67 81.5776 188.166C81.5776 187.608 82.2076 187.374 83.0356 187.374C84.2956 187.374 85.3936 187.788 86.3836 188.472V185.808C85.4656 185.304 84.4036 184.98 82.9096 184.98C80.5876 184.98 78.7336 186.186 78.7336 188.382C78.7336 190.218 79.7596 191.136 81.6136 191.676L83.2876 192.162C83.8816 192.378 84.2236 192.558 84.2236 193.098C84.2236 193.782 83.4316 193.98 82.5136 193.98C81.2716 193.98 79.9216 193.476 78.9676 192.828ZM96.2065 192.162C96.2065 189.66 94.5325 187.932 92.0665 187.932C89.6185 187.932 87.9265 189.66 87.9265 192.162C87.9265 194.664 89.6185 196.392 92.0665 196.392C94.5325 196.392 96.2065 194.664 96.2065 192.162ZM93.4345 192.162C93.4345 193.278 92.9485 194.052 92.0665 194.052C91.2025 194.052 90.7165 193.278 90.7165 192.162C90.7165 191.046 91.2025 190.254 92.0665 190.254C92.9485 190.254 93.4345 191.046 93.4345 192.162ZM97.3058 188.112V196.212H100.132V191.316C100.276 190.758 100.744 190.434 101.302 190.434C102.022 190.434 102.364 190.92 102.364 191.586V196.212H105.172V190.902C105.172 189.102 104.11 187.932 102.31 187.932C101.374 187.932 100.582 188.31 100.132 188.814V188.112H97.3058ZM111.698 195.114V195.384C111.698 196.518 110.762 196.968 109.682 196.968C108.566 196.968 107.684 196.68 106.856 195.978V198.57C107.504 198.984 108.638 199.254 109.772 199.254C112.364 199.254 114.488 198.03 114.488 195.042V188.112H111.698V188.724C111.338 188.292 110.672 187.932 109.79 187.932C107.504 187.932 106.208 189.678 106.208 191.91C106.208 194.142 107.504 195.906 109.79 195.906C110.672 195.906 111.338 195.528 111.698 195.114ZM111.698 190.848V192.99C111.482 193.35 111.032 193.656 110.492 193.656C109.556 193.656 108.998 192.936 108.998 191.91C108.998 190.884 109.556 190.164 110.492 190.164C111.032 190.164 111.482 190.488 111.698 190.848Z" fill="white"/>
<defs>
<filter id="filter0_d_6_5" x="199.834" y="0" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6_5"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6_5" result="shape"/>
</filter>
<filter id="filter1_d_6_5" x="399.669" y="0" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6_5"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6_5" result="shape"/>
</filter>
<filter id="filter2_d_6_5" x="0" y="0" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6_5"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6_5" result="shape"/>
</filter>
<filter id="filter3_d_6_5" x="2" y="134" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6_5"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6_5" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

assets/site-images/templateImages/matrix-music.svg
+63
View File
@@ -0,0 +1,63 @@
<svg width="587" height="252" viewBox="0 0 587 252" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M499 112L498.574 197H192" stroke="#7630EA" stroke-width="2" stroke-dasharray="6 6"/>
<path d="M495 114L499.4 109L503.5 114" stroke="#6633BC" stroke-width="2"/>
<g filter="url(#filter0_d_2634_15305)">
<rect x="211.834" y="6" width="162.828" height="93.6452" fill="white"/>
</g>
<rect x="219.479" y="23.2001" width="148.686" height="68.0361" fill="#EFEFEF"/>
<g filter="url(#filter1_d_2634_15305)">
<rect x="411.669" y="6" width="162.828" height="93.6452" fill="white"/>
</g>
<rect x="419.313" y="23.2001" width="148.686" height="68.0361" fill="#EFEFEF"/>
<g filter="url(#filter2_d_2634_15305)">
<rect x="12" y="6" width="162.828" height="93.6452" fill="white"/>
</g>
<rect x="19" y="23" width="148.686" height="68.0361" fill="#EFEFEF"/>
<path d="M69.3961 58.5742H71.3761C73.7701 58.5742 75.3901 57.2242 75.3901 54.7762C75.3901 52.3102 73.7701 50.9602 71.3761 50.9602H66.5341V62.0122H69.3961V58.5742ZM72.5821 54.7762C72.5821 55.6042 72.1141 56.1622 71.0701 56.1622H69.3961V53.3902H71.0701C72.1141 53.3902 72.5821 53.9302 72.5821 54.7762ZM79.3779 62.0122V50.3122H76.5519V62.0122H79.3779ZM85.3573 57.1342V57.4222C85.0333 57.1882 84.2773 56.9722 83.5933 56.9722C81.8473 56.9722 80.4793 57.9802 80.4793 59.5462C80.4793 61.2562 81.8473 62.1562 83.4493 62.1562C84.3133 62.1562 85.0873 61.8682 85.3573 61.5982V62.0122H88.0753V57.0082C88.0753 54.8662 86.7073 53.7322 84.3133 53.7322C83.1613 53.7322 82.0813 54.0022 81.4153 54.3622V56.6302C82.0633 56.2522 82.8553 56.0542 83.6293 56.0542C84.7813 56.0542 85.3573 56.5042 85.3573 57.1342ZM85.3573 59.2762V59.7442C85.1773 60.0682 84.7273 60.2842 84.2233 60.2842C83.6653 60.2842 83.1073 60.0502 83.1073 59.4922C83.1073 58.9522 83.6653 58.7182 84.2233 58.7182C84.7273 58.7182 85.1773 58.9342 85.3573 59.2762ZM90.4845 64.8742H93.2745L97.4505 53.9122H94.6425L93.1305 58.5202L91.5825 53.9122H88.6485L91.6725 61.8142L90.4845 64.8742ZM101.14 62.0122V50.3122H98.3136V62.0122H101.14ZM105.697 51.7162C105.697 50.7802 104.959 50.1862 104.095 50.1862C103.231 50.1862 102.493 50.7802 102.493 51.7162C102.493 52.6342 103.231 53.2282 104.095 53.2282C104.959 53.2282 105.697 52.6342 105.697 51.7162ZM105.499 62.0122V53.9122H102.673V62.0122H105.499ZM106.744 59.0422V61.4182C107.5 61.9222 108.688 62.1922 109.822 62.1922C111.82 62.1922 113.314 61.3462 113.314 59.6182C113.314 58.2502 112.612 57.5302 110.848 57.0622L110.11 56.8462C109.714 56.7382 109.48 56.6302 109.48 56.3242C109.48 56.0002 109.804 55.8382 110.29 55.8382C111.208 55.8382 112.072 56.2162 112.846 56.7742V54.4522C112.054 53.9662 111.172 53.7322 110.02 53.7322C108.112 53.7322 106.708 54.6862 106.708 56.3782C106.708 57.8362 107.662 58.5382 109.156 58.8622L109.786 59.0242C110.272 59.1322 110.524 59.2582 110.524 59.5822C110.524 59.9422 110.164 60.0682 109.606 60.0682C108.778 60.0682 107.518 59.6722 106.744 59.0422ZM118.142 62.0122V56.1082H119.726V53.9122H118.142V51.6802H115.334V53.9122H113.93V56.1082H115.334V62.0122H118.142Z" fill="#444444"/>
<path d="M281.433 51.1603H278.481L274.269 62.2123H277.131L277.905 60.0703H281.919L282.711 62.2123H285.645L281.433 51.1603ZM278.787 57.6943L279.921 54.5803L281.055 57.6943H278.787ZM291.971 56.7943V54.0763C291.845 54.0043 291.557 53.9323 291.197 53.9323C290.387 53.9323 289.757 54.2923 289.361 54.8323V54.1123H286.535V62.2123H289.361V57.4603C289.505 56.8843 290.027 56.5423 290.801 56.5423C291.251 56.5423 291.629 56.6143 291.971 56.7943ZM296.906 62.2123V56.3083H298.49V54.1123H296.906V51.8803H294.098V54.1123H292.694V56.3083H294.098V62.2123H296.906ZM302.55 51.9163C302.55 50.9803 301.812 50.3863 300.948 50.3863C300.084 50.3863 299.346 50.9803 299.346 51.9163C299.346 52.8343 300.084 53.4283 300.948 53.4283C301.812 53.4283 302.55 52.8343 302.55 51.9163ZM302.352 62.2123V54.1123H299.526V62.2123H302.352ZM303.597 59.2423V61.6183C304.353 62.1223 305.541 62.3923 306.675 62.3923C308.673 62.3923 310.167 61.5463 310.167 59.8183C310.167 58.4503 309.465 57.7303 307.701 57.2623L306.963 57.0463C306.567 56.9383 306.333 56.8303 306.333 56.5243C306.333 56.2003 306.657 56.0383 307.143 56.0383C308.061 56.0383 308.925 56.4163 309.699 56.9743V54.6523C308.907 54.1663 308.025 53.9323 306.873 53.9323C304.965 53.9323 303.561 54.8863 303.561 56.5783C303.561 58.0363 304.515 58.7383 306.009 59.0623L306.639 59.2243C307.125 59.3323 307.377 59.4583 307.377 59.7823C307.377 60.1423 307.017 60.2683 306.459 60.2683C305.631 60.2683 304.371 59.8723 303.597 59.2423ZM314.994 62.2123V56.3083H316.578V54.1123H314.994V51.8803H312.186V54.1123H310.782V56.3083H312.186V62.2123H314.994Z" fill="#444444"/>
<path d="M477.462 51.1603H474.51L470.298 62.2123H473.16L473.934 60.0703H477.948L478.74 62.2123H481.674L477.462 51.1603ZM474.816 57.6943L475.95 54.5803L477.084 57.6943H474.816ZM485.391 62.2123V50.5123H482.565V62.2123H485.391ZM489.75 62.2123V61.5643C490.128 61.9963 490.92 62.3923 491.748 62.3923C494.088 62.3923 495.366 60.5023 495.366 58.1623C495.366 55.8223 494.088 53.9323 491.748 53.9323C490.92 53.9323 490.128 54.3283 489.75 54.7603V50.5123H486.924V62.2123H489.75ZM489.75 59.2243V57.0823C489.966 56.6503 490.452 56.3263 490.992 56.3263C491.964 56.3263 492.54 57.1183 492.54 58.1623C492.54 59.2063 491.964 59.9803 490.992 59.9803C490.434 59.9803 489.966 59.6743 489.75 59.2243ZM504.245 62.2123V54.1123H501.419V59.0263C501.275 59.5843 500.789 59.9263 500.267 59.9263C499.547 59.9263 499.223 59.4403 499.223 58.7563V54.1123H496.415V59.4223C496.415 61.2223 497.477 62.3923 499.259 62.3923C500.177 62.3923 500.987 62.0143 501.419 61.5103V62.2123H504.245ZM512.896 54.9043C512.41 54.3283 511.69 53.9323 510.664 53.9323C509.764 53.9323 508.99 54.2743 508.576 54.7783V54.1123H505.75V62.2123H508.576V57.2803C508.702 56.7223 509.134 56.4163 509.62 56.4163C510.25 56.4163 510.538 56.9023 510.538 57.5863V62.2123H513.346V57.2803C513.49 56.7223 513.904 56.4163 514.39 56.4163C515.02 56.4163 515.308 56.9023 515.308 57.5863V62.2123H518.134V56.9023C518.134 55.0843 517.09 53.9323 515.398 53.9323C514.21 53.9323 513.382 54.4003 512.896 54.9043Z" fill="#444444"/>
<path d="M96.1379 106V133M96.1379 133L92 129.22M96.1379 133L100 129.22" stroke="#7630EA" stroke-width="2"/>
<g filter="url(#filter3_d_2634_15305)">
<rect x="14" y="140" width="162.828" height="93.6452" fill="white"/>
</g>
<rect x="21.6445" y="157.2" width="148.686" height="68.0361" fill="#EFEFEF"/>
<path d="M78.9676 192.828V195.492C79.7776 195.978 81.1096 196.392 82.5856 196.392C85.0696 196.392 87.1036 195.33 87.1036 192.936C87.1036 191.244 86.1856 190.182 84.1696 189.552L82.4956 189.048C81.9196 188.868 81.5776 188.67 81.5776 188.166C81.5776 187.608 82.2076 187.374 83.0356 187.374C84.2956 187.374 85.3936 187.788 86.3836 188.472V185.808C85.4656 185.304 84.4036 184.98 82.9096 184.98C80.5876 184.98 78.7336 186.186 78.7336 188.382C78.7336 190.218 79.7596 191.136 81.6136 191.676L83.2876 192.162C83.8816 192.378 84.2236 192.558 84.2236 193.098C84.2236 193.782 83.4316 193.98 82.5136 193.98C81.2716 193.98 79.9216 193.476 78.9676 192.828ZM96.2065 192.162C96.2065 189.66 94.5325 187.932 92.0665 187.932C89.6185 187.932 87.9265 189.66 87.9265 192.162C87.9265 194.664 89.6185 196.392 92.0665 196.392C94.5325 196.392 96.2065 194.664 96.2065 192.162ZM93.4345 192.162C93.4345 193.278 92.9485 194.052 92.0665 194.052C91.2025 194.052 90.7165 193.278 90.7165 192.162C90.7165 191.046 91.2025 190.254 92.0665 190.254C92.9485 190.254 93.4345 191.046 93.4345 192.162ZM97.3058 188.112V196.212H100.132V191.316C100.276 190.758 100.744 190.434 101.302 190.434C102.022 190.434 102.364 190.92 102.364 191.586V196.212H105.172V190.902C105.172 189.102 104.11 187.932 102.31 187.932C101.374 187.932 100.582 188.31 100.132 188.814V188.112H97.3058ZM111.698 195.114V195.384C111.698 196.518 110.762 196.968 109.682 196.968C108.566 196.968 107.684 196.68 106.856 195.978V198.57C107.504 198.984 108.638 199.254 109.772 199.254C112.364 199.254 114.488 198.03 114.488 195.042V188.112H111.698V188.724C111.338 188.292 110.672 187.932 109.79 187.932C107.504 187.932 106.208 189.678 106.208 191.91C106.208 194.142 107.504 195.906 109.79 195.906C110.672 195.906 111.338 195.528 111.698 195.114ZM111.698 190.848V192.99C111.482 193.35 111.032 193.656 110.492 193.656C109.556 193.656 108.998 192.936 108.998 191.91C108.998 190.884 109.556 190.164 110.492 190.164C111.032 190.164 111.482 190.488 111.698 190.848Z" fill="#444444"/>
<defs>
<filter id="filter0_d_2634_15305" x="199.834" y="0" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2634_15305"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2634_15305" result="shape"/>
</filter>
<filter id="filter1_d_2634_15305" x="399.669" y="0" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2634_15305"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2634_15305" result="shape"/>
</filter>
<filter id="filter2_d_2634_15305" x="0" y="0" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2634_15305"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2634_15305" result="shape"/>
</filter>
<filter id="filter3_d_2634_15305" x="2" y="134" width="186.828" height="117.645" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2634_15305"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2634_15305" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

assets/site-images/templateImages/multicol-dashboard-invert.svg
+11
View File
@@ -0,0 +1,11 @@
<svg width="330" height="194" viewBox="0 0 330 194" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="76" height="92" rx="4" fill="#263040"/>
<rect y="102" width="76" height="92" rx="4" fill="#263040"/>
<rect x="84" width="76" height="92" rx="4" fill="#263040"/>
<rect x="84" y="102" width="76" height="92" rx="4" fill="#263040"/>
<rect x="167" width="76" height="92" rx="4" fill="#263040"/>
<rect x="254" width="76" height="92" rx="4" fill="#263040"/>
<rect x="167" y="102" width="76" height="92" rx="4" fill="#263040"/>
<rect x="254" y="102" width="76" height="92" rx="4" fill="#263040"/>
<path d="M70.2549 96.948C70.2549 103.824 74.8629 108.36 81.5949 108.36C83.9349 108.36 85.8069 107.784 87.2109 106.848V101.232C85.6269 102.456 83.8989 102.996 82.0629 102.996C78.3909 102.996 76.0509 100.728 76.0509 96.948C76.0509 93.132 78.3909 90.864 82.0629 90.864C83.8989 90.864 85.6269 91.44 87.2109 92.664V87.048C85.8069 86.112 83.9349 85.536 81.5949 85.536C74.8629 85.536 70.2549 90.072 70.2549 96.948ZM105.726 99.9C105.726 94.896 102.378 91.44 97.4456 91.44C92.5496 91.44 89.1656 94.896 89.1656 99.9C89.1656 104.904 92.5496 108.36 97.4456 108.36C102.378 108.36 105.726 104.904 105.726 99.9ZM100.182 99.9C100.182 102.132 99.2096 103.68 97.4456 103.68C95.7176 103.68 94.7456 102.132 94.7456 99.9C94.7456 97.668 95.7176 96.084 97.4456 96.084C99.2096 96.084 100.182 97.668 100.182 99.9ZM122.216 93.384C121.244 92.232 119.804 91.44 117.752 91.44C115.952 91.44 114.404 92.124 113.576 93.132V91.8H107.924V108H113.576V98.136C113.828 97.02 114.692 96.408 115.664 96.408C116.924 96.408 117.5 97.38 117.5 98.748V108H123.116V98.136C123.404 97.02 124.232 96.408 125.204 96.408C126.464 96.408 127.04 97.38 127.04 98.748V108H132.692V97.38C132.692 93.744 130.604 91.44 127.22 91.44C124.844 91.44 123.188 92.376 122.216 93.384ZM141.64 87.408C141.64 85.536 140.164 84.348 138.436 84.348C136.708 84.348 135.232 85.536 135.232 87.408C135.232 89.244 136.708 90.432 138.436 90.432C140.164 90.432 141.64 89.244 141.64 87.408ZM141.244 108V91.8H135.592V108H141.244ZM144.311 91.8V108H149.963V98.208C150.251 97.092 151.187 96.444 152.303 96.444C153.743 96.444 154.427 97.416 154.427 98.748V108H160.043V97.38C160.043 93.78 157.919 91.44 154.319 91.44C152.447 91.44 150.863 92.196 149.963 93.204V91.8H144.311ZM173.095 105.804V106.344C173.095 108.612 171.223 109.512 169.063 109.512C166.831 109.512 165.067 108.936 163.411 107.532V112.716C164.707 113.544 166.975 114.084 169.243 114.084C174.427 114.084 178.675 111.636 178.675 105.66V91.8H173.095V93.024C172.375 92.16 171.043 91.44 169.279 91.44C164.707 91.44 162.115 94.932 162.115 99.396C162.115 103.86 164.707 107.388 169.279 107.388C171.043 107.388 172.375 106.632 173.095 105.804ZM173.095 97.272V101.556C172.663 102.276 171.763 102.888 170.683 102.888C168.811 102.888 167.695 101.448 167.695 99.396C167.695 97.344 168.811 95.904 170.683 95.904C171.763 95.904 172.663 96.552 173.095 97.272ZM188.599 101.232V106.56C190.219 107.532 192.883 108.36 195.835 108.36C200.803 108.36 204.871 106.236 204.871 101.448C204.871 98.064 203.035 95.94 199.003 94.68L195.655 93.672C194.503 93.312 193.819 92.916 193.819 91.908C193.819 90.792 195.079 90.324 196.735 90.324C199.255 90.324 201.451 91.152 203.431 92.52V87.192C201.595 86.184 199.471 85.536 196.483 85.536C191.839 85.536 188.131 87.948 188.131 92.34C188.131 96.012 190.183 97.848 193.891 98.928L197.239 99.9C198.427 100.332 199.111 100.692 199.111 101.772C199.111 103.14 197.527 103.536 195.691 103.536C193.207 103.536 190.507 102.528 188.599 101.232ZM223.077 99.9C223.077 94.896 219.729 91.44 214.797 91.44C209.901 91.44 206.517 94.896 206.517 99.9C206.517 104.904 209.901 108.36 214.797 108.36C219.729 108.36 223.077 104.904 223.077 99.9ZM217.533 99.9C217.533 102.132 216.561 103.68 214.797 103.68C213.069 103.68 212.097 102.132 212.097 99.9C212.097 97.668 213.069 96.084 214.797 96.084C216.561 96.084 217.533 97.668 217.533 99.9ZM241.183 99.9C241.183 94.896 237.835 91.44 232.903 91.44C228.007 91.44 224.623 94.896 224.623 99.9C224.623 104.904 228.007 108.36 232.903 108.36C237.835 108.36 241.183 104.904 241.183 99.9ZM235.639 99.9C235.639 102.132 234.667 103.68 232.903 103.68C231.175 103.68 230.203 102.132 230.203 99.9C230.203 97.668 231.175 96.084 232.903 96.084C234.667 96.084 235.639 97.668 235.639 99.9ZM243.381 91.8V108H249.033V98.208C249.321 97.092 250.257 96.444 251.373 96.444C252.813 96.444 253.497 97.416 253.497 98.748V108H259.113V97.38C259.113 93.78 256.989 91.44 253.389 91.44C251.517 91.44 249.933 92.196 249.033 93.204V91.8H243.381Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

assets/site-images/templateImages/multicol-dashboard.svg
+11
View File
@@ -0,0 +1,11 @@
<svg width="330" height="194" viewBox="0 0 330 194" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="76" height="92" rx="4" fill="#EFEFEF"/>
<rect y="102" width="76" height="92" rx="4" fill="#EFEFEF"/>
<rect x="84" width="76" height="92" rx="4" fill="#EFEFEF"/>
<rect x="84" y="102" width="76" height="92" rx="4" fill="#EFEFEF"/>
<rect x="167" width="76" height="92" rx="4" fill="#EFEFEF"/>
<rect x="254" width="76" height="92" rx="4" fill="#EFEFEF"/>
<rect x="167" y="102" width="76" height="92" rx="4" fill="#EFEFEF"/>
<rect x="254" y="102" width="76" height="92" rx="4" fill="#EFEFEF"/>
<path d="M70.2549 96.948C70.2549 103.824 74.8629 108.36 81.5949 108.36C83.9349 108.36 85.8069 107.784 87.2109 106.848V101.232C85.6269 102.456 83.8989 102.996 82.0629 102.996C78.3909 102.996 76.0509 100.728 76.0509 96.948C76.0509 93.132 78.3909 90.864 82.0629 90.864C83.8989 90.864 85.6269 91.44 87.2109 92.664V87.048C85.8069 86.112 83.9349 85.536 81.5949 85.536C74.8629 85.536 70.2549 90.072 70.2549 96.948ZM105.726 99.9C105.726 94.896 102.378 91.44 97.4456 91.44C92.5496 91.44 89.1656 94.896 89.1656 99.9C89.1656 104.904 92.5496 108.36 97.4456 108.36C102.378 108.36 105.726 104.904 105.726 99.9ZM100.182 99.9C100.182 102.132 99.2096 103.68 97.4456 103.68C95.7176 103.68 94.7456 102.132 94.7456 99.9C94.7456 97.668 95.7176 96.084 97.4456 96.084C99.2096 96.084 100.182 97.668 100.182 99.9ZM122.216 93.384C121.244 92.232 119.804 91.44 117.752 91.44C115.952 91.44 114.404 92.124 113.576 93.132V91.8H107.924V108H113.576V98.136C113.828 97.02 114.692 96.408 115.664 96.408C116.924 96.408 117.5 97.38 117.5 98.748V108H123.116V98.136C123.404 97.02 124.232 96.408 125.204 96.408C126.464 96.408 127.04 97.38 127.04 98.748V108H132.692V97.38C132.692 93.744 130.604 91.44 127.22 91.44C124.844 91.44 123.188 92.376 122.216 93.384ZM141.64 87.408C141.64 85.536 140.164 84.348 138.436 84.348C136.708 84.348 135.232 85.536 135.232 87.408C135.232 89.244 136.708 90.432 138.436 90.432C140.164 90.432 141.64 89.244 141.64 87.408ZM141.244 108V91.8H135.592V108H141.244ZM144.311 91.8V108H149.963V98.208C150.251 97.092 151.187 96.444 152.303 96.444C153.743 96.444 154.427 97.416 154.427 98.748V108H160.043V97.38C160.043 93.78 157.919 91.44 154.319 91.44C152.447 91.44 150.863 92.196 149.963 93.204V91.8H144.311ZM173.095 105.804V106.344C173.095 108.612 171.223 109.512 169.063 109.512C166.831 109.512 165.067 108.936 163.411 107.532V112.716C164.707 113.544 166.975 114.084 169.243 114.084C174.427 114.084 178.675 111.636 178.675 105.66V91.8H173.095V93.024C172.375 92.16 171.043 91.44 169.279 91.44C164.707 91.44 162.115 94.932 162.115 99.396C162.115 103.86 164.707 107.388 169.279 107.388C171.043 107.388 172.375 106.632 173.095 105.804ZM173.095 97.272V101.556C172.663 102.276 171.763 102.888 170.683 102.888C168.811 102.888 167.695 101.448 167.695 99.396C167.695 97.344 168.811 95.904 170.683 95.904C171.763 95.904 172.663 96.552 173.095 97.272ZM188.599 101.232V106.56C190.219 107.532 192.883 108.36 195.835 108.36C200.803 108.36 204.871 106.236 204.871 101.448C204.871 98.064 203.035 95.94 199.003 94.68L195.655 93.672C194.503 93.312 193.819 92.916 193.819 91.908C193.819 90.792 195.079 90.324 196.735 90.324C199.255 90.324 201.451 91.152 203.431 92.52V87.192C201.595 86.184 199.471 85.536 196.483 85.536C191.839 85.536 188.131 87.948 188.131 92.34C188.131 96.012 190.183 97.848 193.891 98.928L197.239 99.9C198.427 100.332 199.111 100.692 199.111 101.772C199.111 103.14 197.527 103.536 195.691 103.536C193.207 103.536 190.507 102.528 188.599 101.232ZM223.077 99.9C223.077 94.896 219.729 91.44 214.797 91.44C209.901 91.44 206.517 94.896 206.517 99.9C206.517 104.904 209.901 108.36 214.797 108.36C219.729 108.36 223.077 104.904 223.077 99.9ZM217.533 99.9C217.533 102.132 216.561 103.68 214.797 103.68C213.069 103.68 212.097 102.132 212.097 99.9C212.097 97.668 213.069 96.084 214.797 96.084C216.561 96.084 217.533 97.668 217.533 99.9ZM241.183 99.9C241.183 94.896 237.835 91.44 232.903 91.44C228.007 91.44 224.623 94.896 224.623 99.9C224.623 104.904 228.007 108.36 232.903 108.36C237.835 108.36 241.183 104.904 241.183 99.9ZM235.639 99.9C235.639 102.132 234.667 103.68 232.903 103.68C231.175 103.68 230.203 102.132 230.203 99.9C230.203 97.668 231.175 96.084 232.903 96.084C234.667 96.084 235.639 97.668 235.639 99.9ZM243.381 91.8V108H249.033V98.208C249.321 97.092 250.257 96.444 251.373 96.444C252.813 96.444 253.497 97.416 253.497 98.748V108H259.113V97.38C259.113 93.78 256.989 91.44 253.389 91.44C251.517 91.44 249.933 92.196 249.033 93.204V91.8H243.381Z" fill="black"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

assets/site-images/templateImages/tab-nav-invert.svg
+27
View File
@@ -0,0 +1,27 @@
<svg width="415" height="195" viewBox="0 0 415 195" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2_30)">
<line x1="20" y1="59" x2="2862" y2="59.0002" stroke="#7887A2" stroke-width="2"/>
<path d="M20 16C20 13.7909 21.7909 12 24 12H105C107.209 12 109 13.7909 109 16V60H20V16Z" fill="white" fill-opacity="0.08"/>
<path d="M44.6012 29.948V32.432H48.0032V41H50.9012V32.432H54.3212V29.948H44.6012ZM58.8651 36.122V36.41C58.5411 36.176 57.7851 35.96 57.1011 35.96C55.3551 35.96 53.9871 36.968 53.9871 38.534C53.9871 40.244 55.3551 41.144 56.9571 41.144C57.8211 41.144 58.5951 40.856 58.8651 40.586V41H61.5831V35.996C61.5831 33.854 60.2151 32.72 57.8211 32.72C56.6691 32.72 55.5891 32.99 54.9231 33.35V35.618C55.5711 35.24 56.3631 35.042 57.1371 35.042C58.2891 35.042 58.8651 35.492 58.8651 36.122ZM58.8651 38.264V38.732C58.6851 39.056 58.2351 39.272 57.7311 39.272C57.1731 39.272 56.6151 39.038 56.6151 38.48C56.6151 37.94 57.1731 37.706 57.7311 37.706C58.2351 37.706 58.6851 37.922 58.8651 38.264ZM65.8584 41V40.352C66.2364 40.784 67.0284 41.18 67.8564 41.18C70.1964 41.18 71.4744 39.29 71.4744 36.95C71.4744 34.61 70.1964 32.72 67.8564 32.72C67.0284 32.72 66.2364 33.116 65.8584 33.548V29.3H63.0324V41H65.8584ZM65.8584 38.012V35.87C66.0744 35.438 66.5604 35.114 67.1004 35.114C68.0724 35.114 68.6484 35.906 68.6484 36.95C68.6484 37.994 68.0724 38.768 67.1004 38.768C66.5424 38.768 66.0744 38.462 65.8584 38.012ZM76.3972 38.516V41H84.1372V38.516H81.8692V29.948H79.9432L76.4872 31.604V34.358L79.0792 33.08V38.516H76.3972Z" fill="white"/>
<line x1="20" y1="58" x2="109" y2="58" stroke="#AFBCD2" stroke-width="4"/>
<path d="M133.601 29.948V32.432H137.003V41H139.901V32.432H143.321V29.948H133.601ZM147.865 36.122V36.41C147.541 36.176 146.785 35.96 146.101 35.96C144.355 35.96 142.987 36.968 142.987 38.534C142.987 40.244 144.355 41.144 145.957 41.144C146.821 41.144 147.595 40.856 147.865 40.586V41H150.583V35.996C150.583 33.854 149.215 32.72 146.821 32.72C145.669 32.72 144.589 32.99 143.923 33.35V35.618C144.571 35.24 145.363 35.042 146.137 35.042C147.289 35.042 147.865 35.492 147.865 36.122ZM147.865 38.264V38.732C147.685 39.056 147.235 39.272 146.731 39.272C146.173 39.272 145.615 39.038 145.615 38.48C145.615 37.94 146.173 37.706 146.731 37.706C147.235 37.706 147.685 37.922 147.865 38.264ZM154.858 41V40.352C155.236 40.784 156.028 41.18 156.856 41.18C159.196 41.18 160.474 39.29 160.474 36.95C160.474 34.61 159.196 32.72 156.856 32.72C156.028 32.72 155.236 33.116 154.858 33.548V29.3H152.032V41H154.858ZM154.858 38.012V35.87C155.074 35.438 155.56 35.114 156.1 35.114C157.072 35.114 157.648 35.906 157.648 36.95C157.648 37.994 157.072 38.768 156.1 38.768C155.542 38.768 155.074 38.462 154.858 38.012ZM172.993 38.516H169.699L170.779 37.04C171.733 35.708 172.543 34.502 172.543 33.098C172.543 31.1 171.139 29.768 168.943 29.768C167.341 29.768 165.991 30.344 165.145 31.046V33.818C165.847 33.242 167.053 32.468 168.187 32.468C169.069 32.468 169.555 32.936 169.555 33.674C169.555 34.61 169.033 35.294 168.043 36.608L164.803 40.928V41H172.993V38.516Z" fill="white"/>
<line x1="109" y1="59" x2="198" y2="59" stroke="#7887A2" stroke-width="2"/>
<path d="M222.601 29.948V32.432H226.003V41H228.901V32.432H232.321V29.948H222.601ZM236.865 36.122V36.41C236.541 36.176 235.785 35.96 235.101 35.96C233.355 35.96 231.987 36.968 231.987 38.534C231.987 40.244 233.355 41.144 234.957 41.144C235.821 41.144 236.595 40.856 236.865 40.586V41H239.583V35.996C239.583 33.854 238.215 32.72 235.821 32.72C234.669 32.72 233.589 32.99 232.923 33.35V35.618C233.571 35.24 234.363 35.042 235.137 35.042C236.289 35.042 236.865 35.492 236.865 36.122ZM236.865 38.264V38.732C236.685 39.056 236.235 39.272 235.731 39.272C235.173 39.272 234.615 39.038 234.615 38.48C234.615 37.94 235.173 37.706 235.731 37.706C236.235 37.706 236.685 37.922 236.865 38.264ZM243.858 41V40.352C244.236 40.784 245.028 41.18 245.856 41.18C248.196 41.18 249.474 39.29 249.474 36.95C249.474 34.61 248.196 32.72 245.856 32.72C245.028 32.72 244.236 33.116 243.858 33.548V29.3H241.032V41H243.858ZM243.858 38.012V35.87C244.074 35.438 244.56 35.114 245.1 35.114C246.072 35.114 246.648 35.906 246.648 36.95C246.648 37.994 246.072 38.768 245.1 38.768C244.542 38.768 244.074 38.462 243.858 38.012ZM254.289 29.948V32.432H258.087L256.251 35.816V35.87C257.781 35.78 259.203 36.248 259.203 37.436C259.203 38.354 258.465 38.822 257.331 38.822C256.233 38.822 255.135 38.372 254.217 37.598V40.244C255.027 40.784 256.071 41.18 257.655 41.18C259.959 41.18 261.903 39.794 261.903 37.418C261.903 35.96 261.039 34.826 259.599 34.304L261.903 30.002V29.948H254.289Z" fill="white"/>
<line x1="198" y1="59" x2="287" y2="59" stroke="#7887A2" stroke-width="2"/>
</g>
<rect x="20" y="90" width="112" height="91" fill="white" fill-opacity="0.08"/>
<rect x="148" y="90" width="112" height="91" fill="white" fill-opacity="0.08"/>
<rect x="273" y="90" width="112" height="91" fill="white" fill-opacity="0.08"/>
<path d="M35.4907 135.474C35.4907 138.912 37.7947 141.18 41.1607 141.18C42.3307 141.18 43.2667 140.892 43.9687 140.424V137.616C43.1767 138.228 42.3127 138.498 41.3947 138.498C39.5587 138.498 38.3887 137.364 38.3887 135.474C38.3887 133.566 39.5587 132.432 41.3947 132.432C42.3127 132.432 43.1767 132.72 43.9687 133.332V130.524C43.2667 130.056 42.3307 129.768 41.1607 129.768C37.7947 129.768 35.4907 132.036 35.4907 135.474ZM53.2261 136.95C53.2261 134.448 51.5521 132.72 49.0861 132.72C46.6381 132.72 44.9461 134.448 44.9461 136.95C44.9461 139.452 46.6381 141.18 49.0861 141.18C51.5521 141.18 53.2261 139.452 53.2261 136.95ZM50.4541 136.95C50.4541 138.066 49.9681 138.84 49.0861 138.84C48.2221 138.84 47.7361 138.066 47.7361 136.95C47.7361 135.834 48.2221 135.042 49.0861 135.042C49.9681 135.042 50.4541 135.834 50.4541 136.95ZM54.3253 132.9V141H57.1513V136.104C57.2953 135.546 57.7633 135.222 58.3213 135.222C59.0413 135.222 59.3833 135.708 59.3833 136.374V141H62.1913V135.69C62.1913 133.89 61.1293 132.72 59.3293 132.72C58.3933 132.72 57.6013 133.098 57.1513 133.602V132.9H54.3253ZM67.4033 141V135.096H68.9873V132.9H67.4033V130.668H64.5953V132.9H63.1913V135.096H64.5953V141H67.4033ZM72.2563 137.598H77.2423V136.77C77.2423 134.358 75.9643 132.72 73.4443 132.72C71.2123 132.72 69.5203 134.466 69.5203 137.004C69.5203 139.614 71.2843 141.18 73.8763 141.18C75.0463 141.18 76.0363 140.928 76.6663 140.46V138.318C75.8563 138.804 75.1903 138.966 74.3263 138.966C73.2823 138.966 72.4903 138.57 72.2563 137.598ZM73.5523 134.862C74.2363 134.862 74.6503 135.33 74.7223 136.014H72.2923C72.4903 135.276 72.9403 134.862 73.5523 134.862ZM78.3722 132.9V141H81.1982V136.104C81.3422 135.546 81.8102 135.222 82.3682 135.222C83.0882 135.222 83.4302 135.708 83.4302 136.374V141H86.2382V135.69C86.2382 133.89 85.1762 132.72 83.3762 132.72C82.4402 132.72 81.6482 133.098 81.1982 133.602V132.9H78.3722ZM91.4502 141V135.096H93.0342V132.9H91.4502V130.668H88.6422V132.9H87.2382V135.096H88.6422V141H91.4502ZM97.907 138.516V141H105.647V138.516H103.379V129.948H101.453L97.997 131.604V134.358L100.589 133.08V138.516H97.907ZM113.559 129.948H110.607L106.395 141H109.257L110.031 138.858H114.045L114.837 141H117.771L113.559 129.948ZM110.913 136.482L112.047 133.368L113.181 136.482H110.913Z" fill="white"/>
<path d="M162.799 135.474C162.799 138.912 165.103 141.18 168.469 141.18C169.639 141.18 170.575 140.892 171.277 140.424V137.616C170.485 138.228 169.621 138.498 168.703 138.498C166.867 138.498 165.697 137.364 165.697 135.474C165.697 133.566 166.867 132.432 168.703 132.432C169.621 132.432 170.485 132.72 171.277 133.332V130.524C170.575 130.056 169.639 129.768 168.469 129.768C165.103 129.768 162.799 132.036 162.799 135.474ZM180.535 136.95C180.535 134.448 178.861 132.72 176.395 132.72C173.947 132.72 172.255 134.448 172.255 136.95C172.255 139.452 173.947 141.18 176.395 141.18C178.861 141.18 180.535 139.452 180.535 136.95ZM177.763 136.95C177.763 138.066 177.277 138.84 176.395 138.84C175.531 138.84 175.045 138.066 175.045 136.95C175.045 135.834 175.531 135.042 176.395 135.042C177.277 135.042 177.763 135.834 177.763 136.95ZM181.634 132.9V141H184.46V136.104C184.604 135.546 185.072 135.222 185.63 135.222C186.35 135.222 186.692 135.708 186.692 136.374V141H189.5V135.69C189.5 133.89 188.438 132.72 186.638 132.72C185.702 132.72 184.91 133.098 184.46 133.602V132.9H181.634ZM194.712 141V135.096H196.296V132.9H194.712V130.668H191.904V132.9H190.5V135.096H191.904V141H194.712ZM199.565 137.598H204.551V136.77C204.551 134.358 203.273 132.72 200.753 132.72C198.521 132.72 196.829 134.466 196.829 137.004C196.829 139.614 198.593 141.18 201.185 141.18C202.355 141.18 203.345 140.928 203.975 140.46V138.318C203.165 138.804 202.499 138.966 201.635 138.966C200.591 138.966 199.799 138.57 199.565 137.598ZM200.861 134.862C201.545 134.862 201.959 135.33 202.031 136.014H199.601C199.799 135.276 200.249 134.862 200.861 134.862ZM205.681 132.9V141H208.507V136.104C208.651 135.546 209.119 135.222 209.677 135.222C210.397 135.222 210.739 135.708 210.739 136.374V141H213.547V135.69C213.547 133.89 212.485 132.72 210.685 132.72C209.749 132.72 208.957 133.098 208.507 133.602V132.9H205.681ZM218.759 141V135.096H220.343V132.9H218.759V130.668H215.951V132.9H214.547V135.096H215.951V141H218.759ZM225.216 138.516V141H232.956V138.516H230.688V129.948H228.762L225.306 131.604V134.358L227.898 133.08V138.516H225.216ZM241.353 135.294C242.163 135.006 242.829 134.142 242.829 132.954C242.829 130.974 241.443 129.948 239.139 129.948H234.405V141H239.481C241.785 141 243.153 139.902 243.153 137.904C243.153 136.662 242.397 135.636 241.353 135.294ZM238.815 134.322H237.159V132.324H238.815C239.661 132.324 240.111 132.63 240.111 133.314C240.111 133.998 239.661 134.322 238.815 134.322ZM237.159 138.624V136.482H239.103C239.913 136.482 240.363 136.896 240.363 137.562C240.363 138.192 239.913 138.624 239.103 138.624H237.159Z" fill="white"/>
<path d="M291.545 135.474C291.545 138.912 293.849 141.18 297.215 141.18C298.385 141.18 299.321 140.892 300.023 140.424V137.616C299.231 138.228 298.367 138.498 297.449 138.498C295.613 138.498 294.443 137.364 294.443 135.474C294.443 133.566 295.613 132.432 297.449 132.432C298.367 132.432 299.231 132.72 300.023 133.332V130.524C299.321 130.056 298.385 129.768 297.215 129.768C293.849 129.768 291.545 132.036 291.545 135.474ZM309.281 136.95C309.281 134.448 307.607 132.72 305.141 132.72C302.693 132.72 301.001 134.448 301.001 136.95C301.001 139.452 302.693 141.18 305.141 141.18C307.607 141.18 309.281 139.452 309.281 136.95ZM306.509 136.95C306.509 138.066 306.023 138.84 305.141 138.84C304.277 138.84 303.791 138.066 303.791 136.95C303.791 135.834 304.277 135.042 305.141 135.042C306.023 135.042 306.509 135.834 306.509 136.95ZM310.38 132.9V141H313.206V136.104C313.35 135.546 313.818 135.222 314.376 135.222C315.096 135.222 315.438 135.708 315.438 136.374V141H318.246V135.69C318.246 133.89 317.184 132.72 315.384 132.72C314.448 132.72 313.656 133.098 313.206 133.602V132.9H310.38ZM323.458 141V135.096H325.042V132.9H323.458V130.668H320.65V132.9H319.246V135.096H320.65V141H323.458ZM328.311 137.598H333.297V136.77C333.297 134.358 332.019 132.72 329.499 132.72C327.267 132.72 325.575 134.466 325.575 137.004C325.575 139.614 327.339 141.18 329.931 141.18C331.101 141.18 332.091 140.928 332.721 140.46V138.318C331.911 138.804 331.245 138.966 330.381 138.966C329.337 138.966 328.545 138.57 328.311 137.598ZM329.607 134.862C330.291 134.862 330.705 135.33 330.777 136.014H328.347C328.545 135.276 328.995 134.862 329.607 134.862ZM334.427 132.9V141H337.253V136.104C337.397 135.546 337.865 135.222 338.423 135.222C339.143 135.222 339.485 135.708 339.485 136.374V141H342.293V135.69C342.293 133.89 341.231 132.72 339.431 132.72C338.495 132.72 337.703 133.098 337.253 133.602V132.9H334.427ZM347.505 141V135.096H349.089V132.9H347.505V130.668H344.697V132.9H343.293V135.096H344.697V141H347.505ZM353.962 138.516V141H361.702V138.516H359.434V129.948H357.508L354.052 131.604V134.358L356.644 133.08V138.516H353.962ZM362.719 135.474C362.719 138.912 365.023 141.18 368.389 141.18C369.559 141.18 370.495 140.892 371.197 140.424V137.616C370.405 138.228 369.541 138.498 368.623 138.498C366.787 138.498 365.617 137.364 365.617 135.474C365.617 133.566 366.787 132.432 368.623 132.432C369.541 132.432 370.405 132.72 371.197 133.332V130.524C370.495 130.056 369.559 129.768 368.389 129.768C365.023 129.768 362.719 132.036 362.719 135.474Z" fill="white"/>
<path d="M102 29.5H115M115 29.5L110.015 24M115 29.5L110.015 35" stroke="#7630EA" stroke-width="2"/>
<path d="M115 42.5H102M102 42.5L106.985 48M102 42.5L106.985 37" stroke="#7630EA" stroke-width="2"/>
<path d="M191 29.5H204M204 29.5L199.015 24M204 29.5L199.015 35" stroke="#7630EA" stroke-width="2"/>
<path d="M204 42.5H191M191 42.5L195.985 48M191 42.5L195.985 37" stroke="#7630EA" stroke-width="2"/>
<defs>
<clipPath id="clip0_2_30">
<rect width="290" height="52" fill="white" transform="translate(17 8)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

assets/site-images/templateImages/tab-nav.svg
+27
View File
@@ -0,0 +1,27 @@
<svg width="415" height="195" viewBox="0 0 415 195" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2408_13989)">
<line x1="20" y1="59" x2="2862" y2="59.0002" stroke="#999999" stroke-width="2"/>
<path d="M20 16C20 13.7909 21.7909 12 24 12H105C107.209 12 109 13.7909 109 16V60H20V16Z" fill="black" fill-opacity="0.04"/>
<path d="M44.6012 29.948V32.432H48.0032V41H50.9012V32.432H54.3212V29.948H44.6012ZM58.8651 36.122V36.41C58.5411 36.176 57.7851 35.96 57.1011 35.96C55.3551 35.96 53.9871 36.968 53.9871 38.534C53.9871 40.244 55.3551 41.144 56.9571 41.144C57.8211 41.144 58.5951 40.856 58.8651 40.586V41H61.5831V35.996C61.5831 33.854 60.2151 32.72 57.8211 32.72C56.6691 32.72 55.5891 32.99 54.9231 33.35V35.618C55.5711 35.24 56.3631 35.042 57.1371 35.042C58.2891 35.042 58.8651 35.492 58.8651 36.122ZM58.8651 38.264V38.732C58.6851 39.056 58.2351 39.272 57.7311 39.272C57.1731 39.272 56.6151 39.038 56.6151 38.48C56.6151 37.94 57.1731 37.706 57.7311 37.706C58.2351 37.706 58.6851 37.922 58.8651 38.264ZM65.8584 41V40.352C66.2364 40.784 67.0284 41.18 67.8564 41.18C70.1964 41.18 71.4744 39.29 71.4744 36.95C71.4744 34.61 70.1964 32.72 67.8564 32.72C67.0284 32.72 66.2364 33.116 65.8584 33.548V29.3H63.0324V41H65.8584ZM65.8584 38.012V35.87C66.0744 35.438 66.5604 35.114 67.1004 35.114C68.0724 35.114 68.6484 35.906 68.6484 36.95C68.6484 37.994 68.0724 38.768 67.1004 38.768C66.5424 38.768 66.0744 38.462 65.8584 38.012ZM76.3972 38.516V41H84.1372V38.516H81.8692V29.948H79.9432L76.4872 31.604V34.358L79.0792 33.08V38.516H76.3972Z" fill="black"/>
<line x1="20" y1="58" x2="109" y2="58" stroke="#666666" stroke-width="4"/>
<path d="M133.601 29.948V32.432H137.003V41H139.901V32.432H143.321V29.948H133.601ZM147.865 36.122V36.41C147.541 36.176 146.785 35.96 146.101 35.96C144.355 35.96 142.987 36.968 142.987 38.534C142.987 40.244 144.355 41.144 145.957 41.144C146.821 41.144 147.595 40.856 147.865 40.586V41H150.583V35.996C150.583 33.854 149.215 32.72 146.821 32.72C145.669 32.72 144.589 32.99 143.923 33.35V35.618C144.571 35.24 145.363 35.042 146.137 35.042C147.289 35.042 147.865 35.492 147.865 36.122ZM147.865 38.264V38.732C147.685 39.056 147.235 39.272 146.731 39.272C146.173 39.272 145.615 39.038 145.615 38.48C145.615 37.94 146.173 37.706 146.731 37.706C147.235 37.706 147.685 37.922 147.865 38.264ZM154.858 41V40.352C155.236 40.784 156.028 41.18 156.856 41.18C159.196 41.18 160.474 39.29 160.474 36.95C160.474 34.61 159.196 32.72 156.856 32.72C156.028 32.72 155.236 33.116 154.858 33.548V29.3H152.032V41H154.858ZM154.858 38.012V35.87C155.074 35.438 155.56 35.114 156.1 35.114C157.072 35.114 157.648 35.906 157.648 36.95C157.648 37.994 157.072 38.768 156.1 38.768C155.542 38.768 155.074 38.462 154.858 38.012ZM172.993 38.516H169.699L170.779 37.04C171.733 35.708 172.543 34.502 172.543 33.098C172.543 31.1 171.139 29.768 168.943 29.768C167.341 29.768 165.991 30.344 165.145 31.046V33.818C165.847 33.242 167.053 32.468 168.187 32.468C169.069 32.468 169.555 32.936 169.555 33.674C169.555 34.61 169.033 35.294 168.043 36.608L164.803 40.928V41H172.993V38.516Z" fill="black"/>
<line x1="109" y1="59" x2="198" y2="59" stroke="#999999" stroke-width="2"/>
<path d="M222.601 29.948V32.432H226.003V41H228.901V32.432H232.321V29.948H222.601ZM236.865 36.122V36.41C236.541 36.176 235.785 35.96 235.101 35.96C233.355 35.96 231.987 36.968 231.987 38.534C231.987 40.244 233.355 41.144 234.957 41.144C235.821 41.144 236.595 40.856 236.865 40.586V41H239.583V35.996C239.583 33.854 238.215 32.72 235.821 32.72C234.669 32.72 233.589 32.99 232.923 33.35V35.618C233.571 35.24 234.363 35.042 235.137 35.042C236.289 35.042 236.865 35.492 236.865 36.122ZM236.865 38.264V38.732C236.685 39.056 236.235 39.272 235.731 39.272C235.173 39.272 234.615 39.038 234.615 38.48C234.615 37.94 235.173 37.706 235.731 37.706C236.235 37.706 236.685 37.922 236.865 38.264ZM243.858 41V40.352C244.236 40.784 245.028 41.18 245.856 41.18C248.196 41.18 249.474 39.29 249.474 36.95C249.474 34.61 248.196 32.72 245.856 32.72C245.028 32.72 244.236 33.116 243.858 33.548V29.3H241.032V41H243.858ZM243.858 38.012V35.87C244.074 35.438 244.56 35.114 245.1 35.114C246.072 35.114 246.648 35.906 246.648 36.95C246.648 37.994 246.072 38.768 245.1 38.768C244.542 38.768 244.074 38.462 243.858 38.012ZM254.289 29.948V32.432H258.087L256.251 35.816V35.87C257.781 35.78 259.203 36.248 259.203 37.436C259.203 38.354 258.465 38.822 257.331 38.822C256.233 38.822 255.135 38.372 254.217 37.598V40.244C255.027 40.784 256.071 41.18 257.655 41.18C259.959 41.18 261.903 39.794 261.903 37.418C261.903 35.96 261.039 34.826 259.599 34.304L261.903 30.002V29.948H254.289Z" fill="black"/>
<line x1="198" y1="59" x2="287" y2="59" stroke="#999999" stroke-width="2"/>
</g>
<rect x="20" y="90" width="112" height="91" fill="black" fill-opacity="0.04"/>
<rect x="148" y="90" width="112" height="91" fill="black" fill-opacity="0.04"/>
<rect x="273" y="90" width="112" height="91" fill="black" fill-opacity="0.04"/>
<path d="M35.4907 135.474C35.4907 138.912 37.7947 141.18 41.1607 141.18C42.3307 141.18 43.2667 140.892 43.9687 140.424V137.616C43.1767 138.228 42.3127 138.498 41.3947 138.498C39.5587 138.498 38.3887 137.364 38.3887 135.474C38.3887 133.566 39.5587 132.432 41.3947 132.432C42.3127 132.432 43.1767 132.72 43.9687 133.332V130.524C43.2667 130.056 42.3307 129.768 41.1607 129.768C37.7947 129.768 35.4907 132.036 35.4907 135.474ZM53.2261 136.95C53.2261 134.448 51.5521 132.72 49.0861 132.72C46.6381 132.72 44.9461 134.448 44.9461 136.95C44.9461 139.452 46.6381 141.18 49.0861 141.18C51.5521 141.18 53.2261 139.452 53.2261 136.95ZM50.4541 136.95C50.4541 138.066 49.9681 138.84 49.0861 138.84C48.2221 138.84 47.7361 138.066 47.7361 136.95C47.7361 135.834 48.2221 135.042 49.0861 135.042C49.9681 135.042 50.4541 135.834 50.4541 136.95ZM54.3253 132.9V141H57.1513V136.104C57.2953 135.546 57.7633 135.222 58.3213 135.222C59.0413 135.222 59.3833 135.708 59.3833 136.374V141H62.1913V135.69C62.1913 133.89 61.1293 132.72 59.3293 132.72C58.3933 132.72 57.6013 133.098 57.1513 133.602V132.9H54.3253ZM67.4033 141V135.096H68.9873V132.9H67.4033V130.668H64.5953V132.9H63.1913V135.096H64.5953V141H67.4033ZM72.2563 137.598H77.2423V136.77C77.2423 134.358 75.9643 132.72 73.4443 132.72C71.2123 132.72 69.5203 134.466 69.5203 137.004C69.5203 139.614 71.2843 141.18 73.8763 141.18C75.0463 141.18 76.0363 140.928 76.6663 140.46V138.318C75.8563 138.804 75.1903 138.966 74.3263 138.966C73.2823 138.966 72.4903 138.57 72.2563 137.598ZM73.5523 134.862C74.2363 134.862 74.6503 135.33 74.7223 136.014H72.2923C72.4903 135.276 72.9403 134.862 73.5523 134.862ZM78.3722 132.9V141H81.1982V136.104C81.3422 135.546 81.8102 135.222 82.3682 135.222C83.0882 135.222 83.4302 135.708 83.4302 136.374V141H86.2382V135.69C86.2382 133.89 85.1762 132.72 83.3762 132.72C82.4402 132.72 81.6482 133.098 81.1982 133.602V132.9H78.3722ZM91.4502 141V135.096H93.0342V132.9H91.4502V130.668H88.6422V132.9H87.2382V135.096H88.6422V141H91.4502ZM97.907 138.516V141H105.647V138.516H103.379V129.948H101.453L97.997 131.604V134.358L100.589 133.08V138.516H97.907ZM113.559 129.948H110.607L106.395 141H109.257L110.031 138.858H114.045L114.837 141H117.771L113.559 129.948ZM110.913 136.482L112.047 133.368L113.181 136.482H110.913Z" fill="black"/>
<path d="M162.799 135.474C162.799 138.912 165.103 141.18 168.469 141.18C169.639 141.18 170.575 140.892 171.277 140.424V137.616C170.485 138.228 169.621 138.498 168.703 138.498C166.867 138.498 165.697 137.364 165.697 135.474C165.697 133.566 166.867 132.432 168.703 132.432C169.621 132.432 170.485 132.72 171.277 133.332V130.524C170.575 130.056 169.639 129.768 168.469 129.768C165.103 129.768 162.799 132.036 162.799 135.474ZM180.535 136.95C180.535 134.448 178.861 132.72 176.395 132.72C173.947 132.72 172.255 134.448 172.255 136.95C172.255 139.452 173.947 141.18 176.395 141.18C178.861 141.18 180.535 139.452 180.535 136.95ZM177.763 136.95C177.763 138.066 177.277 138.84 176.395 138.84C175.531 138.84 175.045 138.066 175.045 136.95C175.045 135.834 175.531 135.042 176.395 135.042C177.277 135.042 177.763 135.834 177.763 136.95ZM181.634 132.9V141H184.46V136.104C184.604 135.546 185.072 135.222 185.63 135.222C186.35 135.222 186.692 135.708 186.692 136.374V141H189.5V135.69C189.5 133.89 188.438 132.72 186.638 132.72C185.702 132.72 184.91 133.098 184.46 133.602V132.9H181.634ZM194.712 141V135.096H196.296V132.9H194.712V130.668H191.904V132.9H190.5V135.096H191.904V141H194.712ZM199.565 137.598H204.551V136.77C204.551 134.358 203.273 132.72 200.753 132.72C198.521 132.72 196.829 134.466 196.829 137.004C196.829 139.614 198.593 141.18 201.185 141.18C202.355 141.18 203.345 140.928 203.975 140.46V138.318C203.165 138.804 202.499 138.966 201.635 138.966C200.591 138.966 199.799 138.57 199.565 137.598ZM200.861 134.862C201.545 134.862 201.959 135.33 202.031 136.014H199.601C199.799 135.276 200.249 134.862 200.861 134.862ZM205.681 132.9V141H208.507V136.104C208.651 135.546 209.119 135.222 209.677 135.222C210.397 135.222 210.739 135.708 210.739 136.374V141H213.547V135.69C213.547 133.89 212.485 132.72 210.685 132.72C209.749 132.72 208.957 133.098 208.507 133.602V132.9H205.681ZM218.759 141V135.096H220.343V132.9H218.759V130.668H215.951V132.9H214.547V135.096H215.951V141H218.759ZM225.216 138.516V141H232.956V138.516H230.688V129.948H228.762L225.306 131.604V134.358L227.898 133.08V138.516H225.216ZM241.353 135.294C242.163 135.006 242.829 134.142 242.829 132.954C242.829 130.974 241.443 129.948 239.139 129.948H234.405V141H239.481C241.785 141 243.153 139.902 243.153 137.904C243.153 136.662 242.397 135.636 241.353 135.294ZM238.815 134.322H237.159V132.324H238.815C239.661 132.324 240.111 132.63 240.111 133.314C240.111 133.998 239.661 134.322 238.815 134.322ZM237.159 138.624V136.482H239.103C239.913 136.482 240.363 136.896 240.363 137.562C240.363 138.192 239.913 138.624 239.103 138.624H237.159Z" fill="black"/>
<path d="M291.545 135.474C291.545 138.912 293.849 141.18 297.215 141.18C298.385 141.18 299.321 140.892 300.023 140.424V137.616C299.231 138.228 298.367 138.498 297.449 138.498C295.613 138.498 294.443 137.364 294.443 135.474C294.443 133.566 295.613 132.432 297.449 132.432C298.367 132.432 299.231 132.72 300.023 133.332V130.524C299.321 130.056 298.385 129.768 297.215 129.768C293.849 129.768 291.545 132.036 291.545 135.474ZM309.281 136.95C309.281 134.448 307.607 132.72 305.141 132.72C302.693 132.72 301.001 134.448 301.001 136.95C301.001 139.452 302.693 141.18 305.141 141.18C307.607 141.18 309.281 139.452 309.281 136.95ZM306.509 136.95C306.509 138.066 306.023 138.84 305.141 138.84C304.277 138.84 303.791 138.066 303.791 136.95C303.791 135.834 304.277 135.042 305.141 135.042C306.023 135.042 306.509 135.834 306.509 136.95ZM310.38 132.9V141H313.206V136.104C313.35 135.546 313.818 135.222 314.376 135.222C315.096 135.222 315.438 135.708 315.438 136.374V141H318.246V135.69C318.246 133.89 317.184 132.72 315.384 132.72C314.448 132.72 313.656 133.098 313.206 133.602V132.9H310.38ZM323.458 141V135.096H325.042V132.9H323.458V130.668H320.65V132.9H319.246V135.096H320.65V141H323.458ZM328.311 137.598H333.297V136.77C333.297 134.358 332.019 132.72 329.499 132.72C327.267 132.72 325.575 134.466 325.575 137.004C325.575 139.614 327.339 141.18 329.931 141.18C331.101 141.18 332.091 140.928 332.721 140.46V138.318C331.911 138.804 331.245 138.966 330.381 138.966C329.337 138.966 328.545 138.57 328.311 137.598ZM329.607 134.862C330.291 134.862 330.705 135.33 330.777 136.014H328.347C328.545 135.276 328.995 134.862 329.607 134.862ZM334.427 132.9V141H337.253V136.104C337.397 135.546 337.865 135.222 338.423 135.222C339.143 135.222 339.485 135.708 339.485 136.374V141H342.293V135.69C342.293 133.89 341.231 132.72 339.431 132.72C338.495 132.72 337.703 133.098 337.253 133.602V132.9H334.427ZM347.505 141V135.096H349.089V132.9H347.505V130.668H344.697V132.9H343.293V135.096H344.697V141H347.505ZM353.962 138.516V141H361.702V138.516H359.434V129.948H357.508L354.052 131.604V134.358L356.644 133.08V138.516H353.962ZM362.719 135.474C362.719 138.912 365.023 141.18 368.389 141.18C369.559 141.18 370.495 140.892 371.197 140.424V137.616C370.405 138.228 369.541 138.498 368.623 138.498C366.787 138.498 365.617 137.364 365.617 135.474C365.617 133.566 366.787 132.432 368.623 132.432C369.541 132.432 370.405 132.72 371.197 133.332V130.524C370.495 130.056 369.559 129.768 368.389 129.768C365.023 129.768 362.719 132.036 362.719 135.474Z" fill="black"/>
<path d="M102 29.5H115M115 29.5L110.015 24M115 29.5L110.015 35" stroke="#7630EA" stroke-width="2"/>
<path d="M115 42.5H102M102 42.5L106.985 48M102 42.5L106.985 37" stroke="#7630EA" stroke-width="2"/>
<path d="M191 29.5H204M204 29.5L199.015 24M204 29.5L199.015 35" stroke="#7630EA" stroke-width="2"/>
<path d="M204 42.5H191M191 42.5L195.985 48M191 42.5L195.985 37" stroke="#7630EA" stroke-width="2"/>
<defs>
<clipPath id="clip0_2408_13989">
<rect width="290" height="52" fill="white" transform="translate(17 8)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

assets/site-images/templateImages/template-preview-banner-notification-invert.svg
+14
View File
@@ -0,0 +1,14 @@
<svg width="368" height="192" viewBox="0 0 368 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="22" y="22" width="324" height="148" rx="4" fill="#22252E"/>
<path d="M87.9 44.1587V48.5913H102V52H84.3V40.75H102V44.1587H87.9Z" fill="#01A982"/>
<path d="M73.5841 34H62.4273V52H66.0273V47.4241H73.5283C78.2676 47.4241 80.9898 44.7254 80.9898 40.7498C80.9898 36.7482 78.2676 34 73.5841 34ZM73.349 43.9741H66.0273V37.4088H73.349C76.1839 37.4088 77.2591 38.7192 77.2591 40.7498C77.2591 42.7597 76.1839 43.9741 73.349 43.9741ZM87.9 39.0787H84.3V34H102V37.4088H87.9V39.0787ZM57.9 34V52H54.3V44.623H42.6V52H39V34H42.6V41.173H54.3V34H57.9Z" fill="white"/>
<path d="M101.5 41.25V43.6592H87.4004V49.0908H101.5V51.5H84.7998V41.25H101.5ZM73.584 34.5C75.8285 34.5 77.5475 35.1574 78.7012 36.2393C79.852 37.3185 80.4902 38.8664 80.4902 40.75C80.4902 42.6191 79.8527 44.1465 78.6973 45.21C77.5378 46.277 75.8044 46.9238 73.5283 46.9238H65.5273V51.5H62.9277V34.5H73.584ZM42.0996 34.5V41.6729H54.7998V34.5H57.4004V51.5H54.7998V44.123H42.0996V51.5H39.5V34.5H42.0996ZM65.5273 44.4746H73.3486C74.8249 44.4746 75.9461 44.1596 76.6992 43.4893C77.4645 42.8079 77.7588 41.8417 77.7588 40.75C77.7588 39.6499 77.4661 38.6595 76.708 37.9521C75.9566 37.2512 74.8336 36.9092 73.3486 36.9092H65.5273V44.4746ZM101.5 34.5V36.9092H87.4004V38.5791H84.7998V34.5H101.5Z" stroke="white" stroke-opacity="0.06"/>
<path opacity="0.5" d="M122.5 114H45.5C43.567 114 42 115.194 42 116.667V159.333C42 160.806 43.567 162 45.5 162H122.5C124.433 162 126 160.806 126 159.333V116.667C126 115.194 124.433 114 122.5 114Z" fill="white" fill-opacity="0.06"/>
<path opacity="0.5" d="M218.5 114H141.5C139.567 114 138 115.194 138 116.667V159.333C138 160.806 139.567 162 141.5 162H218.5C220.433 162 222 160.806 222 159.333V116.667C222 115.194 220.433 114 218.5 114Z" fill="white" fill-opacity="0.06"/>
<path opacity="0.5" d="M314.5 114H237.5C235.567 114 234 115.194 234 116.667V159.333C234 160.806 235.567 162 237.5 162H314.5C316.433 162 318 160.806 318 159.333V116.667C318 115.194 316.433 114 314.5 114Z" fill="white" fill-opacity="0.06"/>
<path d="M22 62.7822H346" stroke="white" stroke-opacity="0.06" stroke-width="0.7"/>
<rect width="324" height="42" transform="translate(22 63)" fill="#552120"/>
<path d="M47.5878 74.8779C48.0916 74.374 48.9084 74.374 49.4122 74.8779L57.6222 83.0878C58.126 83.5916 58.126 84.4084 57.6222 84.9122L49.4122 93.1222C48.9084 93.626 48.0916 93.626 47.5878 93.1222L39.3779 84.9122C38.874 84.4084 38.874 83.5916 39.3779 83.0878L47.5878 74.8779Z" fill="#FC6161"/>
<path opacity="0.5" d="M251.964 80.8117L73.4061 80.1874C71.2623 80.1799 69.5195 81.5667 69.5135 83.2849L69.5108 84.0627C69.5048 85.7809 71.2378 87.1799 73.3816 87.1874L251.94 87.8117C254.083 87.8192 255.826 86.4323 255.832 84.7141L255.835 83.9364C255.841 82.2182 254.108 80.8192 251.964 80.8117Z" fill="#E6E8E9"/>
<path d="M325.171 79.5039C325.399 79.2761 325.768 79.2761 325.996 79.5039C326.224 79.7317 326.224 80.1009 325.996 80.3287L322.325 83.9996L325.996 87.6705C326.224 87.8983 326.224 88.2676 325.996 88.4954C325.768 88.7232 325.399 88.7231 325.171 88.4954L321.5 84.8245L317.829 88.4954C317.601 88.7232 317.232 88.7232 317.004 88.4954C316.777 88.2676 316.777 87.8983 317.004 87.6705L320.675 83.9996L317.004 80.3287C316.777 80.1009 316.777 79.7317 317.004 79.5039C317.232 79.2761 317.601 79.2761 317.829 79.5039L321.5 83.1748L325.171 79.5039Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

assets/site-images/templateImages/template-preview-banner-notification.svg
+14
View File
@@ -0,0 +1,14 @@
<svg width="368" height="192" viewBox="0 0 368 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="22" y="22" width="324" height="148" rx="4" fill="white"/>
<path d="M87.9 44.1587V48.5913H102V52H84.3V40.75H102V44.1587H87.9Z" fill="#01A982"/>
<path d="M73.5841 34H62.4273V52H66.0273V47.4241H73.5283C78.2676 47.4241 80.9898 44.7254 80.9898 40.7498C80.9898 36.7482 78.2676 34 73.5841 34ZM73.349 43.9741H66.0273V37.4088H73.349C76.1839 37.4088 77.2591 38.7192 77.2591 40.7498C77.2591 42.7597 76.1839 43.9741 73.349 43.9741ZM87.9 39.0787H84.3V34H102V37.4088H87.9V39.0787ZM57.9 34V52H54.3V44.623H42.6V52H39V34H42.6V41.173H54.3V34H57.9Z" fill="#292D3A"/>
<path d="M101.5 41.25V43.6592H87.4004V49.0908H101.5V51.5H84.7998V41.25H101.5ZM73.584 34.5C75.8285 34.5 77.5475 35.1574 78.7012 36.2393C79.852 37.3185 80.4902 38.8664 80.4902 40.75C80.4902 42.6191 79.8527 44.1465 78.6973 45.21C77.5378 46.277 75.8044 46.9238 73.5283 46.9238H65.5273V51.5H62.9277V34.5H73.584ZM42.0996 34.5V41.6729H54.7998V34.5H57.4004V51.5H54.7998V44.123H42.0996V51.5H39.5V34.5H42.0996ZM65.5273 44.4746H73.3486C74.8249 44.4746 75.9461 44.1596 76.6992 43.4893C77.4645 42.8079 77.7588 41.8417 77.7588 40.75C77.7588 39.6499 77.4661 38.6595 76.708 37.9521C75.9566 37.2512 74.8336 36.9092 73.3486 36.9092H65.5273V44.4746ZM101.5 34.5V36.9092H87.4004V38.5791H84.7998V34.5H101.5Z" stroke="black" stroke-opacity="0.04"/>
<path opacity="0.5" d="M122.5 114H45.5C43.567 114 42 115.194 42 116.667V159.333C42 160.806 43.567 162 45.5 162H122.5C124.433 162 126 160.806 126 159.333V116.667C126 115.194 124.433 114 122.5 114Z" fill="black" fill-opacity="0.04"/>
<path opacity="0.5" d="M218.5 114H141.5C139.567 114 138 115.194 138 116.667V159.333C138 160.806 139.567 162 141.5 162H218.5C220.433 162 222 160.806 222 159.333V116.667C222 115.194 220.433 114 218.5 114Z" fill="black" fill-opacity="0.04"/>
<path opacity="0.5" d="M314.5 114H237.5C235.567 114 234 115.194 234 116.667V159.333C234 160.806 235.567 162 237.5 162H314.5C316.433 162 318 160.806 318 159.333V116.667C318 115.194 316.433 114 314.5 114Z" fill="black" fill-opacity="0.04"/>
<path d="M22 62.7822H346" stroke="black" stroke-opacity="0.04" stroke-width="0.7"/>
<rect width="324" height="42" transform="translate(22 63)" fill="#FFECEC"/>
<path d="M47.5878 74.8779C48.0916 74.374 48.9084 74.374 49.4122 74.8779L57.6221 83.0878C58.126 83.5916 58.126 84.4084 57.6221 84.9122L49.4122 93.1221C48.9084 93.626 48.0916 93.626 47.5878 93.1221L39.3779 84.9122C38.874 84.4084 38.874 83.5916 39.3779 83.0878L47.5878 74.8779Z" fill="#EC3331"/>
<path opacity="0.5" d="M251.964 80.8117L73.4061 80.1874C71.2623 80.1799 69.5195 81.5667 69.5135 83.2849L69.5108 84.0627C69.5048 85.7809 71.2378 87.1799 73.3816 87.1874L251.94 87.8117C254.083 87.8192 255.826 86.4323 255.832 84.7141L255.835 83.9364C255.841 82.2182 254.108 80.8192 251.964 80.8117Z" fill="#3E4550"/>
<path d="M325.171 79.5039C325.399 79.2761 325.768 79.2761 325.996 79.5039C326.224 79.7317 326.224 80.1009 325.996 80.3287L322.325 83.9996L325.996 87.6705C326.224 87.8983 326.224 88.2676 325.996 88.4954C325.768 88.7232 325.399 88.7231 325.171 88.4954L321.5 84.8245L317.829 88.4954C317.601 88.7232 317.232 88.7232 317.004 88.4954C316.777 88.2676 316.777 87.8983 317.004 87.6705L320.675 83.9996L317.004 80.3287C316.777 80.1009 316.777 79.7317 317.004 79.5039C317.232 79.2761 317.601 79.2761 317.829 79.5039L321.5 83.1748L325.171 79.5039Z" fill="#292D3A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

assets/site-images/templateImages/template-preview-cards-invert.svg
+18
View File
@@ -0,0 +1,18 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M200 48H136C133.791 48 132 49.7909 132 52V140C132 142.209 133.791 144 136 144H200C202.209 144 204 142.209 204 140V52C204 49.7909 202.209 48 200 48Z" fill="#22252E"/>
<g filter="url(#filter0_d_11_254)">
<path d="M104 48H40C37.7909 48 36 49.7909 36 52V140C36 142.209 37.7909 144 40 144H104C106.209 144 108 142.209 108 140V52C108 49.7909 106.209 48 104 48Z" fill="#292D3A"/>
</g>
<path d="M296 48H232C229.791 48 228 49.7909 228 52V140C228 142.209 229.791 144 232 144H296C298.209 144 300 142.209 300 140V52C300 49.7909 298.209 48 296 48Z" fill="#22252E"/>
<defs>
<filter id="filter0_d_11_254" x="24" y="42" width="96" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.36 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_11_254"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_11_254" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

assets/site-images/templateImages/template-preview-cards.svg
+18
View File
@@ -0,0 +1,18 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M200 48H136C133.791 48 132 49.7909 132 52V140C132 142.209 133.791 144 136 144H200C202.209 144 204 142.209 204 140V52C204 49.7909 202.209 48 200 48Z" fill="white"/>
<g filter="url(#filter0_d_11_261)">
<path d="M104 48H40C37.7909 48 36 49.7909 36 52V140C36 142.209 37.7909 144 40 144H104C106.209 144 108 142.209 108 140V52C108 49.7909 106.209 48 104 48Z" fill="white"/>
</g>
<path d="M296 48H232C229.791 48 228 49.7909 228 52V140C228 142.209 229.791 144 232 144H296C298.209 144 300 142.209 300 140V52C300 49.7909 298.209 48 296 48Z" fill="white"/>
<defs>
<filter id="filter0_d_11_261" x="24" y="42" width="96" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_11_261"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_11_261" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

assets/site-images/templateImages/template-preview-child objects-invert.svg
+8
View File
@@ -0,0 +1,8 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M260 27H76C73.7909 27 72 28.599 72 30.5714V148.429C72 150.401 73.7909 152 76 152H260C262.209 152 264 150.401 264 148.429V30.5714C264 28.599 262.209 27 260 27Z" fill="#292D3A"/>
<path d="M254 71V72H80V71H254Z" fill="white" fill-opacity="0.12"/>
<path d="M86.32 97.16C82.736 97.16 80.736 94.872 80.736 91.352V91.224C80.736 87.784 83.088 85.384 86.288 85.384C88.912 85.384 90.944 86.696 91.2 89.384H89.04C88.816 87.864 87.952 87.08 86.304 87.08C84.288 87.08 82.976 88.648 82.976 91.208V91.336C82.976 93.912 84.208 95.448 86.32 95.448C87.904 95.448 89.008 94.632 89.248 93H91.328C90.992 95.768 89.04 97.16 86.32 97.16ZM93.0594 97V84.76H94.9954V97H93.0594ZM100.155 97.16C98.5071 97.16 97.2751 96.216 97.2751 93.992V88.632H99.2111V93.768C99.2111 95.032 99.7391 95.608 100.843 95.608C101.915 95.608 102.811 94.936 102.811 93.608V88.632H104.747V97H102.811V95.688C102.395 96.504 101.515 97.16 100.155 97.16ZM109.907 97.16C107.747 97.16 106.483 96.168 106.403 94.392H108.227C108.323 95.24 108.755 95.736 109.891 95.736C110.931 95.736 111.395 95.368 111.395 94.664C111.395 93.976 110.835 93.72 109.603 93.512C107.395 93.16 106.579 92.536 106.579 90.968C106.579 89.288 108.147 88.456 109.715 88.456C111.427 88.456 112.787 89.096 112.995 90.984H111.203C111.043 90.216 110.611 89.864 109.715 89.864C108.883 89.864 108.387 90.264 108.387 90.856C108.387 91.464 108.787 91.704 110.115 91.928C112.083 92.232 113.251 92.712 113.251 94.488C113.251 96.184 112.051 97.16 109.907 97.16ZM117.797 97.144C116.133 97.144 115.269 96.248 115.269 94.664V90.072H114.149V88.632H115.269V86.792H117.205V88.632H119.029V90.072H117.205V94.488C117.205 95.224 117.541 95.576 118.165 95.576C118.549 95.576 118.837 95.512 119.109 95.4V96.936C118.805 97.032 118.389 97.144 117.797 97.144ZM124.52 97.16C122.056 97.16 120.28 95.544 120.28 92.904V92.776C120.28 90.184 122.056 88.456 124.44 88.456C126.52 88.456 128.392 89.688 128.392 92.68V93.24H122.264C122.328 94.824 123.128 95.72 124.568 95.72C125.736 95.72 126.344 95.256 126.488 94.44H128.36C128.088 96.2 126.664 97.16 124.52 97.16ZM122.296 91.944H126.472C126.376 90.504 125.64 89.864 124.44 89.864C123.272 89.864 122.488 90.648 122.296 91.944ZM130.121 97V88.632H132.057V90.2C132.585 89.128 133.369 88.52 134.777 88.504V90.312C133.081 90.344 132.057 90.872 132.057 92.648V97H130.121ZM139.297 97.16C137.137 97.16 135.873 96.168 135.793 94.392H137.617C137.713 95.24 138.145 95.736 139.281 95.736C140.321 95.736 140.785 95.368 140.785 94.664C140.785 93.976 140.225 93.72 138.993 93.512C136.785 93.16 135.969 92.536 135.969 90.968C135.969 89.288 137.537 88.456 139.105 88.456C140.817 88.456 142.177 89.096 142.385 90.984H140.593C140.433 90.216 140.001 89.864 139.105 89.864C138.273 89.864 137.777 90.264 137.777 90.856C137.777 91.464 138.177 91.704 139.505 91.928C141.473 92.232 142.641 92.712 142.641 94.488C142.641 96.184 141.441 97.16 139.297 97.16ZM80.504 117L83.948 106.99H85.544L88.932 117H87.728L86.748 114.116H82.618L81.652 117H80.504ZM84.69 107.998L82.954 113.15H86.426L84.69 107.998ZM93.2309 117.126C91.3129 117.126 89.9269 115.768 89.9269 113.486V113.374C89.9269 111.134 91.3269 109.552 93.3429 109.552C94.5609 109.552 95.3169 110.14 95.7369 110.854V106.178H96.8989V117H95.7369V115.74C95.3169 116.454 94.2949 117.126 93.2309 117.126ZM93.3569 116.16C94.7149 116.16 95.7789 115.264 95.7789 113.388V113.276C95.7789 111.4 94.8829 110.518 93.4549 110.518C91.9989 110.518 91.1309 111.54 91.1309 113.318V113.43C91.1309 115.278 92.1249 116.16 93.3569 116.16ZM99.2502 117V109.678H100.412V110.798C100.748 110.112 101.546 109.552 102.596 109.552C103.534 109.552 104.36 109.944 104.738 110.924C105.242 109.972 106.334 109.552 107.244 109.552C108.56 109.552 109.708 110.336 109.708 112.464V117H108.546V112.38C108.546 111.092 108 110.56 106.992 110.56C106.04 110.56 105.06 111.204 105.06 112.52V117H103.898V112.38C103.898 111.092 103.352 110.56 102.344 110.56C101.392 110.56 100.412 111.204 100.412 112.52V117H99.2502ZM112.58 108.152C112.16 108.152 111.81 107.802 111.81 107.382C111.81 106.962 112.16 106.612 112.58 106.612C113 106.612 113.35 106.962 113.35 107.382C113.35 107.802 113 108.152 112.58 108.152ZM112.02 117V109.678H113.182V117H112.02ZM115.561 117V109.678H116.723V110.84C117.059 110.154 117.871 109.552 119.075 109.552C120.587 109.552 121.651 110.378 121.651 112.506V117H120.489V112.422C120.489 111.134 119.943 110.56 118.767 110.56C117.689 110.56 116.723 111.246 116.723 112.562V117H115.561Z" fill="#E6E8E9"/>
<path d="M245.679 98.4599C245.972 98.167 246.447 98.167 246.74 98.4599C247.033 98.7528 247.033 99.2276 246.74 99.5205L242.24 104.02C241.947 104.313 241.472 104.313 241.179 104.02L236.679 99.5205C236.386 99.2276 236.386 98.7528 236.679 98.4599C236.972 98.167 237.447 98.167 237.74 98.4599L241.709 102.43L245.679 98.4599Z" fill="#E6E8E9"/>
<path d="M254 131V132H80V131H254Z" fill="white" fill-opacity="0.12"/>
<path d="M81.476 56V43.13H85.616C88.496 43.13 90.368 44.408 90.368 47.108V47.18C90.368 49.898 88.424 51.122 85.67 51.122H83.87V56H81.476ZM83.87 49.376H85.616C87.2 49.376 88.046 48.602 88.046 47.18V47.108C88.046 45.578 87.128 44.984 85.616 44.984H83.87V49.376ZM96.1235 56.18C93.3515 56.18 91.3535 54.362 91.3535 51.392V51.248C91.3535 48.332 93.3515 46.388 96.0335 46.388C98.3735 46.388 100.48 47.774 100.48 51.14V51.77H93.5855C93.6575 53.552 94.5575 54.56 96.1775 54.56C97.4915 54.56 98.1755 54.038 98.3375 53.12H100.444C100.138 55.1 98.5355 56.18 96.1235 56.18ZM93.6215 50.312H98.3195C98.2115 48.692 97.3835 47.972 96.0335 47.972C94.7195 47.972 93.8375 48.854 93.6215 50.312ZM102.425 56V46.586H104.603V48.35C105.197 47.144 106.079 46.46 107.663 46.442V48.476C105.755 48.512 104.603 49.106 104.603 51.104V56H102.425ZM109.562 56V46.586H111.74V48.026C112.19 47.144 113.198 46.388 114.602 46.388C115.826 46.388 116.798 46.91 117.266 48.08C117.986 46.892 119.282 46.388 120.452 46.388C122.18 46.388 123.584 47.45 123.584 50.042V56H121.406V50.186C121.406 48.8 120.794 48.206 119.732 48.206C118.634 48.206 117.644 48.926 117.644 50.366V56H115.484V50.186C115.484 48.8 114.89 48.206 113.81 48.206C112.73 48.206 111.74 48.926 111.74 50.366V56H109.562ZM127.201 45.038C126.481 45.038 125.905 44.498 125.905 43.796C125.905 43.094 126.481 42.536 127.201 42.536C127.939 42.536 128.515 43.094 128.515 43.796C128.515 44.498 127.939 45.038 127.201 45.038ZM126.139 56V46.586H128.317V56H126.139ZM134.194 56.18C131.764 56.18 130.342 55.064 130.252 53.066H132.304C132.412 54.02 132.898 54.578 134.176 54.578C135.346 54.578 135.868 54.164 135.868 53.372C135.868 52.598 135.238 52.31 133.852 52.076C131.368 51.68 130.45 50.978 130.45 49.214C130.45 47.324 132.214 46.388 133.978 46.388C135.904 46.388 137.434 47.108 137.668 49.232H135.652C135.472 48.368 134.986 47.972 133.978 47.972C133.042 47.972 132.484 48.422 132.484 49.088C132.484 49.772 132.934 50.042 134.428 50.294C136.642 50.636 137.956 51.176 137.956 53.174C137.956 55.082 136.606 56.18 134.194 56.18ZM143.106 56.18C140.676 56.18 139.254 55.064 139.164 53.066H141.216C141.324 54.02 141.81 54.578 143.088 54.578C144.258 54.578 144.78 54.164 144.78 53.372C144.78 52.598 144.15 52.31 142.764 52.076C140.28 51.68 139.362 50.978 139.362 49.214C139.362 47.324 141.126 46.388 142.89 46.388C144.816 46.388 146.346 47.108 146.58 49.232H144.564C144.384 48.368 143.898 47.972 142.89 47.972C141.954 47.972 141.396 48.422 141.396 49.088C141.396 49.772 141.846 50.042 143.34 50.294C145.554 50.636 146.868 51.176 146.868 53.174C146.868 55.082 145.518 56.18 143.106 56.18ZM149.894 45.038C149.174 45.038 148.598 44.498 148.598 43.796C148.598 43.094 149.174 42.536 149.894 42.536C150.632 42.536 151.208 43.094 151.208 43.796C151.208 44.498 150.632 45.038 149.894 45.038ZM148.832 56V46.586H151.01V56H148.832ZM157.859 56.18C155.087 56.18 153.035 54.254 153.035 51.392V51.248C153.035 48.332 155.105 46.388 157.877 46.388C160.631 46.388 162.701 48.314 162.701 51.194V51.338C162.701 54.272 160.631 56.18 157.859 56.18ZM157.877 54.488C159.497 54.488 160.469 53.264 160.469 51.374V51.23C160.469 49.286 159.497 48.098 157.877 48.098C156.257 48.098 155.267 49.268 155.267 51.212V51.356C155.267 53.282 156.239 54.488 157.877 54.488ZM164.669 56V46.586H166.847V48.08C167.297 47.162 168.341 46.388 169.889 46.388C171.779 46.388 173.111 47.486 173.111 50.096V56H170.933V50.276C170.933 48.854 170.357 48.206 169.061 48.206C167.855 48.206 166.847 48.962 166.847 50.456V56H164.669ZM178.842 56.18C176.412 56.18 174.99 55.064 174.9 53.066H176.952C177.06 54.02 177.546 54.578 178.824 54.578C179.994 54.578 180.516 54.164 180.516 53.372C180.516 52.598 179.886 52.31 178.5 52.076C176.016 51.68 175.098 50.978 175.098 49.214C175.098 47.324 176.862 46.388 178.626 46.388C180.552 46.388 182.082 47.108 182.316 49.232H180.3C180.12 48.368 179.634 47.972 178.626 47.972C177.69 47.972 177.132 48.422 177.132 49.088C177.132 49.772 177.582 50.042 179.076 50.294C181.29 50.636 182.604 51.176 182.604 53.174C182.604 55.082 181.254 56.18 178.842 56.18Z" fill="#E6E8E9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

assets/site-images/templateImages/template-preview-child objects.svg
+8
View File
@@ -0,0 +1,8 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M260 27H76C73.7909 27 72 28.599 72 30.5714V148.429C72 150.401 73.7909 152 76 152H260C262.209 152 264 150.401 264 148.429V30.5714C264 28.599 262.209 27 260 27Z" fill="white"/>
<path d="M254 71V72H80V71H254Z" fill="#D4D8DB"/>
<path d="M86.32 97.16C82.736 97.16 80.736 94.872 80.736 91.352V91.224C80.736 87.784 83.088 85.384 86.288 85.384C88.912 85.384 90.944 86.696 91.2 89.384H89.04C88.816 87.864 87.952 87.08 86.304 87.08C84.288 87.08 82.976 88.648 82.976 91.208V91.336C82.976 93.912 84.208 95.448 86.32 95.448C87.904 95.448 89.008 94.632 89.248 93H91.328C90.992 95.768 89.04 97.16 86.32 97.16ZM93.0594 97V84.76H94.9954V97H93.0594ZM100.155 97.16C98.5071 97.16 97.2751 96.216 97.2751 93.992V88.632H99.2111V93.768C99.2111 95.032 99.7391 95.608 100.843 95.608C101.915 95.608 102.811 94.936 102.811 93.608V88.632H104.747V97H102.811V95.688C102.395 96.504 101.515 97.16 100.155 97.16ZM109.907 97.16C107.747 97.16 106.483 96.168 106.403 94.392H108.227C108.323 95.24 108.755 95.736 109.891 95.736C110.931 95.736 111.395 95.368 111.395 94.664C111.395 93.976 110.835 93.72 109.603 93.512C107.395 93.16 106.579 92.536 106.579 90.968C106.579 89.288 108.147 88.456 109.715 88.456C111.427 88.456 112.787 89.096 112.995 90.984H111.203C111.043 90.216 110.611 89.864 109.715 89.864C108.883 89.864 108.387 90.264 108.387 90.856C108.387 91.464 108.787 91.704 110.115 91.928C112.083 92.232 113.251 92.712 113.251 94.488C113.251 96.184 112.051 97.16 109.907 97.16ZM117.797 97.144C116.133 97.144 115.269 96.248 115.269 94.664V90.072H114.149V88.632H115.269V86.792H117.205V88.632H119.029V90.072H117.205V94.488C117.205 95.224 117.541 95.576 118.165 95.576C118.549 95.576 118.837 95.512 119.109 95.4V96.936C118.805 97.032 118.389 97.144 117.797 97.144ZM124.52 97.16C122.056 97.16 120.28 95.544 120.28 92.904V92.776C120.28 90.184 122.056 88.456 124.44 88.456C126.52 88.456 128.392 89.688 128.392 92.68V93.24H122.264C122.328 94.824 123.128 95.72 124.568 95.72C125.736 95.72 126.344 95.256 126.488 94.44H128.36C128.088 96.2 126.664 97.16 124.52 97.16ZM122.296 91.944H126.472C126.376 90.504 125.64 89.864 124.44 89.864C123.272 89.864 122.488 90.648 122.296 91.944ZM130.121 97V88.632H132.057V90.2C132.585 89.128 133.369 88.52 134.777 88.504V90.312C133.081 90.344 132.057 90.872 132.057 92.648V97H130.121ZM139.297 97.16C137.137 97.16 135.873 96.168 135.793 94.392H137.617C137.713 95.24 138.145 95.736 139.281 95.736C140.321 95.736 140.785 95.368 140.785 94.664C140.785 93.976 140.225 93.72 138.993 93.512C136.785 93.16 135.969 92.536 135.969 90.968C135.969 89.288 137.537 88.456 139.105 88.456C140.817 88.456 142.177 89.096 142.385 90.984H140.593C140.433 90.216 140.001 89.864 139.105 89.864C138.273 89.864 137.777 90.264 137.777 90.856C137.777 91.464 138.177 91.704 139.505 91.928C141.473 92.232 142.641 92.712 142.641 94.488C142.641 96.184 141.441 97.16 139.297 97.16ZM80.504 117L83.948 106.99H85.544L88.932 117H87.728L86.748 114.116H82.618L81.652 117H80.504ZM84.69 107.998L82.954 113.15H86.426L84.69 107.998ZM93.2309 117.126C91.3129 117.126 89.9269 115.768 89.9269 113.486V113.374C89.9269 111.134 91.3269 109.552 93.3429 109.552C94.5609 109.552 95.3169 110.14 95.7369 110.854V106.178H96.8989V117H95.7369V115.74C95.3169 116.454 94.2949 117.126 93.2309 117.126ZM93.3569 116.16C94.7149 116.16 95.7789 115.264 95.7789 113.388V113.276C95.7789 111.4 94.8829 110.518 93.4549 110.518C91.9989 110.518 91.1309 111.54 91.1309 113.318V113.43C91.1309 115.278 92.1249 116.16 93.3569 116.16ZM99.2502 117V109.678H100.412V110.798C100.748 110.112 101.546 109.552 102.596 109.552C103.534 109.552 104.36 109.944 104.738 110.924C105.242 109.972 106.334 109.552 107.244 109.552C108.56 109.552 109.708 110.336 109.708 112.464V117H108.546V112.38C108.546 111.092 108 110.56 106.992 110.56C106.04 110.56 105.06 111.204 105.06 112.52V117H103.898V112.38C103.898 111.092 103.352 110.56 102.344 110.56C101.392 110.56 100.412 111.204 100.412 112.52V117H99.2502ZM112.58 108.152C112.16 108.152 111.81 107.802 111.81 107.382C111.81 106.962 112.16 106.612 112.58 106.612C113 106.612 113.35 106.962 113.35 107.382C113.35 107.802 113 108.152 112.58 108.152ZM112.02 117V109.678H113.182V117H112.02ZM115.561 117V109.678H116.723V110.84C117.059 110.154 117.871 109.552 119.075 109.552C120.587 109.552 121.651 110.378 121.651 112.506V117H120.489V112.422C120.489 111.134 119.943 110.56 118.767 110.56C117.689 110.56 116.723 111.246 116.723 112.562V117H115.561Z" fill="#3E4550"/>
<path d="M245.679 98.4599C245.972 98.167 246.447 98.167 246.74 98.4599C247.033 98.7528 247.033 99.2276 246.74 99.5205L242.24 104.02C241.947 104.313 241.472 104.313 241.179 104.02L236.679 99.5205C236.386 99.2276 236.386 98.7528 236.679 98.4599C236.972 98.167 237.447 98.167 237.74 98.4599L241.709 102.43L245.679 98.4599Z" fill="#3E4550"/>
<path d="M254 131V132H80V131H254Z" fill="#D4D8DB"/>
<path d="M81.476 56V43.13H85.616C88.496 43.13 90.368 44.408 90.368 47.108V47.18C90.368 49.898 88.424 51.122 85.67 51.122H83.87V56H81.476ZM83.87 49.376H85.616C87.2 49.376 88.046 48.602 88.046 47.18V47.108C88.046 45.578 87.128 44.984 85.616 44.984H83.87V49.376ZM96.1235 56.18C93.3515 56.18 91.3535 54.362 91.3535 51.392V51.248C91.3535 48.332 93.3515 46.388 96.0335 46.388C98.3735 46.388 100.48 47.774 100.48 51.14V51.77H93.5855C93.6575 53.552 94.5575 54.56 96.1775 54.56C97.4915 54.56 98.1755 54.038 98.3375 53.12H100.444C100.138 55.1 98.5355 56.18 96.1235 56.18ZM93.6215 50.312H98.3195C98.2115 48.692 97.3835 47.972 96.0335 47.972C94.7195 47.972 93.8375 48.854 93.6215 50.312ZM102.425 56V46.586H104.603V48.35C105.197 47.144 106.079 46.46 107.663 46.442V48.476C105.755 48.512 104.603 49.106 104.603 51.104V56H102.425ZM109.562 56V46.586H111.74V48.026C112.19 47.144 113.198 46.388 114.602 46.388C115.826 46.388 116.798 46.91 117.266 48.08C117.986 46.892 119.282 46.388 120.452 46.388C122.18 46.388 123.584 47.45 123.584 50.042V56H121.406V50.186C121.406 48.8 120.794 48.206 119.732 48.206C118.634 48.206 117.644 48.926 117.644 50.366V56H115.484V50.186C115.484 48.8 114.89 48.206 113.81 48.206C112.73 48.206 111.74 48.926 111.74 50.366V56H109.562ZM127.201 45.038C126.481 45.038 125.905 44.498 125.905 43.796C125.905 43.094 126.481 42.536 127.201 42.536C127.939 42.536 128.515 43.094 128.515 43.796C128.515 44.498 127.939 45.038 127.201 45.038ZM126.139 56V46.586H128.317V56H126.139ZM134.194 56.18C131.764 56.18 130.342 55.064 130.252 53.066H132.304C132.412 54.02 132.898 54.578 134.176 54.578C135.346 54.578 135.868 54.164 135.868 53.372C135.868 52.598 135.238 52.31 133.852 52.076C131.368 51.68 130.45 50.978 130.45 49.214C130.45 47.324 132.214 46.388 133.978 46.388C135.904 46.388 137.434 47.108 137.668 49.232H135.652C135.472 48.368 134.986 47.972 133.978 47.972C133.042 47.972 132.484 48.422 132.484 49.088C132.484 49.772 132.934 50.042 134.428 50.294C136.642 50.636 137.956 51.176 137.956 53.174C137.956 55.082 136.606 56.18 134.194 56.18ZM143.106 56.18C140.676 56.18 139.254 55.064 139.164 53.066H141.216C141.324 54.02 141.81 54.578 143.088 54.578C144.258 54.578 144.78 54.164 144.78 53.372C144.78 52.598 144.15 52.31 142.764 52.076C140.28 51.68 139.362 50.978 139.362 49.214C139.362 47.324 141.126 46.388 142.89 46.388C144.816 46.388 146.346 47.108 146.58 49.232H144.564C144.384 48.368 143.898 47.972 142.89 47.972C141.954 47.972 141.396 48.422 141.396 49.088C141.396 49.772 141.846 50.042 143.34 50.294C145.554 50.636 146.868 51.176 146.868 53.174C146.868 55.082 145.518 56.18 143.106 56.18ZM149.894 45.038C149.174 45.038 148.598 44.498 148.598 43.796C148.598 43.094 149.174 42.536 149.894 42.536C150.632 42.536 151.208 43.094 151.208 43.796C151.208 44.498 150.632 45.038 149.894 45.038ZM148.832 56V46.586H151.01V56H148.832ZM157.859 56.18C155.087 56.18 153.035 54.254 153.035 51.392V51.248C153.035 48.332 155.105 46.388 157.877 46.388C160.631 46.388 162.701 48.314 162.701 51.194V51.338C162.701 54.272 160.631 56.18 157.859 56.18ZM157.877 54.488C159.497 54.488 160.469 53.264 160.469 51.374V51.23C160.469 49.286 159.497 48.098 157.877 48.098C156.257 48.098 155.267 49.268 155.267 51.212V51.356C155.267 53.282 156.239 54.488 157.877 54.488ZM164.669 56V46.586H166.847V48.08C167.297 47.162 168.341 46.388 169.889 46.388C171.779 46.388 173.111 47.486 173.111 50.096V56H170.933V50.276C170.933 48.854 170.357 48.206 169.061 48.206C167.855 48.206 166.847 48.962 166.847 50.456V56H164.669ZM178.842 56.18C176.412 56.18 174.99 55.064 174.9 53.066H176.952C177.06 54.02 177.546 54.578 178.824 54.578C179.994 54.578 180.516 54.164 180.516 53.372C180.516 52.598 179.886 52.31 178.5 52.076C176.016 51.68 175.098 50.978 175.098 49.214C175.098 47.324 176.862 46.388 178.626 46.388C180.552 46.388 182.082 47.108 182.316 49.232H180.3C180.12 48.368 179.634 47.972 178.626 47.972C177.69 47.972 177.132 48.422 177.132 49.088C177.132 49.772 177.582 50.042 179.076 50.294C181.29 50.636 182.604 51.176 182.604 53.174C182.604 55.082 181.254 56.18 178.842 56.18Z" fill="#3E4550"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

assets/site-images/templateImages/template-preview-dashboard-invert.svg
+9
View File
@@ -0,0 +1,9 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="336" height="192" fill="#1D1F27"/>
<path d="M107.649 22.6787H25.1089C23.0368 22.6787 21.3571 24.3585 21.3571 26.4307V86.4623C21.3571 88.5344 23.0368 90.2143 25.1089 90.2143H107.649C109.721 90.2143 111.401 88.5344 111.401 86.4623V26.4307C111.401 24.3585 109.721 22.6787 107.649 22.6787Z" fill="#01A982"/>
<path d="M107.649 101.471H25.1089C23.0368 101.471 21.3571 103.151 21.3571 105.223V165.254C21.3571 167.326 23.0368 169.006 25.1089 169.006H107.649C109.721 169.006 111.401 167.326 111.401 165.254V105.223C111.401 103.151 109.721 101.471 107.649 101.471Z" fill="#0070F8"/>
<path d="M208.949 22.6787H126.408C124.336 22.6787 122.656 24.3585 122.656 26.4307V86.4623C122.656 88.5344 124.336 90.2143 126.408 90.2143H208.949C211.021 90.2143 212.701 88.5344 212.701 86.4623V26.4307C212.701 24.3585 211.021 22.6787 208.949 22.6787Z" fill="#068667"/>
<path d="M208.949 101.471H126.408C124.336 101.471 122.656 103.151 122.656 105.223V165.254C122.656 167.326 124.336 169.006 126.408 169.006H208.949C211.021 169.006 212.701 167.326 212.701 165.254V105.223C212.701 103.151 211.021 101.471 208.949 101.471Z" fill="#B1B9BE"/>
<path d="M310.248 22.6787H227.708C225.636 22.6787 223.956 24.3585 223.956 26.4307V86.4623C223.956 88.5344 225.636 90.2143 227.708 90.2143H310.248C312.32 90.2143 314 88.5344 314 86.4623V26.4307C314 24.3585 312.32 22.6787 310.248 22.6787Z" fill="#7764FC"/>
<path d="M310.248 101.471H227.708C225.636 101.471 223.956 103.151 223.956 105.223V165.254C223.956 167.326 225.636 169.006 227.708 169.006H310.248C312.32 169.006 314 167.326 314 165.254V105.223C314 103.151 312.32 101.471 310.248 101.471Z" fill="#00A4B3"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

assets/site-images/templateImages/template-preview-dashboard.svg
+9
View File
@@ -0,0 +1,9 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="336" height="192" fill="white"/>
<path d="M107.649 22.6787H25.1089C23.0368 22.6787 21.3571 24.3585 21.3571 26.4307V86.4623C21.3571 88.5344 23.0368 90.2143 25.1089 90.2143H107.649C109.721 90.2143 111.401 88.5344 111.401 86.4623V26.4307C111.401 24.3585 109.721 22.6787 107.649 22.6787Z" fill="#01A982"/>
<path d="M107.649 101.471H25.1089C23.0368 101.471 21.3571 103.151 21.3571 105.223V165.254C21.3571 167.326 23.0368 169.006 25.1089 169.006H107.649C109.721 169.006 111.401 167.326 111.401 165.254V105.223C111.401 103.151 109.721 101.471 107.649 101.471Z" fill="#0070F8"/>
<path d="M208.949 22.6787H126.408C124.336 22.6787 122.656 24.3585 122.656 26.4307V86.4623C122.656 88.5344 124.336 90.2143 126.408 90.2143H208.949C211.021 90.2143 212.701 88.5344 212.701 86.4623V26.4307C212.701 24.3585 211.021 22.6787 208.949 22.6787Z" fill="#05CC93"/>
<path d="M208.949 101.471H126.408C124.336 101.471 122.656 103.151 122.656 105.223V165.254C122.656 167.326 124.336 169.006 126.408 169.006H208.949C211.021 169.006 212.701 167.326 212.701 165.254V105.223C212.701 103.151 211.021 101.471 208.949 101.471Z" fill="#7D8A92"/>
<path d="M310.248 22.6787H227.708C225.636 22.6787 223.956 24.3585 223.956 26.4307V86.4623C223.956 88.5344 225.636 90.2143 227.708 90.2143H310.248C312.32 90.2143 314 88.5344 314 86.4623V26.4307C314 24.3585 312.32 22.6787 310.248 22.6787Z" fill="#7764FC"/>
<path d="M310.248 101.471H227.708C225.636 101.471 223.956 103.151 223.956 105.223V165.254C223.956 167.326 225.636 169.006 227.708 169.006H310.248C312.32 169.006 314 167.326 314 165.254V105.223C314 103.151 312.32 101.471 310.248 101.471Z" fill="#62E5F6"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

assets/site-images/templateImages/template-preview-data-visualization-invert.svg
+49
View File
@@ -0,0 +1,49 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M187.286 14H66.9048C63.6439 14 61 16.6424 61 19.9048V67.1429C61 70.4052 63.6439 73.0476 66.9048 73.0476H187.286C190.547 73.0476 193.19 70.4052 193.19 67.1429V19.9048C193.19 16.6424 190.547 14 187.286 14Z" fill="#9B6310"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M115.192 42.0475L115.192 62.7141C115.192 64.3438 113.886 65.6665 112.262 65.6665C110.638 65.6665 109.31 64.3438 109.31 62.7141L109.31 42.0475C109.31 40.4177 110.638 39.0951 112.262 39.0951C113.886 39.0951 115.192 40.4177 115.192 42.0475ZM121.119 62.7141L121.119 24.3332C121.119 22.7034 122.448 21.3808 124.072 21.3808C125.71 21.3808 127.024 22.7035 127.024 24.3332L127.024 62.7141C127.024 64.3438 125.71 65.6665 124.072 65.6665C122.448 65.6665 121.119 64.3438 121.119 62.7141Z" fill="white"/>
<path d="M104.143 61.976L104.143 56.0713C104.143 54.4415 102.814 53.1189 101.191 53.1189C99.5668 53.1189 98.2382 54.4415 98.2382 56.0713L98.2382 61.976C98.2382 63.6057 99.5668 64.9284 101.191 64.9284C102.814 64.9284 104.143 63.6057 104.143 61.976Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M76.0479 42.0475L76.0479 62.7141C76.0479 64.3438 77.3764 65.6665 79.0002 65.6665C80.624 65.6665 81.9526 64.3438 81.9526 62.7141L81.9526 42.0475C81.9526 40.4177 80.624 39.0951 79.0002 39.0951C77.3764 39.0951 76.0479 40.4177 76.0479 42.0475Z" fill="white"/>
<path d="M87.1193 61.976L87.1193 56.0713C87.1193 54.4416 88.4478 53.1189 90.0717 53.1189C91.6955 53.1189 93.024 54.4415 93.024 56.0713L93.024 61.976C93.024 63.6057 91.6955 64.9284 90.0717 64.9284C88.4479 64.9284 87.1193 63.6057 87.1193 61.976Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M134.048 42.0475L134.048 62.7141C134.048 64.3438 135.376 65.6665 137 65.6665C138.624 65.6665 139.953 64.3438 139.953 62.7141L139.953 42.0475C139.953 40.4177 138.624 39.0951 137 39.0951C135.376 39.0951 134.048 40.4177 134.048 42.0475Z" fill="white"/>
<path d="M145.119 61.976L145.119 56.0713C145.119 54.4416 146.448 53.1189 148.072 53.1189C149.695 53.1189 151.024 54.4415 151.024 56.0713L151.024 61.976C151.024 63.6057 149.695 64.9284 148.072 64.9284C146.448 64.9284 145.119 63.6057 145.119 61.976Z" fill="white"/>
</g>
<g filter="url(#filter1_d)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M246.2 28H183.8C179.492 28 176 31.4905 176 35.8V98.2C176 102.51 179.492 106 183.8 106H246.2C250.508 106 254 102.51 254 98.2V35.8C254 31.4905 250.508 28 246.2 28Z" fill="#D04F4E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M213.05 47.5C201.204 47.5 191.6 57.094 191.6 68.95C191.6 80.7884 201.204 90.4 213.05 90.4C224.896 90.4 234.5 80.7884 234.5 68.95H213.05V47.5Z" fill="#FFBC44"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M216.95 43.6001V65.0501H238.4C238.4 53.1941 228.796 43.6001 216.95 43.6001Z" fill="#FFFFFE"/>
</g>
<g filter="url(#filter2_d)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M267.245 97.9524H135.905C131.539 97.9524 128 101.49 128 105.857V169.097C128 173.465 131.539 177.002 135.905 177.002H267.245C271.611 177.002 275.15 173.465 275.15 169.097V105.857C275.15 101.49 271.611 97.9524 267.245 97.9524Z" fill="#008567"/>
</g>
<path d="M223.318 117.666C221.317 116.927 219.071 118.216 218.546 119.873C217.998 121.643 219.109 123.751 220.879 124.299L230.241 127.741L190.684 144.57L183.351 131.875C182.975 130.834 182.082 129.995 181.019 129.684C180.261 129.466 179.429 129.511 178.698 129.811L149.274 141.582C147.498 142.222 146.48 144.467 147.177 146.222C147.873 147.977 150.149 148.9 151.88 148.147L178.498 137.502L185.875 150.292C186.546 152.078 188.834 153.052 190.587 152.299L233.625 134.004L229.967 143.953C229.299 145.696 230.3 147.879 232.052 148.523C233.804 149.167 235.981 148.152 236.6 146.391L243.102 128.704C243.741 126.967 242.741 124.807 241.005 124.168L223.318 117.666Z" fill="white"/>
<defs>
<filter id="filter0_d" x="49" y="8" width="156.19" height="83.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_d" x="164" y="22" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter2_d" x="104" y="85.9524" width="195.15" height="127.05" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="12"/>
<feGaussianBlur stdDeviation="12"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

assets/site-images/templateImages/template-preview-data-visualization.svg
+49
View File
@@ -0,0 +1,49 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M187.286 14H66.9048C63.6439 14 61 16.6424 61 19.9048V67.1429C61 70.4052 63.6439 73.0476 66.9048 73.0476H187.286C190.547 73.0476 193.19 70.4052 193.19 67.1429V19.9048C193.19 16.6424 190.547 14 187.286 14Z" fill="#6633BC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M115.192 42.0476L115.192 62.7142C115.192 64.344 113.886 65.6666 112.262 65.6666C110.638 65.6666 109.31 64.344 109.31 62.7142L109.31 42.0476C109.31 40.4179 110.638 39.0952 112.262 39.0952C113.886 39.0952 115.192 40.4179 115.192 42.0476ZM121.119 62.7142L121.119 24.3333C121.119 22.7036 122.448 21.3809 124.072 21.3809C125.71 21.3809 127.024 22.7036 127.024 24.3333L127.024 62.7142C127.024 64.344 125.71 65.6666 124.072 65.6666C122.448 65.6666 121.119 64.344 121.119 62.7142Z" fill="white"/>
<path d="M104.143 61.9761L104.143 56.0714C104.143 54.4417 102.814 53.119 101.191 53.119C99.5668 53.119 98.2382 54.4417 98.2382 56.0714L98.2382 61.9761C98.2382 63.6059 99.5668 64.9285 101.191 64.9285C102.814 64.9285 104.143 63.6059 104.143 61.9761Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M76.0479 42.0476L76.0479 62.7142C76.0479 64.344 77.3764 65.6666 79.0002 65.6666C80.624 65.6666 81.9526 64.344 81.9526 62.7142L81.9526 42.0476C81.9526 40.4179 80.624 39.0952 79.0002 39.0952C77.3764 39.0952 76.0479 40.4179 76.0479 42.0476Z" fill="white"/>
<path d="M87.1193 61.9761L87.1193 56.0714C87.1193 54.4417 88.4478 53.119 90.0717 53.119C91.6955 53.119 93.024 54.4417 93.024 56.0714L93.024 61.9761C93.024 63.6059 91.6955 64.9285 90.0717 64.9285C88.4479 64.9285 87.1193 63.6059 87.1193 61.9761Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M134.048 42.0476L134.048 62.7142C134.048 64.344 135.376 65.6666 137 65.6666C138.624 65.6666 139.953 64.344 139.953 62.7142L139.953 42.0476C139.953 40.4179 138.624 39.0952 137 39.0952C135.376 39.0952 134.048 40.4179 134.048 42.0476Z" fill="white"/>
<path d="M145.119 61.9761L145.119 56.0714C145.119 54.4417 146.448 53.119 148.072 53.119C149.695 53.119 151.024 54.4417 151.024 56.0714L151.024 61.9761C151.024 63.6059 149.695 64.9285 148.072 64.9285C146.448 64.9285 145.119 63.6059 145.119 61.9761Z" fill="white"/>
</g>
<g filter="url(#filter1_d)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M246.2 28H183.8C179.492 28 176 31.4905 176 35.8V98.2C176 102.51 179.492 106 183.8 106H246.2C250.508 106 254 102.51 254 98.2V35.8C254 31.4905 250.508 28 246.2 28Z" fill="#FC5A5A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M213.05 47.5C201.204 47.5 191.6 57.094 191.6 68.95C191.6 80.7884 201.204 90.4 213.05 90.4C224.896 90.4 234.5 80.7884 234.5 68.95H213.05V47.5Z" fill="#FFBC44"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M216.95 43.6001V65.0501H238.4C238.4 53.1941 228.796 43.6001 216.95 43.6001Z" fill="#FFFFFE"/>
</g>
<g filter="url(#filter2_d)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M267.245 97.9524H135.905C131.539 97.9524 128 101.49 128 105.857V169.097C128 173.465 131.539 177.002 135.905 177.002H267.245C271.611 177.002 275.15 173.465 275.15 169.097V105.857C275.15 101.49 271.611 97.9524 267.245 97.9524Z" fill="#00739D"/>
</g>
<path d="M223.318 117.666C221.317 116.927 219.071 118.216 218.546 119.873C217.998 121.643 219.109 123.751 220.879 124.299L230.241 127.741L190.684 144.57L183.351 131.875C182.975 130.834 182.082 129.995 181.019 129.684C180.261 129.466 179.429 129.511 178.698 129.811L149.274 141.582C147.498 142.222 146.48 144.467 147.177 146.222C147.873 147.977 150.149 148.9 151.88 148.147L178.498 137.502L185.875 150.292C186.546 152.078 188.834 153.052 190.587 152.299L233.625 134.004L229.967 143.953C229.299 145.696 230.3 147.879 232.052 148.523C233.804 149.167 235.981 148.152 236.6 146.391L243.102 128.704C243.741 126.967 242.741 124.807 241.005 124.168L223.318 117.666Z" fill="white"/>
<defs>
<filter id="filter0_d" x="49" y="8" width="156.19" height="83.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_d" x="164" y="22" width="102" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter2_d" x="104" y="85.9524" width="195.15" height="127.05" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="12"/>
<feGaussianBlur stdDeviation="12"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

assets/site-images/templateImages/template-preview-filtering-invert.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M131.5 71.5752C131.5 64.9478 136.873 59.5752 143.5 59.5752H191.5C198.127 59.5752 203.5 64.9478 203.5 71.5752V119.575C203.5 126.203 198.127 131.575 191.5 131.575H143.5C136.873 131.575 131.5 126.203 131.5 119.575V71.5752Z" fill="white" fill-opacity="0.06"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M173.869 86.4082C175.414 86.4082 176.667 87.661 176.667 89.2061C176.667 89.9478 176.372 90.659 175.847 91.1836L170.917 96.1136C170.448 96.5824 170.186 97.2183 170.186 97.8812V102.056C170.186 103.539 168.983 104.742 167.5 104.742C166.017 104.742 164.814 103.539 164.814 102.056V97.8812C164.814 97.2183 164.552 96.5824 164.083 96.1136L159.153 91.1836C158.628 90.659 158.333 89.9478 158.333 89.2061C158.333 87.661 159.586 86.4082 161.131 86.4082H173.869ZM161.131 88.0749C160.507 88.0749 160 88.5815 160 89.2061C160 89.5058 160.119 89.7932 160.331 90.0052L165.261 94.9352C166.043 95.7165 166.481 96.7763 166.481 97.8812V102.056C166.481 102.619 166.937 103.075 167.5 103.075C168.063 103.075 168.519 102.619 168.519 102.056V97.8812C168.519 96.7763 168.957 95.7165 169.739 94.9352L174.669 90.0052L174.744 89.9222C174.908 89.7211 175 89.4684 175 89.2061C175 88.5815 174.493 88.0749 173.869 88.0749H161.131Z" fill="#E6E8E9"/>
<path d="M194 63C194 56.3726 199.373 51 206 51C212.627 51 218 56.3726 218 63C218 69.6274 212.627 75 206 75C199.373 75 194 69.6274 194 63Z" fill="#F7F7F7"/>
<path d="M202.906 67V66.76L206.314 63.172C207.094 62.344 207.55 61.564 207.55 60.688C207.55 59.728 206.986 59.152 206.014 59.152C205.018 59.152 204.37 59.716 204.202 61.06H203.23C203.362 59.38 204.382 58.312 206.014 58.312C207.598 58.312 208.606 59.248 208.606 60.724C208.606 61.78 207.934 62.812 206.878 63.844L204.514 66.148H208.654V67H202.906Z" fill="#292D3A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

assets/site-images/templateImages/template-preview-filtering.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M131.5 71.5752C131.5 64.9478 136.873 59.5752 143.5 59.5752H191.5C198.127 59.5752 203.5 64.9478 203.5 71.5752V119.575C203.5 126.203 198.127 131.575 191.5 131.575H143.5C136.873 131.575 131.5 126.203 131.5 119.575V71.5752Z" fill="black" fill-opacity="0.04"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M173.869 86.4082C175.414 86.4082 176.667 87.661 176.667 89.2061C176.667 89.9478 176.372 90.659 175.847 91.1836L170.917 96.1136C170.448 96.5824 170.186 97.2183 170.186 97.8812V102.056C170.186 103.539 168.983 104.742 167.5 104.742C166.017 104.742 164.814 103.539 164.814 102.056V97.8812C164.814 97.2183 164.552 96.5824 164.083 96.1136L159.153 91.1836C158.628 90.659 158.333 89.9478 158.333 89.2061C158.333 87.661 159.586 86.4082 161.131 86.4082H173.869ZM161.131 88.0749C160.507 88.0749 160 88.5815 160 89.2061C160 89.5058 160.119 89.7932 160.331 90.0052L165.261 94.9352C166.043 95.7165 166.481 96.7763 166.481 97.8812V102.056C166.481 102.619 166.937 103.075 167.5 103.075C168.063 103.075 168.519 102.619 168.519 102.056V97.8812C168.519 96.7763 168.957 95.7165 169.739 94.9352L174.669 90.0052L174.744 89.9222C174.908 89.7211 175 89.4684 175 89.2061C175 88.5815 174.493 88.0749 173.869 88.0749H161.131Z" fill="#3E4550"/>
<path d="M189 57C189 50.3726 194.373 45 201 45C207.627 45 213 50.3726 213 57C213 63.6274 207.627 69 201 69C194.373 69 189 63.6274 189 57Z" fill="#292D3A"/>
<path d="M197.906 61V60.76L201.314 57.172C202.094 56.344 202.55 55.564 202.55 54.688C202.55 53.728 201.986 53.152 201.014 53.152C200.018 53.152 199.37 53.716 199.202 55.06H198.23C198.362 53.38 199.382 52.312 201.014 52.312C202.598 52.312 203.606 53.248 203.606 54.724C203.606 55.78 202.934 56.812 201.878 57.844L199.514 60.148H203.654V61H197.906Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

assets/site-images/templateImages/template-preview-form-invert.svg
+27
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

assets/site-images/templateImages/template-preview-form.svg
+27
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

assets/site-images/templateImages/template-preview-global-header-1.svg
+13
View File
@@ -0,0 +1,13 @@
<svg width="368" height="192" viewBox="0 0 368 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="22" y="22" width="324" height="148" rx="4" fill="#1D1F27"/>
<path d="M87.9 44.1587V48.5913H102V52H84.3V40.75H102V44.1587H87.9Z" fill="#01A982"/>
<path d="M73.5841 34H62.4273V52H66.0273V47.4241H73.5283C78.2676 47.4241 80.9898 44.7254 80.9898 40.7498C80.9898 36.7482 78.2676 34 73.5841 34ZM73.349 43.9741H66.0273V37.4088H73.349C76.1839 37.4088 77.2591 38.7192 77.2591 40.7498C77.2591 42.7597 76.1839 43.9741 73.349 43.9741ZM87.9 39.0787H84.3V34H102V37.4088H87.9V39.0787ZM57.9 34V52H54.3V44.623H42.6V52H39V34H42.6V41.173H54.3V34H57.9Z" fill="white"/>
<path d="M101.5 41.25V43.6592H87.4004V49.0908H101.5V51.5H84.7998V41.25H101.5ZM73.584 34.5C75.8285 34.5 77.5475 35.1574 78.7012 36.2393C79.852 37.3185 80.4902 38.8664 80.4902 40.75C80.4902 42.6191 79.8527 44.1465 78.6973 45.21C77.5378 46.277 75.8044 46.9238 73.5283 46.9238H65.5273V51.5H62.9277V34.5H73.584ZM42.0996 34.5V41.6729H54.7998V34.5H57.4004V51.5H54.7998V44.123H42.0996V51.5H39.5V34.5H42.0996ZM65.5273 44.4746H73.3486C74.8249 44.4746 75.9461 44.1596 76.6992 43.4893C77.4645 42.8079 77.7588 41.8417 77.7588 40.75C77.7588 39.6499 77.4661 38.6595 76.708 37.9521C75.9566 37.2512 74.8336 36.9092 73.3486 36.9092H65.5273V44.4746ZM101.5 34.5V36.9092H87.4004V38.5791H84.7998V34.5H101.5Z" stroke="white" stroke-opacity="0.06"/>
<path opacity="0.5" d="M122.5 76H45.5C43.567 76 42 77.1939 42 78.6667V121.333C42 122.806 43.567 124 45.5 124H122.5C124.433 124 126 122.806 126 121.333V78.6667C126 77.1939 124.433 76 122.5 76Z" fill="white" fill-opacity="0.06"/>
<path opacity="0.5" d="M218.5 76H141.5C139.567 76 138 77.1939 138 78.6667V121.333C138 122.806 139.567 124 141.5 124H218.5C220.433 124 222 122.806 222 121.333V78.6667C222 77.1939 220.433 76 218.5 76Z" fill="white" fill-opacity="0.06"/>
<path opacity="0.5" d="M314.5 76H237.5C235.567 76 234 77.1939 234 78.6667V121.333C234 122.806 235.567 124 237.5 124H314.5C316.433 124 318 122.806 318 121.333V78.6667C318 77.1939 316.433 76 314.5 76Z" fill="white" fill-opacity="0.06"/>
<path opacity="0.5" d="M122.5 132H45.5C43.567 132 42 133.194 42 134.667V177.333C42 178.806 43.567 180 45.5 180H122.5C124.433 180 126 178.806 126 177.333V134.667C126 133.194 124.433 132 122.5 132Z" fill="white" fill-opacity="0.06"/>
<path opacity="0.5" d="M218.5 132H141.5C139.567 132 138 133.194 138 134.667V177.333C138 178.806 139.567 180 141.5 180H218.5C220.433 180 222 178.806 222 177.333V134.667C222 133.194 220.433 132 218.5 132Z" fill="white" fill-opacity="0.06"/>
<path opacity="0.5" d="M314.5 132H237.5C235.567 132 234 133.194 234 134.667V177.333C234 178.806 235.567 180 237.5 180H314.5C316.433 180 318 178.806 318 177.333V134.667C318 133.194 316.433 132 314.5 132Z" fill="white" fill-opacity="0.06"/>
<path d="M22 62.7822H346" stroke="white" stroke-opacity="0.06" stroke-width="0.7"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

assets/site-images/templateImages/template-preview-global-header-invert.svg
+20
View File
@@ -0,0 +1,20 @@
<svg width="368" height="192" viewBox="0 0 368 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_187_446)">
<rect x="22" y="22" width="324" height="148" rx="4" fill="#22252E"/>
<path d="M87.9 44.1587V48.5913H102V52H84.3V40.75H102V44.1587H87.9Z" fill="#01A982"/>
<path d="M73.5841 34H62.4273V52H66.0273V47.4241H73.5283C78.2676 47.4241 80.9898 44.7254 80.9898 40.7498C80.9898 36.7482 78.2676 34 73.5841 34ZM73.349 43.9741H66.0273V37.4088H73.349C76.1839 37.4088 77.2591 38.7192 77.2591 40.7498C77.2591 42.7597 76.1839 43.9741 73.349 43.9741ZM87.9 39.0787H84.3V34H102V37.4088H87.9V39.0787ZM57.9 34V52H54.3V44.623H42.6V52H39V34H42.6V41.173H54.3V34H57.9Z" fill="white"/>
<path d="M101.5 41.25V43.6592H87.4004V49.0908H101.5V51.5H84.7998V41.25H101.5ZM73.584 34.5C75.8285 34.5 77.5475 35.1574 78.7012 36.2393C79.852 37.3185 80.4902 38.8664 80.4902 40.75C80.4902 42.6191 79.8527 44.1465 78.6973 45.21C77.5378 46.277 75.8044 46.9238 73.5283 46.9238H65.5273V51.5H62.9277V34.5H73.584ZM42.0996 34.5V41.6729H54.7998V34.5H57.4004V51.5H54.7998V44.123H42.0996V51.5H39.5V34.5H42.0996ZM65.5273 44.4746H73.3486C74.8249 44.4746 75.9461 44.1596 76.6992 43.4893C77.4645 42.8079 77.7588 41.8417 77.7588 40.75C77.7588 39.6499 77.4661 38.6595 76.708 37.9521C75.9566 37.2512 74.8336 36.9092 73.3486 36.9092H65.5273V44.4746ZM101.5 34.5V36.9092H87.4004V38.5791H84.7998V34.5H101.5Z" stroke="white" stroke-opacity="0.06"/>
<path opacity="0.5" d="M122.5 76H45.5C43.567 76 42 77.1939 42 78.6667V121.333C42 122.806 43.567 124 45.5 124H122.5C124.433 124 126 122.806 126 121.333V78.6667C126 77.1939 124.433 76 122.5 76Z" fill="white" fill-opacity="0.06"/>
<path opacity="0.5" d="M218.5 76H141.5C139.567 76 138 77.1939 138 78.6667V121.333C138 122.806 139.567 124 141.5 124H218.5C220.433 124 222 122.806 222 121.333V78.6667C222 77.1939 220.433 76 218.5 76Z" fill="white" fill-opacity="0.06"/>
<path opacity="0.5" d="M314.5 76H237.5C235.567 76 234 77.1939 234 78.6667V121.333C234 122.806 235.567 124 237.5 124H314.5C316.433 124 318 122.806 318 121.333V78.6667C318 77.1939 316.433 76 314.5 76Z" fill="white" fill-opacity="0.06"/>
<path opacity="0.5" d="M122.5 132H45.5C43.567 132 42 133.194 42 134.667V177.333C42 178.806 43.567 180 45.5 180H122.5C124.433 180 126 178.806 126 177.333V134.667C126 133.194 124.433 132 122.5 132Z" fill="white" fill-opacity="0.06"/>
<path opacity="0.5" d="M218.5 132H141.5C139.567 132 138 133.194 138 134.667V177.333C138 178.806 139.567 180 141.5 180H218.5C220.433 180 222 178.806 222 177.333V134.667C222 133.194 220.433 132 218.5 132Z" fill="white" fill-opacity="0.06"/>
<path opacity="0.5" d="M314.5 132H237.5C235.567 132 234 133.194 234 134.667V177.333C234 178.806 235.567 180 237.5 180H314.5C316.433 180 318 178.806 318 177.333V134.667C318 133.194 316.433 132 314.5 132Z" fill="white" fill-opacity="0.06"/>
<path d="M22 62.7822H346" stroke="white" stroke-opacity="0.06" stroke-width="0.7"/>
</g>
<defs>
<clipPath id="clip0_187_446">
<rect x="22" y="22" width="324" height="148" rx="4" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

assets/site-images/templateImages/template-preview-global-header.svg
+20
View File
@@ -0,0 +1,20 @@
<svg width="368" height="192" viewBox="0 0 368 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_108_275)">
<rect x="22" y="22" width="324" height="148" rx="4" fill="white"/>
<path d="M87.9 44.1587V48.5913H102V52H84.3V40.75H102V44.1587H87.9Z" fill="#01A982"/>
<path d="M73.5841 34H62.4273V52H66.0273V47.4241H73.5283C78.2676 47.4241 80.9898 44.7254 80.9898 40.7498C80.9898 36.7482 78.2676 34 73.5841 34ZM73.349 43.9741H66.0273V37.4088H73.349C76.1839 37.4088 77.2591 38.7192 77.2591 40.7498C77.2591 42.7597 76.1839 43.9741 73.349 43.9741ZM87.9 39.0787H84.3V34H102V37.4088H87.9V39.0787ZM57.9 34V52H54.3V44.623H42.6V52H39V34H42.6V41.173H54.3V34H57.9Z" fill="#292D3A"/>
<path d="M101.5 41.25V43.6592H87.4004V49.0908H101.5V51.5H84.7998V41.25H101.5ZM73.584 34.5C75.8285 34.5 77.5475 35.1574 78.7012 36.2393C79.852 37.3185 80.4902 38.8664 80.4902 40.75C80.4902 42.6191 79.8527 44.1465 78.6973 45.21C77.5378 46.277 75.8044 46.9238 73.5283 46.9238H65.5273V51.5H62.9277V34.5H73.584ZM42.0996 34.5V41.6729H54.7998V34.5H57.4004V51.5H54.7998V44.123H42.0996V51.5H39.5V34.5H42.0996ZM65.5273 44.4746H73.3486C74.8249 44.4746 75.9461 44.1596 76.6992 43.4893C77.4645 42.8079 77.7588 41.8417 77.7588 40.75C77.7588 39.6499 77.4661 38.6595 76.708 37.9521C75.9566 37.2512 74.8336 36.9092 73.3486 36.9092H65.5273V44.4746ZM101.5 34.5V36.9092H87.4004V38.5791H84.7998V34.5H101.5Z" stroke="black" stroke-opacity="0.04"/>
<path opacity="0.5" d="M122.5 76H45.5C43.567 76 42 77.1939 42 78.6667V121.333C42 122.806 43.567 124 45.5 124H122.5C124.433 124 126 122.806 126 121.333V78.6667C126 77.1939 124.433 76 122.5 76Z" fill="black" fill-opacity="0.04"/>
<path opacity="0.5" d="M218.5 76H141.5C139.567 76 138 77.1939 138 78.6667V121.333C138 122.806 139.567 124 141.5 124H218.5C220.433 124 222 122.806 222 121.333V78.6667C222 77.1939 220.433 76 218.5 76Z" fill="black" fill-opacity="0.04"/>
<path opacity="0.5" d="M314.5 76H237.5C235.567 76 234 77.1939 234 78.6667V121.333C234 122.806 235.567 124 237.5 124H314.5C316.433 124 318 122.806 318 121.333V78.6667C318 77.1939 316.433 76 314.5 76Z" fill="black" fill-opacity="0.04"/>
<path opacity="0.5" d="M122.5 132H45.5C43.567 132 42 133.194 42 134.667V177.333C42 178.806 43.567 180 45.5 180H122.5C124.433 180 126 178.806 126 177.333V134.667C126 133.194 124.433 132 122.5 132Z" fill="black" fill-opacity="0.04"/>
<path opacity="0.5" d="M218.5 132H141.5C139.567 132 138 133.194 138 134.667V177.333C138 178.806 139.567 180 141.5 180H218.5C220.433 180 222 178.806 222 177.333V134.667C222 133.194 220.433 132 218.5 132Z" fill="black" fill-opacity="0.04"/>
<path opacity="0.5" d="M314.5 132H237.5C235.567 132 234 133.194 234 134.667V177.333C234 178.806 235.567 180 237.5 180H314.5C316.433 180 318 178.806 318 177.333V134.667C318 133.194 316.433 132 314.5 132Z" fill="black" fill-opacity="0.04"/>
<path d="M22 62.7822H346" stroke="black" stroke-opacity="0.04" stroke-width="0.7"/>
</g>
<defs>
<clipPath id="clip0_108_275">
<rect x="22" y="22" width="324" height="148" rx="4" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

assets/site-images/templateImages/template-preview-hubnspoke-invert.svg
+18
View File
@@ -0,0 +1,18 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<rect x="122" y="60" width="96" height="72" rx="4" fill="#00567A"/>
</g>
<path d="M251 90L259 98L251 106" stroke="white" stroke-width="4" stroke-linecap="round"/>
<path d="M89 90L81 98L89 106" stroke="white" stroke-width="4" stroke-linecap="round"/>
<defs>
<filter id="filter0_d" x="110" y="54" width="120" height="96" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 992 B

assets/site-images/templateImages/template-preview-hubnspoke.svg
+18
View File
@@ -0,0 +1,18 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<rect x="122" y="60" width="96" height="72" rx="4" fill="#00C8FF"/>
</g>
<path d="M251 90L259 98L251 106" stroke="black" stroke-width="4" stroke-linecap="round"/>
<path d="M89 90L81 98L89 106" stroke="black" stroke-width="4" stroke-linecap="round"/>
<defs>
<filter id="filter0_d" x="110" y="54" width="120" height="96" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 992 B

assets/site-images/templateImages/template-preview-i18n-invert.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M169.127 63.0598C187.316 63.3941 201.958 78.2312 201.958 96.5003C201.958 114.769 187.316 129.607 169.127 129.941C168.921 129.951 168.712 129.959 168.5 129.959C168.287 129.959 168.077 129.951 167.87 129.941C149.682 129.605 135.042 114.768 135.042 96.5003C135.042 78.2322 149.682 63.3956 167.87 63.0598C168.077 63.0492 168.287 63.042 168.5 63.042C168.712 63.042 168.921 63.0493 169.127 63.0598ZM160.539 111.709C160.895 113.634 161.336 115.39 161.87 116.942C163.639 122.087 165.946 123.875 168.5 123.875C171.054 123.875 173.361 122.087 175.13 116.942C175.663 115.39 176.105 113.634 176.46 111.709H160.539ZM145.738 111.709C148.544 115.9 152.477 119.267 157.102 121.389C156.738 120.59 156.41 119.762 156.119 118.918C155.374 116.75 154.801 114.322 154.37 111.709H145.738ZM182.63 111.709C182.199 114.322 181.626 116.75 180.88 118.918C180.59 119.762 180.259 120.589 179.894 121.389C184.521 119.267 188.456 115.9 191.262 111.709H182.63ZM183.364 87.3753C183.602 90.3071 183.708 93.376 183.708 96.5003C183.708 99.6247 183.602 102.694 183.364 105.625H192.833C193.324 105.625 193.786 105.745 194.197 105.952C195.281 103.006 195.875 99.8227 195.875 96.5003C195.875 93.3002 195.322 90.2299 194.312 87.3753H183.364ZM142.687 87.3753C141.678 90.2299 141.125 93.3002 141.125 96.5003C141.125 99.7004 141.678 102.771 142.687 105.625H153.636C153.398 102.694 153.292 99.6247 153.292 96.5003C153.292 93.376 153.398 90.3071 153.636 87.3753H142.687ZM159.743 87.3753C159.495 90.218 159.375 93.2832 159.375 96.5003C159.375 99.7175 159.495 102.783 159.743 105.625H177.257C177.504 102.783 177.625 99.7175 177.625 96.5003C177.625 93.2832 177.504 90.218 177.257 87.3753H159.743ZM157.102 71.6086C152.476 73.7302 148.544 77.1007 145.738 81.292H154.37C154.801 78.6791 155.374 76.251 156.119 74.0829C156.41 73.2377 156.738 72.4088 157.102 71.6086ZM168.5 69.1253C165.946 69.1253 163.639 70.9135 161.87 76.0582C161.336 77.6106 160.895 79.367 160.539 81.292H176.46C176.105 79.367 175.663 77.6106 175.13 76.0582C173.361 70.9135 171.054 69.1253 168.5 69.1253ZM179.894 71.6086C180.259 72.4091 180.59 73.2373 180.88 74.0829C181.626 76.251 182.199 78.6791 182.63 81.292H191.262C188.455 77.0999 184.521 73.7302 179.894 71.6086Z" fill="#E6E8E9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

assets/site-images/templateImages/template-preview-i18n.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M169.127 63.0598C187.316 63.3941 201.958 78.2312 201.958 96.5003C201.958 114.769 187.316 129.607 169.127 129.941C168.921 129.951 168.712 129.959 168.5 129.959C168.287 129.959 168.077 129.951 167.87 129.941C149.682 129.605 135.042 114.768 135.042 96.5003C135.042 78.2322 149.682 63.3956 167.87 63.0598C168.077 63.0492 168.287 63.042 168.5 63.042C168.712 63.042 168.921 63.0493 169.127 63.0598ZM160.539 111.709C160.895 113.634 161.336 115.39 161.87 116.942C163.639 122.087 165.946 123.875 168.5 123.875C171.054 123.875 173.361 122.087 175.13 116.942C175.663 115.39 176.105 113.634 176.46 111.709H160.539ZM145.738 111.709C148.544 115.9 152.477 119.267 157.102 121.389C156.738 120.59 156.41 119.762 156.119 118.918C155.374 116.75 154.801 114.322 154.37 111.709H145.738ZM182.63 111.709C182.199 114.322 181.626 116.75 180.88 118.918C180.59 119.762 180.259 120.589 179.894 121.389C184.521 119.267 188.456 115.9 191.262 111.709H182.63ZM183.364 87.3753C183.602 90.3071 183.708 93.376 183.708 96.5003C183.708 99.6247 183.602 102.694 183.364 105.625H192.833C193.324 105.625 193.786 105.745 194.197 105.952C195.281 103.006 195.875 99.8227 195.875 96.5003C195.875 93.3002 195.322 90.2299 194.312 87.3753H183.364ZM142.687 87.3753C141.678 90.2299 141.125 93.3002 141.125 96.5003C141.125 99.7004 141.678 102.771 142.687 105.625H153.636C153.398 102.694 153.292 99.6247 153.292 96.5003C153.292 93.376 153.398 90.3071 153.636 87.3753H142.687ZM159.743 87.3753C159.495 90.218 159.375 93.2832 159.375 96.5003C159.375 99.7175 159.495 102.783 159.743 105.625H177.257C177.504 102.783 177.625 99.7175 177.625 96.5003C177.625 93.2832 177.504 90.218 177.257 87.3753H159.743ZM157.102 71.6086C152.476 73.7302 148.544 77.1007 145.738 81.292H154.37C154.801 78.6791 155.374 76.251 156.119 74.0829C156.41 73.2377 156.738 72.4088 157.102 71.6086ZM168.5 69.1253C165.946 69.1253 163.639 70.9135 161.87 76.0582C161.336 77.6106 160.895 79.367 160.539 81.292H176.46C176.105 79.367 175.663 77.6106 175.13 76.0582C173.361 70.9135 171.054 69.1253 168.5 69.1253ZM179.894 71.6086C180.259 72.4091 180.59 73.2373 180.88 74.0829C181.626 76.251 182.199 78.6791 182.63 81.292H191.262C188.455 77.0999 184.521 73.7302 179.894 71.6086Z" fill="#3E4550"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

assets/site-images/templateImages/template-preview-list-invert.svg
+9
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

assets/site-images/templateImages/template-preview-list.svg
+9
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

assets/site-images/templateImages/template-preview-navigation-invert.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M189.914 63.042C190.721 63.0469 191.495 63.3714 192.062 63.945L201.08 73.07C202.26 74.2644 202.25 76.1902 201.056 77.3711C199.862 78.5518 197.936 78.5412 196.755 77.3474L192.834 73.379V88.8962C192.834 96.4554 186.706 102.583 179.147 102.584C174.947 102.584 171.543 105.988 171.542 110.188V126.917H165.459C165.459 122.718 162.054 119.313 157.855 119.313C150.296 119.313 144.167 113.185 144.167 105.625V91.629L140.247 95.5974C139.066 96.7914 137.14 96.8016 135.945 95.6211C134.751 94.4402 134.741 92.5145 135.922 91.32L144.94 82.195L145.163 81.993C145.701 81.5465 146.382 81.2961 147.087 81.292C147.893 81.2879 148.668 81.6047 149.241 82.1713L158.473 91.2963C159.667 92.4772 159.677 94.4029 158.497 95.5974C157.316 96.7915 155.39 96.8017 154.195 95.6211L150.251 91.7181V105.625C150.251 109.825 153.655 113.23 157.855 113.23C160.668 113.23 163.284 114.079 165.459 115.535V110.188C165.459 102.629 171.587 96.5004 179.147 96.5004C183.083 96.5 186.322 93.5083 186.712 89.6744L186.751 88.8962V73.4681L182.806 77.3711C181.612 78.5519 179.686 78.5413 178.505 77.3474C177.324 76.1529 177.335 74.2273 178.529 73.0463L187.761 63.9213L187.984 63.7193C188.527 63.2795 189.209 63.0382 189.914 63.042Z" fill="#E6E8E9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

assets/site-images/templateImages/template-preview-navigation.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M189.914 63.042C190.721 63.0469 191.495 63.3714 192.062 63.945L201.08 73.07C202.26 74.2644 202.25 76.1902 201.056 77.3711C199.862 78.5518 197.936 78.5412 196.755 77.3474L192.834 73.379V88.8962C192.834 96.4554 186.706 102.583 179.147 102.584C174.947 102.584 171.543 105.988 171.542 110.188V126.917H165.459C165.459 122.718 162.054 119.313 157.855 119.313C150.296 119.313 144.167 113.185 144.167 105.625V91.629L140.247 95.5974C139.066 96.7914 137.14 96.8016 135.945 95.6211C134.751 94.4402 134.741 92.5145 135.922 91.32L144.94 82.195L145.163 81.993C145.701 81.5465 146.382 81.2961 147.087 81.292C147.893 81.2879 148.668 81.6047 149.241 82.1713L158.473 91.2963C159.667 92.4772 159.677 94.4029 158.497 95.5974C157.316 96.7915 155.39 96.8017 154.195 95.6211L150.251 91.7181V105.625C150.251 109.825 153.655 113.23 157.855 113.23C160.668 113.23 163.284 114.079 165.459 115.535V110.188C165.459 102.629 171.587 96.5004 179.147 96.5004C183.083 96.5 186.322 93.5083 186.712 89.6744L186.751 88.8962V73.4681L182.806 77.3711C181.612 78.5519 179.686 78.5413 178.505 77.3474C177.324 76.1529 177.335 74.2273 178.529 73.0463L187.761 63.9213L187.984 63.7193C188.527 63.2795 189.209 63.0382 189.914 63.042Z" fill="#3E4550"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

assets/site-images/templateImages/template-preview-notifications-invert.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="177" y="69" width="18" height="18" rx="9" fill="#F7F7F7"/>
<path d="M183.126 82.344V82.104L186.534 78.516C187.314 77.688 187.77 76.908 187.77 76.032C187.77 75.072 187.206 74.496 186.234 74.496C185.238 74.496 184.59 75.06 184.422 76.404H183.45C183.582 74.724 184.602 73.656 186.234 73.656C187.818 73.656 188.826 74.592 188.826 76.068C188.826 77.124 188.154 78.156 187.098 79.188L184.734 81.492H188.874V82.344H183.126Z" fill="#292D3A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M168 88.6667C171.314 88.6667 174 91.3532 174 94.6667V100H174.667C175.035 100 175.333 100.299 175.333 100.667C175.333 101.035 175.035 101.333 174.667 101.333H170C170 102.438 169.105 103.333 168 103.333C166.896 103.333 166 102.438 166 101.333H161.333C160.965 101.333 160.667 101.035 160.667 100.667C160.667 100.299 160.965 100 161.333 100H162V94.6667C162 91.3532 164.687 88.6667 168 88.6667ZM167.333 101.333C167.333 101.702 167.632 102 168 102C168.368 102 168.667 101.702 168.667 101.333H167.333ZM168 90.0001C165.423 90.0001 163.333 92.0896 163.333 94.6667V100H172.667V94.6667C172.667 92.0896 170.577 90.0001 168 90.0001Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

assets/site-images/templateImages/template-preview-notifications.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="177" y="69" width="18" height="18" rx="9" fill="#292D3A"/>
<path d="M183.126 82.344V82.104L186.534 78.516C187.314 77.688 187.77 76.908 187.77 76.032C187.77 75.072 187.206 74.496 186.234 74.496C185.238 74.496 184.59 75.06 184.422 76.404H183.45C183.582 74.724 184.602 73.656 186.234 73.656C187.818 73.656 188.826 74.592 188.826 76.068C188.826 77.124 188.154 78.156 187.098 79.188L184.734 81.492H188.874V82.344H183.126Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M168 88.6667C171.314 88.6667 174 91.3532 174 94.6667V100H174.667C175.035 100 175.333 100.299 175.333 100.667C175.333 101.035 175.035 101.333 174.667 101.333H170C170 102.438 169.105 103.333 168 103.333C166.895 103.333 166 102.438 166 101.333H161.333C160.965 101.333 160.667 101.035 160.667 100.667C160.667 100.299 160.965 100 161.333 100H162V94.6667C162 91.3532 164.687 88.6667 168 88.6667ZM167.333 101.333C167.333 101.702 167.632 102 168 102C168.368 102 168.667 101.702 168.667 101.333H167.333ZM168 90.0001C165.423 90.0001 163.333 92.0896 163.333 94.6667V100H172.667V94.6667C172.667 92.0896 170.577 90.0001 168 90.0001Z" fill="#292D3A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

assets/site-images/templateImages/template-preview-pagelayout-invert.svg
+12
View File
@@ -0,0 +1,12 @@
<svg width="336" height="193" viewBox="0 0 336 193" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_147_430" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="2" y="1" width="331" height="192">
<path d="M333 1H2V193H333V1Z" fill="white"/>
</mask>
<g mask="url(#mask0_147_430)">
<path d="M311.896 16.2256H20.1042C18.3898 16.2256 17 17.8487 17 19.8508V114.107C17 116.109 18.3898 117.732 20.1042 117.732H311.896C313.61 117.732 315 116.109 315 114.107V19.8508C315 17.8487 313.61 16.2256 311.896 16.2256Z" fill="#D4D8DB"/>
<path d="M135.976 63H68.003C65.8267 63 64.0625 64.7909 64.0625 67V242C64.0625 244.209 65.8267 246 68.003 246H135.976C138.152 246 139.917 244.209 139.917 242V67C139.917 64.7909 138.152 63 135.976 63Z" fill="#0070F8"/>
<path d="M232.518 27.999H161.589C159.413 27.999 157.649 29.7899 157.649 31.999V214.999C157.649 217.208 159.413 218.999 161.589 218.999H232.518C234.694 218.999 236.458 217.208 236.458 214.999V31.999C236.458 29.7899 234.694 27.999 232.518 27.999Z" fill="#00A4B3"/>
<path d="M281.774 85H112.333C110.157 85 108.393 86.7909 108.393 89V158C108.393 160.209 110.157 162 112.333 162H281.774C283.95 162 285.714 160.209 285.714 158V89C285.714 86.7909 283.95 85 281.774 85Z" fill="#068667"/>
<path d="M98.5417 31H41.4048C39.2285 31 37.4643 32.7909 37.4643 35V91C37.4643 93.2091 39.2285 95 41.4048 95H98.5417C100.718 95 102.482 93.2091 102.482 91V35C102.482 32.7909 100.718 31 98.5417 31Z" fill="#7764FC"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

assets/site-images/templateImages/template-preview-pagelayout.svg
+12
View File
@@ -0,0 +1,12 @@
<svg width="336" height="193" viewBox="0 0 336 193" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_87_238" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="2" y="1" width="331" height="192">
<path d="M333 1H2V193H333V1Z" fill="white"/>
</mask>
<g mask="url(#mask0_87_238)">
<path d="M311.896 16.2256H20.1042C18.3898 16.2256 17 17.8487 17 19.8508V114.107C17 116.109 18.3898 117.732 20.1042 117.732H311.896C313.61 117.732 315 116.109 315 114.107V19.8508C315 17.8487 313.61 16.2256 311.896 16.2256Z" fill="#606A70"/>
<path d="M135.976 63H68.003C65.8267 63 64.0625 64.7909 64.0625 67V242C64.0625 244.209 65.8267 246 68.003 246H135.976C138.152 246 139.917 244.209 139.917 242V67C139.917 64.7909 138.152 63 135.976 63Z" fill="#0070F8"/>
<path d="M232.518 27.999H161.589C159.413 27.999 157.649 29.7899 157.649 31.999V214.999C157.649 217.208 159.413 218.999 161.589 218.999H232.518C234.694 218.999 236.458 217.208 236.458 214.999V31.999C236.458 29.7899 234.694 27.999 232.518 27.999Z" fill="#62E5F6"/>
<path d="M281.774 85H112.333C110.157 85 108.393 86.7909 108.393 89V158C108.393 160.209 110.157 162 112.333 162H281.774C283.95 162 285.714 160.209 285.714 158V89C285.714 86.7909 283.95 85 281.774 85Z" fill="#05CC93"/>
<path d="M98.5417 31H41.4048C39.2285 31 37.4643 32.7909 37.4643 35V91C37.4643 93.2091 39.2285 95 41.4048 95H98.5417C100.718 95 102.482 93.2091 102.482 91V35C102.482 32.7909 100.718 31 98.5417 31Z" fill="#7764FC"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

assets/site-images/templateImages/template-preview-persistent-invert.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M68.041 74.8865C68.041 70.233 71.8134 66.4606 76.4669 66.4606H117.694C122.347 66.4606 126.12 70.233 126.12 74.8865V116.114C126.12 120.767 122.347 124.539 117.694 124.539H76.4669C71.8134 124.539 68.041 120.767 68.041 116.114V74.8865Z" fill="#292D3A"/>
<path d="M139.461 74.8865C139.461 70.233 143.233 66.4606 147.887 66.4606H189.114C193.767 66.4606 197.54 70.233 197.54 74.8865V116.114C197.54 120.767 193.767 124.539 189.114 124.539H147.887C143.233 124.539 139.461 120.767 139.461 116.114V74.8865Z" fill="white" fill-opacity="0.1"/>
<path d="M210.881 74.8865C210.881 70.233 214.653 66.4606 219.307 66.4606H260.534C265.187 66.4606 268.96 70.233 268.96 74.8865V116.114C268.96 120.767 265.187 124.539 260.534 124.539H219.307C214.653 124.539 210.881 120.767 210.881 116.114V74.8865Z" fill="black" fill-opacity="0.12"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 930 B

assets/site-images/templateImages/template-preview-persistent.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M68.041 74.8865C68.041 70.233 71.8134 66.4606 76.4669 66.4606H117.694C122.347 66.4606 126.12 70.233 126.12 74.8865V116.114C126.12 120.767 122.347 124.539 117.694 124.539H76.4669C71.8134 124.539 68.041 120.767 68.041 116.114V74.8865Z" fill="white"/>
<path d="M139.461 74.8865C139.461 70.233 143.233 66.4606 147.887 66.4606H189.114C193.767 66.4606 197.54 70.233 197.54 74.8865V116.114C197.54 120.767 193.767 124.539 189.114 124.539H147.887C143.233 124.539 139.461 120.767 139.461 116.114V74.8865Z" fill="black" fill-opacity="0.08"/>
<path d="M210.881 74.8865C210.881 70.233 214.653 66.4606 219.307 66.4606H260.534C265.187 66.4606 268.96 70.233 268.96 74.8865V116.114C268.96 120.767 265.187 124.539 260.534 124.539H219.307C214.653 124.539 210.881 120.767 210.881 116.114V74.8865Z" fill="black" fill-opacity="0.12"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 929 B

assets/site-images/templateImages/template-preview-scrolling-pagination-invert.svg
+15
View File
@@ -0,0 +1,15 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M65.1627 160.088C65.3905 160.316 65.3905 160.685 65.1627 160.913C64.9349 161.141 64.5657 161.141 64.3378 160.913L60.8378 157.413C60.61 157.185 60.61 156.816 60.8378 156.588L64.3378 153.088C64.5657 152.86 64.9349 152.86 65.1627 153.088C65.3905 153.316 65.3905 153.685 65.1627 153.913L62.0752 157L65.1627 160.088Z" fill="white" fill-opacity="0.24"/>
<path d="M94.6294 162V153.838L92.5294 155.266V153.642L94.8394 151.99H96.5054V162H94.6294Z" fill="white"/>
<path d="M113 157C113 149.268 119.268 143 127 143H129C136.732 143 143 149.268 143 157C143 164.732 136.732 171 129 171H127C119.268 171 113 164.732 113 157Z" fill="white" fill-opacity="0.06"/>
<path d="M124.019 162V161.636L127.687 157.758C128.653 156.722 129.269 155.854 129.269 154.944C129.269 154.118 128.807 153.586 127.939 153.586C127.057 153.586 126.497 154.104 126.357 155.42H124.285C124.397 153.124 125.797 151.85 128.023 151.85C130.263 151.85 131.509 153.096 131.509 154.888C131.509 156.218 130.739 157.31 129.577 158.43L127.687 160.278H131.579V162H124.019Z" fill="#05CC93"/>
<path d="M160.895 162.14C158.515 162.14 157.213 160.824 157.129 158.92H158.809C158.921 159.956 159.509 160.726 160.853 160.726C162.155 160.726 162.757 160.11 162.757 159.116C162.757 158.024 162.169 157.478 160.951 157.478H160.181V156.148H160.895C162.043 156.148 162.561 155.616 162.561 154.678C162.561 153.866 162.043 153.278 161.007 153.278C159.943 153.278 159.257 153.908 159.145 154.916H157.493C157.591 153.18 158.893 151.864 161.035 151.864C163.107 151.864 164.339 153.04 164.339 154.538C164.339 155.672 163.681 156.372 162.715 156.722C163.877 157.002 164.647 157.814 164.647 159.13C164.647 160.992 163.191 162.14 160.895 162.14Z" fill="white"/>
<path d="M194.906 162V159.97H189.95V159.312L194.36 151.99H196.712V158.598H198.056V159.97H196.712V162H194.906ZM191.938 158.598H194.934V153.404L191.938 158.598Z" fill="white"/>
<path d="M223.837 153.913C223.61 153.685 223.61 153.316 223.837 153.088C224.065 152.86 224.434 152.86 224.662 153.088L228.162 156.588C228.39 156.816 228.39 157.185 228.162 157.413L224.662 160.913C224.434 161.141 224.065 161.141 223.837 160.913C223.61 160.685 223.61 160.316 223.837 160.088L226.925 157L223.837 153.913Z" fill="white"/>
<mask id="path-13-inside-1_195_460" fill="white">
<path d="M264 21H288V171H264V21Z"/>
</mask>
<path d="M264 21H288V171H264V21Z" fill="#1D1F27"/>
<path d="M288 21H287V171H288H289V21H288ZM264 171H265V21H264H263V171H264Z" fill="white" fill-opacity="0.12" mask="url(#path-13-inside-1_195_460)"/>
<rect x="268" y="23" width="16" height="53" rx="8" fill="#B1B9BE"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

assets/site-images/templateImages/template-preview-scrolling-pagination.svg
+15
View File
@@ -0,0 +1,15 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M65.1627 160.088C65.3905 160.316 65.3905 160.685 65.1627 160.913C64.9349 161.141 64.5657 161.141 64.3378 160.913L60.8378 157.413C60.61 157.185 60.61 156.816 60.8378 156.588L64.3378 153.088C64.5657 152.86 64.9349 152.86 65.1627 153.088C65.3905 153.316 65.3905 153.685 65.1627 153.913L62.0752 157L65.1627 160.088Z" fill="black" fill-opacity="0.24"/>
<path d="M94.6294 162V153.838L92.5294 155.266V153.642L94.8394 151.99H96.5054V162H94.6294Z" fill="#292D3A"/>
<path d="M113 157C113 149.268 119.268 143 127 143H129C136.732 143 143 149.268 143 157C143 164.732 136.732 171 129 171H127C119.268 171 113 164.732 113 157Z" fill="black" fill-opacity="0.04"/>
<path d="M124.019 162V161.636L127.687 157.758C128.653 156.722 129.269 155.854 129.269 154.944C129.269 154.118 128.807 153.586 127.939 153.586C127.057 153.586 126.497 154.104 126.357 155.42H124.285C124.397 153.124 125.797 151.85 128.023 151.85C130.263 151.85 131.509 153.096 131.509 154.888C131.509 156.218 130.739 157.31 129.577 158.43L127.687 160.278H131.579V162H124.019Z" fill="#006750"/>
<path d="M160.895 162.14C158.515 162.14 157.213 160.824 157.129 158.92H158.809C158.921 159.956 159.509 160.726 160.853 160.726C162.155 160.726 162.757 160.11 162.757 159.116C162.757 158.024 162.169 157.478 160.951 157.478H160.181V156.148H160.895C162.043 156.148 162.561 155.616 162.561 154.678C162.561 153.866 162.043 153.278 161.007 153.278C159.943 153.278 159.257 153.908 159.145 154.916H157.493C157.591 153.18 158.893 151.864 161.035 151.864C163.107 151.864 164.339 153.04 164.339 154.538C164.339 155.672 163.681 156.372 162.715 156.722C163.877 157.002 164.647 157.814 164.647 159.13C164.647 160.992 163.191 162.14 160.895 162.14Z" fill="#292D3A"/>
<path d="M194.906 162V159.97H189.95V159.312L194.36 151.99H196.712V158.598H198.056V159.97H196.712V162H194.906ZM191.938 158.598H194.934V153.404L191.938 158.598Z" fill="#292D3A"/>
<path d="M223.837 153.913C223.61 153.685 223.61 153.316 223.837 153.088C224.065 152.86 224.434 152.86 224.662 153.088L228.162 156.588C228.39 156.816 228.39 157.185 228.162 157.413L224.662 160.913C224.434 161.141 224.065 161.141 223.837 160.913C223.61 160.685 223.61 160.316 223.837 160.088L226.925 157L223.837 153.913Z" fill="#292D3A"/>
<mask id="path-13-inside-1_125_287" fill="white">
<path d="M264 21H288V171H264V21Z"/>
</mask>
<path d="M264 21H288V171H264V21Z" fill="white"/>
<path d="M288 21H287V171H288H289V21H288ZM264 171H265V21H264H263V171H264Z" fill="#D4D8DB" mask="url(#path-13-inside-1_125_287)"/>
<rect x="268" y="23" width="16" height="53" rx="8" fill="#7D8A92"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

assets/site-images/templateImages/template-preview-table-customize-invert.svg
+28
View File
@@ -0,0 +1,28 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="240" height="128" transform="translate(48 32)" fill="#292D3A"/>
<path d="M48 36C48 33.7909 49.7909 32 52 32H284C286.209 32 288 33.7909 288 36V156C288 158.209 286.209 160 284 160H52C49.7909 160 48 158.209 48 156V36Z" fill="#292D3A"/>
<path d="M137.119 52C137.119 50.8954 136.224 50 135.119 50H69.1191C68.0146 50 67.1191 50.8954 67.1191 52V60C67.1191 61.1046 68.0146 62 69.1191 62H135.119C136.224 62 137.119 61.1046 137.119 60V52Z" fill="#1D1F27"/>
<path d="M227.119 52C227.119 50.8954 226.224 50 225.119 50H199.119C198.015 50 197.119 50.8954 197.119 52V60C197.119 61.1046 198.015 62 199.119 62H225.119C226.224 62 227.119 61.1046 227.119 60V52Z" fill="#1D1F27"/>
<path d="M269.119 52C269.119 50.8954 268.224 50 267.119 50H241.119C240.015 50 239.119 50.8954 239.119 52V60C239.119 61.1046 240.015 62 241.119 62H267.119C268.224 62 269.119 61.1046 269.119 60V52Z" fill="#1D1F27"/>
<path d="M184.119 52C184.119 50.8954 183.224 50 182.119 50H151.119C150.015 50 149.119 50.8954 149.119 52V60C149.119 61.1046 150.015 62 151.119 62H182.119C183.224 62 184.119 61.1046 184.119 60V52Z" fill="#1D1F27"/>
<path d="M138 136C138 134.895 137.105 134 136 134H89C87.8954 134 87 134.895 87 136V140C87 141.105 87.8954 142 89 142H136C137.105 142 138 141.105 138 140V136Z" fill="#1D1F27"/>
<path d="M269 136C269 134.895 268.105 134 267 134H241C239.895 134 239 134.895 239 136V140C239 141.105 239.895 142 241 142H267C268.105 142 269 141.105 269 140V136Z" fill="#1D1F27"/>
<path d="M185 136C185 134.895 184.105 134 183 134H152C150.895 134 150 134.895 150 136V140C150 141.105 150.895 142 152 142H183C184.105 142 185 141.105 185 140V136Z" fill="#1D1F27"/>
<path d="M227 136C227 134.895 226.105 134 225 134H199C197.895 134 197 134.895 197 136V140C197 141.105 197.895 142 199 142H225C226.105 142 227 141.105 227 140V136Z" fill="#1D1F27"/>
<path d="M71 134C73.2091 134 75 135.791 75 138C75 140.209 73.2091 142 71 142C68.7909 142 67 140.209 67 138C67 135.791 68.7909 134 71 134Z" fill="#05CC93"/>
<path d="M138 116C138 114.895 137.105 114 136 114H89C87.8954 114 87 114.895 87 116V120C87 121.105 87.8954 122 89 122H136C137.105 122 138 121.105 138 120V116Z" fill="#1D1F27"/>
<path d="M269 116C269 114.895 268.105 114 267 114H241C239.895 114 239 114.895 239 116V120C239 121.105 239.895 122 241 122H267C268.105 122 269 121.105 269 120V116Z" fill="#1D1F27"/>
<path d="M185 116C185 114.895 184.105 114 183 114H152C150.895 114 150 114.895 150 116V120C150 121.105 150.895 122 152 122H183C184.105 122 185 121.105 185 120V116Z" fill="#1D1F27"/>
<path d="M227 116C227 114.895 226.105 114 225 114H199C197.895 114 197 114.895 197 116V120C197 121.105 197.895 122 199 122H225C226.105 122 227 121.105 227 120V116Z" fill="#1D1F27"/>
<path d="M71 114C73.2091 114 75 115.791 75 118C75 120.209 73.2091 122 71 122C68.7909 122 67 120.209 67 118C67 115.791 68.7909 114 71 114Z" fill="#05CC93"/>
<path d="M138 96C138 94.8954 137.105 94 136 94H89C87.8954 94 87 94.8954 87 96V100C87 101.105 87.8954 102 89 102H136C137.105 102 138 101.105 138 100V96Z" fill="#1D1F27"/>
<path d="M269 96C269 94.8954 268.105 94 267 94H241C239.895 94 239 94.8954 239 96V100C239 101.105 239.895 102 241 102H267C268.105 102 269 101.105 269 100V96Z" fill="#1D1F27"/>
<path d="M185 96C185 94.8954 184.105 94 183 94H152C150.895 94 150 94.8954 150 96V100C150 101.105 150.895 102 152 102H183C184.105 102 185 101.105 185 100V96Z" fill="#1D1F27"/>
<path d="M227 96C227 94.8954 226.105 94 225 94H199C197.895 94 197 94.8954 197 96V100C197 101.105 197.895 102 199 102H225C226.105 102 227 101.105 227 100V96Z" fill="#1D1F27"/>
<path d="M70.4895 94.4825C70.6999 94.0618 71.3003 94.0618 71.5107 94.4825L74.7732 101.008C74.9629 101.387 74.6869 101.834 74.2626 101.834H67.7376C67.3132 101.834 67.0372 101.387 67.227 101.008L70.4895 94.4825Z" fill="#EC8C25"/>
<path d="M138 76C138 74.8954 137.105 74 136 74H89C87.8954 74 87 74.8954 87 76V80C87 81.1046 87.8954 82 89 82H136C137.105 82 138 81.1046 138 80V76Z" fill="#1D1F27"/>
<path d="M269 76C269 74.8954 268.105 74 267 74H241C239.895 74 239 74.8954 239 76V80C239 81.1046 239.895 82 241 82H267C268.105 82 269 81.1046 269 80V76Z" fill="#1D1F27"/>
<path d="M185 76C185 74.8954 184.105 74 183 74H152C150.895 74 150 74.8954 150 76V80C150 81.1046 150.895 82 152 82H183C184.105 82 185 81.1046 185 80V76Z" fill="#1D1F27"/>
<path d="M227 76C227 74.8954 226.105 74 225 74H199C197.895 74 197 74.8954 197 76V80C197 81.1046 197.895 82 199 82H225C226.105 82 227 81.1046 227 80V76Z" fill="#1D1F27"/>
<path d="M70.6159 74.1591C70.828 73.947 71.172 73.947 71.3841 74.1591L74.8409 77.6159C75.053 77.828 75.053 78.172 74.8409 78.3841L71.3841 81.8409C71.172 82.053 70.828 82.053 70.6159 81.8409L67.1591 78.3841C66.947 78.172 66.947 77.828 67.1591 77.6159L70.6159 74.1591Z" fill="#FC6161"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

assets/site-images/templateImages/template-preview-table-customize.svg
+28
View File
@@ -0,0 +1,28 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="240" height="128" transform="translate(48 32)" fill="white"/>
<path d="M48 36C48 33.7909 49.7909 32 52 32H284C286.209 32 288 33.7909 288 36V156C288 158.209 286.209 160 284 160H52C49.7909 160 48 158.209 48 156V36Z" fill="white"/>
<path d="M137.119 52C137.119 50.8954 136.224 50 135.119 50H69.1191C68.0146 50 67.1191 50.8954 67.1191 52V60C67.1191 61.1046 68.0146 62 69.1191 62H135.119C136.224 62 137.119 61.1046 137.119 60V52Z" fill="#F7F7F7"/>
<path d="M227.119 52C227.119 50.8954 226.224 50 225.119 50H199.119C198.015 50 197.119 50.8954 197.119 52V60C197.119 61.1046 198.015 62 199.119 62H225.119C226.224 62 227.119 61.1046 227.119 60V52Z" fill="#F7F7F7"/>
<path d="M269.119 52C269.119 50.8954 268.224 50 267.119 50H241.119C240.015 50 239.119 50.8954 239.119 52V60C239.119 61.1046 240.015 62 241.119 62H267.119C268.224 62 269.119 61.1046 269.119 60V52Z" fill="#F7F7F7"/>
<path d="M184.119 52C184.119 50.8954 183.224 50 182.119 50H151.119C150.015 50 149.119 50.8954 149.119 52V60C149.119 61.1046 150.015 62 151.119 62H182.119C183.224 62 184.119 61.1046 184.119 60V52Z" fill="#F7F7F7"/>
<path d="M138 136C138 134.895 137.105 134 136 134H89C87.8954 134 87 134.895 87 136V140C87 141.105 87.8954 142 89 142H136C137.105 142 138 141.105 138 140V136Z" fill="#F7F7F7"/>
<path d="M269 136C269 134.895 268.105 134 267 134H241C239.895 134 239 134.895 239 136V140C239 141.105 239.895 142 241 142H267C268.105 142 269 141.105 269 140V136Z" fill="#F7F7F7"/>
<path d="M185 136C185 134.895 184.105 134 183 134H152C150.895 134 150 134.895 150 136V140C150 141.105 150.895 142 152 142H183C184.105 142 185 141.105 185 140V136Z" fill="#F7F7F7"/>
<path d="M227 136C227 134.895 226.105 134 225 134H199C197.895 134 197 134.895 197 136V140C197 141.105 197.895 142 199 142H225C226.105 142 227 141.105 227 140V136Z" fill="#F7F7F7"/>
<path d="M71 134C73.2091 134 75 135.791 75 138C75 140.209 73.2091 142 71 142C68.7909 142 67 140.209 67 138C67 135.791 68.7909 134 71 134Z" fill="#009A71"/>
<path d="M138 116C138 114.895 137.105 114 136 114H89C87.8954 114 87 114.895 87 116V120C87 121.105 87.8954 122 89 122H136C137.105 122 138 121.105 138 120V116Z" fill="#F7F7F7"/>
<path d="M269 116C269 114.895 268.105 114 267 114H241C239.895 114 239 114.895 239 116V120C239 121.105 239.895 122 241 122H267C268.105 122 269 121.105 269 120V116Z" fill="#F7F7F7"/>
<path d="M185 116C185 114.895 184.105 114 183 114H152C150.895 114 150 114.895 150 116V120C150 121.105 150.895 122 152 122H183C184.105 122 185 121.105 185 120V116Z" fill="#F7F7F7"/>
<path d="M227 116C227 114.895 226.105 114 225 114H199C197.895 114 197 114.895 197 116V120C197 121.105 197.895 122 199 122H225C226.105 122 227 121.105 227 120V116Z" fill="#F7F7F7"/>
<path d="M71 114C73.2091 114 75 115.791 75 118C75 120.209 73.2091 122 71 122C68.7909 122 67 120.209 67 118C67 115.791 68.7909 114 71 114Z" fill="#009A71"/>
<path d="M138 96C138 94.8954 137.105 94 136 94H89C87.8954 94 87 94.8954 87 96V100C87 101.105 87.8954 102 89 102H136C137.105 102 138 101.105 138 100V96Z" fill="#F7F7F7"/>
<path d="M269 96C269 94.8954 268.105 94 267 94H241C239.895 94 239 94.8954 239 96V100C239 101.105 239.895 102 241 102H267C268.105 102 269 101.105 269 100V96Z" fill="#F7F7F7"/>
<path d="M185 96C185 94.8954 184.105 94 183 94H152C150.895 94 150 94.8954 150 96V100C150 101.105 150.895 102 152 102H183C184.105 102 185 101.105 185 100V96Z" fill="#F7F7F7"/>
<path d="M227 96C227 94.8954 226.105 94 225 94H199C197.895 94 197 94.8954 197 96V100C197 101.105 197.895 102 199 102H225C226.105 102 227 101.105 227 100V96Z" fill="#F7F7F7"/>
<path d="M70.4895 94.4825C70.6999 94.0618 71.3003 94.0618 71.5107 94.4825L74.7732 101.008C74.9629 101.387 74.6869 101.834 74.2626 101.834H67.7376C67.3132 101.834 67.0372 101.387 67.227 101.008L70.4895 94.4825Z" fill="#D36D00"/>
<path d="M138 76C138 74.8954 137.105 74 136 74H89C87.8954 74 87 74.8954 87 76V80C87 81.1046 87.8954 82 89 82H136C137.105 82 138 81.1046 138 80V76Z" fill="#F7F7F7"/>
<path d="M269 76C269 74.8954 268.105 74 267 74H241C239.895 74 239 74.8954 239 76V80C239 81.1046 239.895 82 241 82H267C268.105 82 269 81.1046 269 80V76Z" fill="#F7F7F7"/>
<path d="M185 76C185 74.8954 184.105 74 183 74H152C150.895 74 150 74.8954 150 76V80C150 81.1046 150.895 82 152 82H183C184.105 82 185 81.1046 185 80V76Z" fill="#F7F7F7"/>
<path d="M227 76C227 74.8954 226.105 74 225 74H199C197.895 74 197 74.8954 197 76V80C197 81.1046 197.895 82 199 82H225C226.105 82 227 81.1046 227 80V76Z" fill="#F7F7F7"/>
<path d="M70.6159 74.1591C70.828 73.947 71.172 73.947 71.3841 74.1591L74.8409 77.6159C75.053 77.828 75.053 78.172 74.8409 78.3841L71.3841 81.8409C71.172 82.053 70.828 82.053 70.6159 81.8409L67.1591 78.3841C66.947 78.172 66.947 77.828 67.1591 77.6159L70.6159 74.1591Z" fill="#EC3331"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

assets/site-images/templateImages/template-preview-wizard-invert.svg
+11
View File
@@ -0,0 +1,11 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M54.2114 60.1102C54.2114 56.8456 56.8578 54.1992 60.1221 54.1992H274.878C278.143 54.1992 280.789 56.8456 280.789 60.1102V131.041C280.789 134.306 278.143 136.952 274.878 136.952H60.1221C56.8578 136.952 54.2114 134.306 54.2114 131.041V60.1102Z" fill="#292D3A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.5 81.792C104.347 81.792 110.708 88.1533 110.708 96.0003C110.708 103.847 104.347 110.209 96.5 110.209C88.6529 110.209 82.2917 103.847 82.2917 96.0003C82.2917 88.1533 88.6529 81.792 96.5 81.792Z" fill="#05CC93"/>
<path d="M100.572 90.1487C100.95 89.5441 101.747 89.3608 102.351 89.7388C102.956 90.117 103.139 90.9138 102.761 91.5186L96.3031 101.852C96.0945 102.185 95.7454 102.405 95.3545 102.45C94.9634 102.494 94.5733 102.359 94.295 102.08L90.42 98.2052C89.9156 97.7008 89.9156 96.8832 90.42 96.3787C90.9244 95.8743 91.742 95.8743 92.2465 96.3787L94.9723 99.1046L100.572 90.1487Z" fill="#292D3A"/>
<rect x="115" y="94" width="30" height="4" rx="2" fill="white" fill-opacity="0.36"/>
<path d="M148 96C148 87.1634 155.163 80 164 80C172.837 80 180 87.1634 180 96C180 104.837 172.837 112 164 112C155.163 112 148 104.837 148 96Z" fill="#05CC93"/>
<path d="M178.667 95.9997C178.667 104.1 172.1 110.666 164 110.666C155.9 110.666 149.333 104.1 149.333 95.9997C149.333 87.8995 155.9 81.333 164 81.333C172.1 81.333 178.667 87.8995 178.667 95.9997Z" fill="#05CC93"/>
<path d="M172 96C172 100.418 168.418 104 164 104C159.582 104 156 100.418 156 96C156 91.5817 159.582 88 164 88C168.418 88 172 91.5817 172 96Z" fill="#292D3A"/>
<rect x="183" y="94" width="30" height="4" rx="2" fill="white" fill-opacity="0.36"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M231.5 81.792C239.347 81.792 245.708 88.1533 245.708 96.0003C245.708 103.847 239.347 110.209 231.5 110.209C223.653 110.209 217.292 103.847 217.292 96.0003C217.292 88.1533 223.653 81.792 231.5 81.792ZM231.5 84.3753C225.08 84.3753 219.875 89.58 219.875 96.0003C219.875 102.421 225.08 107.625 231.5 107.625C237.92 107.625 243.125 102.421 243.125 96.0003C243.125 89.58 237.92 84.3753 231.5 84.3753Z" fill="#B1B9BE"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

assets/site-images/templateImages/template-preview-wizard.svg
+11
View File
@@ -0,0 +1,11 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M54.2114 60.1102C54.2114 56.8456 56.8578 54.1992 60.1221 54.1992H274.878C278.143 54.1992 280.789 56.8456 280.789 60.1102V131.041C280.789 134.306 278.143 136.952 274.878 136.952H60.1221C56.8578 136.952 54.2114 134.306 54.2114 131.041V60.1102Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.5 81.792C104.347 81.792 110.708 88.1533 110.708 96.0003C110.708 103.847 104.347 110.209 96.5 110.209C88.6529 110.209 82.2917 103.847 82.2917 96.0003C82.2917 88.1533 88.6529 81.792 96.5 81.792Z" fill="#068667"/>
<path d="M100.572 90.1487C100.95 89.5441 101.747 89.3608 102.351 89.7388C102.956 90.117 103.139 90.9138 102.761 91.5186L96.3031 101.852C96.0945 102.185 95.7454 102.405 95.3545 102.45C94.9634 102.494 94.5733 102.359 94.295 102.08L90.42 98.2052C89.9156 97.7008 89.9156 96.8832 90.42 96.3787C90.9244 95.8743 91.742 95.8743 92.2465 96.3787L94.9723 99.1046L100.572 90.1487Z" fill="white"/>
<rect x="115" y="94" width="30" height="4" rx="2" fill="#B1B9BE"/>
<path d="M148 96C148 87.1634 155.163 80 164 80C172.837 80 180 87.1634 180 96C180 104.837 172.837 112 164 112C155.163 112 148 104.837 148 96Z" fill="#068667"/>
<path d="M178.667 95.9997C178.667 104.1 172.1 110.666 164 110.666C155.9 110.666 149.333 104.1 149.333 95.9997C149.333 87.8995 155.9 81.333 164 81.333C172.1 81.333 178.667 87.8995 178.667 95.9997Z" fill="#068667"/>
<path d="M172 96C172 100.418 168.418 104 164 104C159.582 104 156 100.418 156 96C156 91.5817 159.582 88 164 88C168.418 88 172 91.5817 172 96Z" fill="white"/>
<rect x="183" y="94" width="30" height="4" rx="2" fill="#B1B9BE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M231.5 81.792C239.347 81.792 245.708 88.1533 245.708 96.0003C245.708 103.847 239.347 110.209 231.5 110.209C223.653 110.209 217.292 103.847 217.292 96.0003C217.292 88.1533 223.653 81.792 231.5 81.792ZM231.5 84.3753C225.08 84.3753 219.875 89.58 219.875 96.0003C219.875 102.421 225.08 107.625 231.5 107.625C237.92 107.625 243.125 102.421 243.125 96.0003C243.125 89.58 237.92 84.3753 231.5 84.3753Z" fill="#606A70"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB