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/foundationImages/accessibilityImages/Operable-visual-element-invert.svg
+50
View File
@@ -0,0 +1,50 @@
<svg width="280" height="280" viewBox="0 0 280 280" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="280" height="280" rx="10" fill="#404B5C"/>
<path d="M143.139 145C143.139 148.071 142.791 151.326 143.197 154.377C143.782 158.76 149.48 160.635 153.544 161.29C162.656 162.758 172.401 162.768 181.497 161.303C190.494 159.854 197.816 158.064 206.976 159.22C209.78 159.573 213.973 160.5 216.563 162C220.189 164 222.518 166 224.334 168C227.511 171.5 229.094 176.064 228.996 182.5C228.889 189.5 224.334 193.5 221.245 196.026C218.157 198.552 207.453 201 203.612 201" stroke="white" stroke-width="5" stroke-linecap="round"/>
<rect x="75.5" y="174.5" width="128" height="52" rx="5.5" fill="#404B5C" stroke="white" stroke-width="5"/>
<rect x="181.5" y="187.5" width="9" height="7" rx="1.5" fill="white" stroke="white"/>
<g filter="url(#filter0_d_514_204)">
<rect x="180" y="208" width="11" height="9" rx="2" fill="#01A982"/>
<rect x="180.5" y="208.5" width="10" height="8" rx="1.5" stroke="white"/>
</g>
<rect x="90.5" y="187.5" width="9" height="7" rx="1.5" fill="white" stroke="white"/>
<rect x="90.5" y="208.5" width="9" height="7" rx="1.5" fill="white" stroke="white"/>
<rect x="120.5" y="187.5" width="9" height="7" rx="1.5" fill="white" stroke="white"/>
<rect x="113.5" y="208.5" width="53" height="7" rx="2.5" fill="white" stroke="white"/>
<rect x="150.5" y="187.5" width="9" height="7" rx="1.5" fill="white" stroke="white"/>
<rect x="57.5" y="67.5" width="165" height="75" rx="2.5" fill="#01A982" stroke="white" stroke-width="5"/>
<g clip-path="url(#clip0_514_204)">
<rect width="29" height="29" transform="translate(207 92) rotate(90)" fill="#01A982"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M207 106.5C207 98.4919 200.508 92 192.5 92C184.492 92 178 98.4919 178 106.5C178 114.508 184.492 121 192.5 121C200.508 121 207 114.508 207 106.5ZM192.5 94.4167C199.173 94.4167 204.583 99.8266 204.583 106.5C204.583 113.173 199.173 118.583 192.5 118.583C185.827 118.583 180.417 113.173 180.417 106.5C180.417 99.8266 185.827 94.4167 192.5 94.4167ZM200.25 106.5L193.354 113.396L191.646 111.687L195.625 107.708L185.25 107.708L185.25 105.292L195.624 105.292L191.646 101.313L193.354 99.604L200.25 106.5Z" fill="#404B5C"/>
</g>
<g clip-path="url(#clip1_514_204)">
<rect width="29" height="29" transform="translate(73 121) rotate(-90)" fill="#01A982"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M73 106.5C73 114.508 79.4919 121 87.5 121C95.5081 121 102 114.508 102 106.5C102 98.4919 95.5081 92 87.5 92C79.4919 92 73 98.4919 73 106.5ZM87.5 118.583C80.8266 118.583 75.4167 113.173 75.4167 106.5C75.4167 99.8266 80.8266 94.4167 87.5 94.4167C94.1734 94.4167 99.5833 99.8266 99.5833 106.5C99.5833 113.173 94.1734 118.583 87.5 118.583ZM79.7495 106.5L86.6456 99.6038L88.3545 101.313L84.3755 105.292L94.75 105.292L94.75 107.708L84.3756 107.708L88.3545 111.687L86.6456 113.396L79.7495 106.5Z" fill="#404B5C"/>
</g>
<rect width="29" height="29" transform="translate(108 92)" fill="#01A982"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M122.5 92C114.492 92 108 98.4919 108 106.5C108 114.508 114.492 121 122.5 121C130.508 121 137 114.508 137 106.5C137 98.4919 130.508 92 122.5 92ZM110.417 106.5C110.417 99.8266 115.827 94.4167 122.5 94.4167C129.173 94.4167 134.583 99.8266 134.583 106.5C134.583 113.173 129.173 118.583 122.5 118.583C115.827 118.583 110.417 113.173 110.417 106.5ZM122.5 98.7495L129.396 105.646L127.687 107.354L123.708 103.375V113.75H121.292V103.376L117.313 107.354L115.604 105.646L122.5 98.7495Z" fill="#404B5C"/>
<g clip-path="url(#clip2_514_204)">
<rect width="29" height="29" transform="translate(172 121) rotate(-180)" fill="#01A982"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M157.5 121C165.508 121 172 114.508 172 106.5C172 98.4919 165.508 92 157.5 92C149.492 92 143 98.4919 143 106.5C143 114.508 149.492 121 157.5 121ZM169.583 106.5C169.583 113.173 164.173 118.583 157.5 118.583C150.827 118.583 145.417 113.173 145.417 106.5C145.417 99.8266 150.827 94.4167 157.5 94.4167C164.173 94.4167 169.583 99.8266 169.583 106.5ZM157.5 114.25L150.604 107.354L152.313 105.646L156.292 109.625L156.292 99.25L158.708 99.25L158.708 109.624L162.687 105.646L164.396 107.354L157.5 114.25Z" fill="#404B5C"/>
</g>
<defs>
<filter id="filter0_d_514_204" x="176" y="206" width="19" height="17" 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="2"/>
<feGaussianBlur stdDeviation="2"/>
<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_514_204"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_514_204" result="shape"/>
</filter>
<clipPath id="clip0_514_204">
<rect width="29" height="29" fill="white" transform="translate(207 92) rotate(90)"/>
</clipPath>
<clipPath id="clip1_514_204">
<rect width="29" height="29" fill="white" transform="translate(73 121) rotate(-90)"/>
</clipPath>
<clipPath id="clip2_514_204">
<rect width="29" height="29" fill="white" transform="translate(172 121) rotate(-180)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

assets/site-images/foundationImages/accessibilityImages/Operable-visual-element.svg
+50
View File
@@ -0,0 +1,50 @@
<svg width="280" height="280" viewBox="0 0 280 280" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="280" height="280" rx="10" fill="white"/>
<path d="M143.139 145C143.139 148.071 142.791 151.326 143.197 154.377C143.782 158.76 149.48 160.635 153.544 161.29C162.656 162.758 172.401 162.768 181.497 161.303C190.494 159.854 197.816 158.064 206.976 159.22C209.78 159.573 213.973 160.5 216.563 162C220.189 164 222.518 166 224.334 168C227.511 171.5 229.094 176.064 228.996 182.5C228.889 189.5 224.334 193.5 221.245 196.026C218.157 198.552 207.453 201 203.612 201" stroke="#444444" stroke-width="5" stroke-linecap="round"/>
<rect x="75.5" y="174.5" width="128" height="52" rx="5.5" fill="white" stroke="#444444" stroke-width="5"/>
<rect x="181.5" y="187.5" width="9" height="7" rx="1.5" fill="#444444" stroke="#444444"/>
<g filter="url(#filter0_d_488_327)">
<rect x="180" y="208" width="11" height="9" rx="2" fill="#01A982"/>
<rect x="180.5" y="208.5" width="10" height="8" rx="1.5" stroke="black"/>
</g>
<rect x="90.5" y="187.5" width="9" height="7" rx="1.5" fill="#444444" stroke="#444444"/>
<rect x="90.5" y="208.5" width="9" height="7" rx="1.5" fill="#444444" stroke="#444444"/>
<rect x="120.5" y="187.5" width="9" height="7" rx="1.5" fill="#444444" stroke="#444444"/>
<rect x="113.5" y="208.5" width="53" height="7" rx="2.5" fill="#444444" stroke="#444444"/>
<rect x="150.5" y="187.5" width="9" height="7" rx="1.5" fill="#444444" stroke="#444444"/>
<rect x="57.5" y="67.5" width="165" height="75" rx="2.5" fill="#01A982" stroke="#444444" stroke-width="5"/>
<g clip-path="url(#clip0_488_327)">
<rect width="29" height="29" transform="translate(207 92) rotate(90)" fill="#01A982"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M207 106.5C207 98.4919 200.508 92 192.5 92C184.492 92 178 98.4919 178 106.5C178 114.508 184.492 121 192.5 121C200.508 121 207 114.508 207 106.5ZM192.5 94.4167C199.173 94.4167 204.583 99.8266 204.583 106.5C204.583 113.173 199.173 118.583 192.5 118.583C185.827 118.583 180.417 113.173 180.417 106.5C180.417 99.8266 185.827 94.4167 192.5 94.4167ZM200.25 106.5L193.354 113.396L191.646 111.687L195.625 107.708L185.25 107.708L185.25 105.292L195.624 105.292L191.646 101.313L193.354 99.604L200.25 106.5Z" fill="white"/>
</g>
<g clip-path="url(#clip1_488_327)">
<rect width="29" height="29" transform="translate(73 121) rotate(-90)" fill="#01A982"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M73 106.5C73 114.508 79.4919 121 87.5 121C95.5081 121 102 114.508 102 106.5C102 98.4919 95.5081 92 87.5 92C79.4919 92 73 98.4919 73 106.5ZM87.5 118.583C80.8266 118.583 75.4167 113.173 75.4167 106.5C75.4167 99.8266 80.8266 94.4167 87.5 94.4167C94.1734 94.4167 99.5833 99.8266 99.5833 106.5C99.5833 113.173 94.1734 118.583 87.5 118.583ZM79.7495 106.5L86.6456 99.6038L88.3545 101.313L84.3755 105.292L94.75 105.292L94.75 107.708L84.3756 107.708L88.3545 111.687L86.6456 113.396L79.7495 106.5Z" fill="white"/>
</g>
<rect width="29" height="29" transform="translate(108 92)" fill="#01A982"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M122.5 92C114.492 92 108 98.4919 108 106.5C108 114.508 114.492 121 122.5 121C130.508 121 137 114.508 137 106.5C137 98.4919 130.508 92 122.5 92ZM110.417 106.5C110.417 99.8266 115.827 94.4167 122.5 94.4167C129.173 94.4167 134.583 99.8266 134.583 106.5C134.583 113.173 129.173 118.583 122.5 118.583C115.827 118.583 110.417 113.173 110.417 106.5ZM122.5 98.7495L129.396 105.646L127.687 107.354L123.708 103.375V113.75H121.292V103.376L117.313 107.354L115.604 105.646L122.5 98.7495Z" fill="white"/>
<g clip-path="url(#clip2_488_327)">
<rect width="29" height="29" transform="translate(172 121) rotate(-180)" fill="#01A982"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M157.5 121C165.508 121 172 114.508 172 106.5C172 98.4919 165.508 92 157.5 92C149.492 92 143 98.4919 143 106.5C143 114.508 149.492 121 157.5 121ZM169.583 106.5C169.583 113.173 164.173 118.583 157.5 118.583C150.827 118.583 145.417 113.173 145.417 106.5C145.417 99.8266 150.827 94.4167 157.5 94.4167C164.173 94.4167 169.583 99.8266 169.583 106.5ZM157.5 114.25L150.604 107.354L152.313 105.646L156.292 109.625L156.292 99.25L158.708 99.25L158.708 109.624L162.687 105.646L164.396 107.354L157.5 114.25Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_488_327" x="176" y="206" width="19" height="17" 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="2"/>
<feGaussianBlur stdDeviation="2"/>
<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_488_327"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_488_327" result="shape"/>
</filter>
<clipPath id="clip0_488_327">
<rect width="29" height="29" fill="white" transform="translate(207 92) rotate(90)"/>
</clipPath>
<clipPath id="clip1_488_327">
<rect width="29" height="29" fill="white" transform="translate(73 121) rotate(-90)"/>
</clipPath>
<clipPath id="clip2_488_327">
<rect width="29" height="29" fill="white" transform="translate(172 121) rotate(-180)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

assets/site-images/foundationImages/accessibilityImages/Perceivable-visual-element-invert.svg
+18
View File
@@ -0,0 +1,18 @@
<svg width="280" height="282" viewBox="0 0 280 282" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="2" width="280" height="280" rx="10" fill="#EFEFEF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.47715 0 0 4.47716 0 10V272C0 277.523 4.47715 282 10 282H270C275.523 282 280 277.523 280 272V186.357L64.7853 187.775L64.7655 184.775L280 183.357V164.357L64.6404 165.775L64.6207 162.775L280 161.357V142.357L64.4956 143.776L64.4758 140.776L280 139.356V120.356L64.3507 121.776L64.331 118.776L280 117.356V98.3556L64.2058 99.7765L64.1861 96.7765L280 95.3555V10C280 4.47715 275.523 0 270 0H10Z" fill="#404B5C"/>
<path d="M196.5 107.5C166.075 91.8261 134.167 97.8331 113.5 104L148 187L178.5 181L209 165.5L221.5 150L215 141.5L223 129.5C223 129.5 213 116 196.5 107.5Z" fill="#404B5C"/>
<path d="M91 152.701C112.618 126.892 169.75 90.7597 225.338 152.701" stroke="white" stroke-width="5"/>
<path d="M224.838 149.299C203.221 175.107 146.588 212.941 91.0001 151" stroke="white" stroke-width="5"/>
<path d="M91 130.201C112.618 104.392 169.912 70.0588 225.5 132" stroke="white" stroke-width="5"/>
<path d="M225 129C203.382 154.809 147.25 192.142 91.6618 130.201" stroke="white" stroke-width="5"/>
<path d="M0 10C0 4.47716 4.47715 0 10 0H150V282H10C4.47715 282 0 277.523 0 272V10Z" fill="#01A982"/>
<path d="M150 97.5C138.5 97.5 105.5 102.5 81 130.804" stroke="#404B5C" stroke-width="5"/>
<path d="M150 163.958C133.765 164.599 105.353 155.644 81 127.5" stroke="#404B5C" stroke-width="5"/>
<path d="M150 118.5C138.5 118.5 106.706 123.657 81 154.517" stroke="#404B5C" stroke-width="5"/>
<path d="M150 185.965C133.765 186.558 105.353 177.064 81 151" stroke="#404B5C" stroke-width="5"/>
<path d="M129 79.5L115 43.5M90.5 92L73 68" stroke="#404B5C" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M42 110L64 118.5" stroke="#404B5C" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M42 171.5L64 163" stroke="#404B5C" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M113 237.5L128.941 201.162M71.4999 207.362L88.798 183.216" stroke="#404B5C" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

assets/site-images/foundationImages/accessibilityImages/Perceivable-visual-element.svg
+18
View File
@@ -0,0 +1,18 @@
<svg width="280" height="280" viewBox="0 0 280 280" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="1.98584" width="280" height="278.014" rx="10" fill="#EFEFEF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.47715 0 0 4.47715 0 10V270C0 275.523 4.47715 280 10 280H270C275.523 280 280 275.523 280 270V184.357L64.7854 185.775L64.7656 182.775L280 181.357V162.357L64.6405 163.775L64.6207 160.775L280 159.357V140.357L64.4956 141.776L64.4759 138.776L280 137.356V118.356L64.3508 119.776L64.331 116.776L280 115.356V96.3556L64.2059 97.7765L64.1862 94.7765L280 93.3555V10C280 4.47715 275.523 0 270 0H10Z" fill="white"/>
<path d="M196.5 106.737C166.075 91.1746 134.167 97.1391 113.5 103.262L148 185.673L178.5 179.716L209 164.326L221.5 148.936L215 140.496L223 128.581C223 128.581 213 115.177 196.5 106.737Z" fill="white"/>
<path d="M91 151.618C112.618 125.992 169.75 90.1162 225.338 151.618" stroke="#444444" stroke-width="5"/>
<path d="M224.838 148.24C203.221 173.865 146.588 211.431 91.0001 149.929" stroke="#444444" stroke-width="5"/>
<path d="M91 129.277C112.618 103.651 169.912 69.5619 225.5 131.064" stroke="#444444" stroke-width="5"/>
<path d="M225 128.085C203.382 153.711 147.25 190.779 91.6618 129.278" stroke="#444444" stroke-width="5"/>
<path d="M0 10C0 4.47715 4.47715 0 10 0H150V280H10C4.47715 280 0 275.523 0 270V10Z" fill="#01A982"/>
<path d="M150 96.8086C138.5 96.8086 105.5 101.773 81 129.877" stroke="white" stroke-width="5"/>
<path d="M150 162.795C133.765 163.432 105.353 154.541 81 126.596" stroke="white" stroke-width="5"/>
<path d="M150 117.66C138.5 117.66 106.706 122.78 81 153.422" stroke="white" stroke-width="5"/>
<path d="M150 184.646C133.765 185.236 105.353 175.808 81 149.929" stroke="white" stroke-width="5"/>
<path d="M129 78.9361L115 43.1914M90.5 91.3474L73 67.5176" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M42 109.22L64 117.659" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M42 170.284L64 161.844" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M113 235.816L128.941 199.736M71.4999 205.891L88.798 181.917" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

assets/site-images/foundationImages/accessibilityImages/Robust-visual-element-invert.svg
+15
View File
@@ -0,0 +1,15 @@
<svg width="280" height="280" viewBox="0 0 280 280" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="280" height="280" rx="10" fill="#404B5C"/>
<path d="M121 83H199" stroke="white" stroke-width="5" stroke-linecap="round"/>
<rect x="65" y="127" width="137" height="16" rx="4" fill="#263040"/>
<path d="M121 111H199" stroke="white" stroke-width="5" stroke-linecap="round"/>
<path d="M121 97H199" stroke="white" stroke-width="5" stroke-linecap="round"/>
<rect x="41.5" y="57.5" width="193" height="100" rx="3.5" stroke="white" stroke-width="5"/>
<rect x="150.5" y="252.5" width="116" height="69" rx="3.5" transform="rotate(-90 150.5 252.5)" fill="#01A982" stroke="white" stroke-width="5"/>
<rect x="67" y="76" width="36" height="39" rx="4" fill="#01A982" stroke="white" stroke-width="4"/>
<rect x="167" y="160" width="36" height="39" rx="4" fill="#01A982" stroke="white" stroke-width="4"/>
<path d="M171 215H199" stroke="white" stroke-width="4" stroke-linecap="round"/>
<path d="M171 231H199" stroke="white" stroke-width="4" stroke-linecap="round"/>
<path d="M171 223H199" stroke="white" stroke-width="4" stroke-linecap="round"/>
<path d="M92 202H89.5C89.5 203.381 90.6193 204.5 92 204.5V202ZM89.5 165.25C89.5 166.631 90.6193 167.75 92 167.75C93.3807 167.75 94.5 166.631 94.5 165.25H89.5ZM94.5 175.75C94.5 174.369 93.3807 173.25 92 173.25C90.6193 173.25 89.5 174.369 89.5 175.75H94.5ZM89.5 186.25C89.5 187.631 90.6193 188.75 92 188.75C93.3807 188.75 94.5 187.631 94.5 186.25H89.5ZM94.5 196.75C94.5 195.369 93.3807 194.25 92 194.25C90.6193 194.25 89.5 195.369 89.5 196.75H94.5ZM99 204.5C100.381 204.5 101.5 203.381 101.5 202C101.5 200.619 100.381 199.5 99 199.5V204.5ZM113 199.5C111.619 199.5 110.5 200.619 110.5 202C110.5 203.381 111.619 204.5 113 204.5V199.5ZM127 204.5C128.381 204.5 129.5 203.381 129.5 202C129.5 200.619 128.381 199.5 127 199.5V204.5ZM141 199.5C139.619 199.5 138.5 200.619 138.5 202C138.5 203.381 139.619 204.5 141 204.5V199.5ZM89.5 160V165.25H94.5V160H89.5ZM89.5 175.75V186.25H94.5V175.75H89.5ZM89.5 196.75V202H94.5V196.75H89.5ZM92 204.5H99V199.5H92V204.5ZM113 204.5H127V199.5H113V204.5ZM141 204.5H148V199.5H141V204.5Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

assets/site-images/foundationImages/accessibilityImages/Robust-visual-element.svg
+15
View File
@@ -0,0 +1,15 @@
<svg width="280" height="280" viewBox="0 0 280 280" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="280" height="280" rx="10" fill="white"/>
<path d="M121 83H199" stroke="#444444" stroke-width="5" stroke-linecap="round"/>
<rect x="65" y="127" width="137" height="16" rx="4" fill="#EFEFEF"/>
<path d="M121 111H199" stroke="#444444" stroke-width="5" stroke-linecap="round"/>
<path d="M121 97H199" stroke="#444444" stroke-width="5" stroke-linecap="round"/>
<rect x="41.5" y="57.5" width="193" height="100" rx="3.5" stroke="#444444" stroke-width="5"/>
<rect x="150.5" y="252.5" width="116" height="69" rx="3.5" transform="rotate(-90 150.5 252.5)" fill="#01A982" stroke="#444444" stroke-width="5"/>
<rect x="67" y="76" width="36" height="39" rx="4" fill="#01A982" stroke="#444444" stroke-width="4"/>
<rect x="167" y="160" width="36" height="39" rx="4" fill="#01A982" stroke="#444444" stroke-width="4"/>
<path d="M171 215H199" stroke="#444444" stroke-width="4" stroke-linecap="round"/>
<path d="M171 231H199" stroke="#444444" stroke-width="4" stroke-linecap="round"/>
<path d="M171 223H199" stroke="#444444" stroke-width="4" stroke-linecap="round"/>
<path d="M92 202H89.5C89.5 203.381 90.6193 204.5 92 204.5V202ZM89.5 165.25C89.5 166.631 90.6193 167.75 92 167.75C93.3807 167.75 94.5 166.631 94.5 165.25H89.5ZM94.5 175.75C94.5 174.369 93.3807 173.25 92 173.25C90.6193 173.25 89.5 174.369 89.5 175.75H94.5ZM89.5 186.25C89.5 187.631 90.6193 188.75 92 188.75C93.3807 188.75 94.5 187.631 94.5 186.25H89.5ZM94.5 196.75C94.5 195.369 93.3807 194.25 92 194.25C90.6193 194.25 89.5 195.369 89.5 196.75H94.5ZM99 204.5C100.381 204.5 101.5 203.381 101.5 202C101.5 200.619 100.381 199.5 99 199.5V204.5ZM113 199.5C111.619 199.5 110.5 200.619 110.5 202C110.5 203.381 111.619 204.5 113 204.5V199.5ZM127 204.5C128.381 204.5 129.5 203.381 129.5 202C129.5 200.619 128.381 199.5 127 199.5V204.5ZM141 199.5C139.619 199.5 138.5 200.619 138.5 202C138.5 203.381 139.619 204.5 141 204.5V199.5ZM89.5 160V165.25H94.5V160H89.5ZM89.5 175.75V186.25H94.5V175.75H89.5ZM89.5 196.75V202H94.5V196.75H89.5ZM92 204.5H99V199.5H92V204.5ZM113 204.5H127V199.5H113V204.5ZM141 204.5H148V199.5H141V204.5Z" fill="#444444"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

assets/site-images/foundationImages/accessibilityImages/Understandable-visual-element-invert.svg
+8
View File
@@ -0,0 +1,8 @@
<svg width="280" height="280" viewBox="0 0 280 280" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="280" height="280" rx="10" fill="#404B5C"/>
<path d="M81 163.449V111.816L99.3943 86H192V201H81V163.449Z" fill="#404B5C" stroke="#01A982" stroke-width="5" stroke-linecap="round" stroke-dasharray="10 10"/>
<rect x="56.5" y="57.5" width="55" height="55" fill="#01A982" stroke="white" stroke-width="5"/>
<rect x="162.5" y="55.5" width="58" height="59" rx="29" fill="#404B5C" stroke="white" stroke-width="5"/>
<rect x="56.5" y="165.5" width="52" height="52" rx="5.5" fill="#404B5C" stroke="white" stroke-width="5"/>
<path d="M162.603 182.448L192 161.09L221.397 182.448L210.168 217.007H173.832L162.603 182.448Z" fill="#404B5C" stroke="white" stroke-width="5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 774 B

assets/site-images/foundationImages/accessibilityImages/Understandable-visual-element.svg
+8
View File
@@ -0,0 +1,8 @@
<svg width="280" height="280" viewBox="0 0 280 280" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="280" height="280" rx="10" fill="white"/>
<path d="M81 163.449V111.816L99.3943 86H192V201H81V163.449Z" fill="white" stroke="#01A982" stroke-width="5" stroke-linecap="round" stroke-dasharray="10 10"/>
<rect x="56.5" y="57.5" width="55" height="55" fill="#01A982" stroke="#444444" stroke-width="5"/>
<rect x="162.5" y="55.5" width="58" height="59" rx="29" fill="white" stroke="#444444" stroke-width="5"/>
<rect x="56.5" y="165.5" width="52" height="52" rx="5.5" fill="white" stroke="#444444" stroke-width="5"/>
<path d="M162.603 182.448L192 161.09L221.397 182.448L210.168 217.007H173.832L162.603 182.448Z" fill="white" stroke="#444444" stroke-width="5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 772 B

assets/site-images/foundationImages/foundation-preview-accessibility-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="M195.875 80.2918C197.555 80.2918 198.917 81.6536 198.917 83.3335C198.917 85.0134 197.555 86.3752 195.875 86.3752H174.583V99.0914L192.278 124.161C193.247 125.534 192.919 127.434 191.547 128.403C190.175 129.372 188.274 129.044 187.305 127.672L169.055 101.818C169.003 101.744 168.964 101.662 168.919 101.583H168.084C168.059 101.626 168.04 101.672 168.013 101.714L151.284 127.568C150.371 128.978 148.488 129.383 147.078 128.471C145.668 127.559 145.263 125.676 146.175 124.265L162.417 99.1626V86.3752H141.125C139.445 86.3752 138.083 85.0134 138.083 83.3335C138.083 81.6536 139.445 80.2918 141.125 80.2918H195.875Z" fill="#E6E8E9"/>
<path d="M168.5 65.0835C171.86 65.0835 174.583 67.8071 174.583 71.1668C174.583 74.5266 171.86 77.2502 168.5 77.2502C165.14 77.2502 162.417 74.5266 162.417 71.1668C162.417 67.8071 165.14 65.0835 168.5 65.0835Z" fill="#E6E8E9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 970 B

assets/site-images/foundationImages/foundation-preview-accessibility.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="M195.875 80.2916C197.555 80.2916 198.917 81.6534 198.917 83.3333C198.917 85.0132 197.555 86.375 195.875 86.375H174.583V99.0912L192.278 124.161C193.247 125.533 192.919 127.434 191.547 128.403C190.175 129.372 188.274 129.044 187.306 127.672L169.056 101.818C169.003 101.744 168.964 101.661 168.919 101.583H168.084C168.059 101.626 168.04 101.672 168.013 101.714L151.284 127.568C150.371 128.978 148.488 129.383 147.078 128.471C145.668 127.559 145.263 125.675 146.175 124.265L162.417 99.1625V86.375H141.125C139.445 86.375 138.083 85.0132 138.083 83.3333C138.083 81.6534 139.445 80.2916 141.125 80.2916H195.875Z" fill="#3E4550"/>
<path d="M168.5 65.0833C171.86 65.0833 174.583 67.8069 174.583 71.1666C174.583 74.5264 171.86 77.25 168.5 77.25C165.14 77.25 162.417 74.5264 162.417 71.1666C162.417 67.8069 165.14 65.0833 168.5 65.0833Z" fill="#3E4550"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 960 B

assets/site-images/foundationImages/foundation-preview-brand-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">
<g clip-path="url(#clip0_64_294)">
<path d="M217.718 99.7787V112.337H258.004V121.996H207.432V90.1206H258.004V99.7787H217.718Z" fill="#01A982"/>
<path d="M176.812 71H144.935V122H155.221V109.035H176.652C190.193 109.035 197.971 101.389 197.971 90.1245C197.971 78.7865 190.193 71 176.812 71ZM176.14 99.26H155.221V80.6581H176.14C184.24 80.6581 187.312 84.3711 187.312 90.1245C187.312 95.8193 184.24 99.26 176.14 99.26ZM217.714 85.3898H207.429V71H258V80.6581H217.714V85.3898ZM132 71V122H121.714V101.099H88.2857V122H78V71H88.2857V91.3235H121.714V71H132Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_64_294">
<rect width="180" height="51" fill="white" transform="translate(78 71)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 805 B

assets/site-images/foundationImages/foundation-preview-brand.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">
<g clip-path="url(#clip0_2347_1108)">
<path d="M217.718 99.7789V112.338H258.004V121.996H207.433V90.1208H258.004V99.7789H217.718Z" fill="#01A982"/>
<path d="M176.812 71H144.935V122H155.221V109.035H176.652C190.193 109.035 197.971 101.389 197.971 90.1245C197.971 78.7865 190.193 71 176.812 71ZM176.14 99.26H155.221V80.6581H176.14C184.24 80.6581 187.312 84.3711 187.312 90.1245C187.312 95.8193 184.24 99.26 176.14 99.26ZM217.714 85.3898H207.429V71H258V80.6581H217.714V85.3898ZM132 71V122H121.714V101.099H88.2857V122H78V71H88.2857V91.3235H121.714V71H132Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_2347_1108">
<rect width="180" height="51" fill="white" transform="translate(78 71)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 811 B

assets/site-images/foundationImages/foundation-preview-carte-invert.svg
+66
View File
@@ -0,0 +1,66 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<rect width="336" height="192" fill="#A17D28"/>
<g opacity="0.8">
<g filter="url(#filter0_d)">
<rect x="95.4307" y="59.3779" width="96" height="140" rx="4" transform="rotate(-30 95.4307 59.3779)" fill="#354050"/>
</g>
<g filter="url(#filter1_d)">
<rect x="103.379" y="46.9099" width="96" height="140" rx="4" transform="rotate(-20 103.379 46.9099)" fill="#354050"/>
</g>
<g filter="url(#filter2_d)">
<rect x="112.574" y="35.3984" width="96" height="140" rx="4" transform="rotate(-10 112.574 35.3984)" fill="#354050"/>
</g>
</g>
<g filter="url(#filter3_d)">
<rect x="124" y="26" width="96" height="140" rx="4" fill="#354050"/>
</g>
<circle cx="172" cy="96" r="30" fill="#AD5827"/>
<path d="M156.41 102.219C155.574 102.219 154.898 102.031 154.383 101.656C153.875 101.289 153.512 100.789 153.293 100.156C153.098 99.625 153 99.0352 153 98.3867C153 98.2773 153.008 97.9961 153.023 97.543C153.047 97.0898 153.188 96.4492 153.445 95.6211C153.703 94.7852 154.055 93.9766 154.5 93.1953C154.945 92.4062 155.465 91.6992 156.059 91.0742C156.66 90.4414 157.32 89.9375 158.039 89.5625C158.766 89.1875 159.531 89 160.336 89C160.953 89 161.457 89.1289 161.848 89.3867C162.238 89.6367 162.531 89.9375 162.727 90.2891C162.945 90.6875 163.055 91.082 163.055 91.4727C163.055 91.8477 162.98 92.2812 162.832 92.7734C162.691 93.2578 162.461 93.7344 162.141 94.2031C161.758 94.7422 161.316 95.0859 160.816 95.2344C160.535 95.3125 160.262 95.3516 159.996 95.3516C159.785 95.3516 159.516 95.3125 159.188 95.2344C158.867 95.1562 158.594 95.0078 158.367 94.7891C158.648 94.7578 159.043 94.5039 159.551 94.0273C160.066 93.5508 160.551 93.0039 161.004 92.3867C161.457 91.7617 161.738 91.2227 161.848 90.7695C161.863 90.6914 161.871 90.6211 161.871 90.5586C161.871 90.2695 161.68 90.125 161.297 90.125H161.25C160.758 90.1875 160.117 90.5781 159.328 91.2969C158.547 92.0156 157.855 92.9258 157.254 94.0273C156.816 94.8633 156.477 95.6758 156.234 96.4648C155.977 97.3164 155.848 98.0742 155.848 98.7383C155.848 99.3242 155.961 99.8047 156.188 100.18C156.422 100.547 156.801 100.73 157.324 100.73C157.996 100.73 158.664 100.523 159.328 100.109C159.992 99.6953 160.598 99.1836 161.145 98.5742C161.699 97.957 162.16 97.332 162.527 96.6992C162.629 96.5117 162.734 96.418 162.844 96.418C162.906 96.4336 162.938 96.4766 162.938 96.5469C162.938 96.6094 162.914 96.6914 162.867 96.793C162.211 98.207 161.453 99.3477 160.594 100.215C159.297 101.551 157.902 102.219 156.41 102.219Z" fill="white"/>
<path d="M168.211 100.766H168.164C167.219 100.664 166.695 100.055 166.594 98.9375C166.289 99.4141 165.949 99.7812 165.574 100.039C165.199 100.297 164.832 100.426 164.473 100.426C163.84 100.426 163.344 100.23 162.984 99.8398C162.453 99.2773 162.188 98.4648 162.188 97.4023C162.188 97.0977 162.23 96.6953 162.316 96.1953C162.402 95.6875 162.605 95.1328 162.926 94.5312C163.246 93.9297 163.66 93.4375 164.168 93.0547C164.676 92.6641 165.262 92.4688 165.926 92.4688C166.949 92.4688 167.535 92.9375 167.684 93.875L167.918 93.3477C168.09 92.9961 168.379 92.7773 168.785 92.6914C168.98 92.6523 169.18 92.6328 169.383 92.6328C169.602 92.6328 169.879 92.6719 170.215 92.75C170.551 92.8203 170.863 92.9531 171.152 93.1484C170.918 93.4688 170.645 93.9609 170.332 94.625C170.02 95.2891 169.727 95.9922 169.453 96.7344C169.18 97.4766 168.988 98.1172 168.879 98.6562C168.84 98.8672 168.82 99.0391 168.82 99.1719C168.82 99.4219 168.891 99.5469 169.031 99.5469C169.484 99.5469 170.082 98.9141 170.824 97.6484C171.168 97.0703 171.383 96.6914 171.469 96.5117C171.508 96.4492 171.539 96.418 171.562 96.418C171.602 96.418 171.621 96.4609 171.621 96.5469C171.566 97.1875 171.352 97.8359 170.977 98.4922C170.609 99.1484 170.172 99.6914 169.664 100.121C169.156 100.551 168.672 100.766 168.211 100.766ZM165.105 99.5469C165.371 99.5234 165.652 99.25 165.949 98.7266C166.254 98.1953 166.516 97.5781 166.734 96.875C166.961 96.125 167.074 95.4805 167.074 94.9414C167.074 94.4883 166.934 94.2539 166.652 94.2383C166.395 94.2773 166.141 94.4766 165.891 94.8359C165.648 95.1875 165.426 95.625 165.223 96.1484C165.027 96.6719 164.879 97.1914 164.777 97.707C164.707 98.082 164.672 98.4141 164.672 98.7031C164.672 98.8125 164.684 98.9805 164.707 99.207C164.73 99.4336 164.863 99.5469 165.105 99.5469Z" fill="white"/>
<path d="M172.57 100.824C172.43 100.824 172.246 100.781 172.02 100.695C171.801 100.602 171.633 100.465 171.516 100.285C171.172 99.7227 171 99.0352 171 98.2227C171 98.1914 171.008 97.9531 171.023 97.5078C171.031 97.0547 171.141 96.4062 171.352 95.5625C171.57 94.7109 171.797 94.0195 172.031 93.4883C172.195 93.1289 172.484 92.9102 172.898 92.832C173.078 92.8008 173.262 92.7852 173.449 92.7852C173.691 92.7852 173.988 92.8242 174.34 92.9023C174.691 92.9805 175.012 93.1172 175.301 93.3125C174.559 94.1797 173.953 95.4453 173.484 97.1094L173.812 96.4648C174.031 96.0352 174.324 95.5391 174.691 94.9766C175.066 94.4141 175.488 93.9062 175.957 93.4531C176.434 93 176.934 92.7227 177.457 92.6211H177.586C177.984 92.6211 178.266 92.7891 178.43 93.125C178.562 93.4062 178.629 93.7383 178.629 94.1211C178.629 94.2539 178.609 94.4961 178.57 94.8477C178.539 95.1992 178.398 95.6211 178.148 96.1133C177.898 96.5977 177.586 96.9258 177.211 97.0977C177.094 97.1523 176.977 97.1797 176.859 97.1797C176.57 97.1797 176.266 97.0391 175.945 96.7578C176.406 96.4062 176.637 96.0078 176.637 95.5625C176.637 95.2344 176.523 95.0586 176.297 95.0352C176.102 95.0352 175.781 95.3008 175.336 95.832C174.898 96.3555 174.461 97.0508 174.023 97.918C173.594 98.7773 173.293 99.707 173.121 100.707C172.934 100.785 172.75 100.824 172.57 100.824Z" fill="white"/>
<path d="M180.211 100.766H180.164C179.43 100.68 178.98 100.258 178.816 99.5C178.73 99.1406 178.688 98.7461 178.688 98.3164C178.688 97.8398 178.758 97.1953 178.898 96.3828C179.047 95.5625 179.285 94.625 179.613 93.5703H178.875L179.25 92.6211H179.918C180.293 91.5664 180.578 90.8008 180.773 90.3242C180.945 89.9727 181.234 89.7539 181.641 89.668C181.828 89.6289 182.016 89.6094 182.203 89.6094C182.438 89.6094 182.727 89.6484 183.07 89.7266C183.414 89.8047 183.727 89.9375 184.008 90.125C183.773 90.4688 183.383 91.3008 182.836 92.6211H183.785L183.41 93.5703H182.461C181.617 95.7578 181.09 97.4141 180.879 98.5391C180.832 98.7812 180.809 98.9805 180.809 99.1367C180.809 99.4102 180.883 99.5469 181.031 99.5469C181.289 99.5469 181.59 99.3516 181.934 98.9609C182.285 98.5703 182.613 98.1289 182.918 97.6367C183.23 97.1367 183.445 96.7773 183.562 96.5586C183.609 96.4648 183.648 96.418 183.68 96.418C183.727 96.418 183.75 96.4609 183.75 96.5469C183.695 97.1875 183.469 97.8359 183.07 98.4922C182.68 99.1484 182.219 99.6914 181.688 100.121C181.164 100.551 180.672 100.766 180.211 100.766Z" fill="white"/>
<path d="M185.988 100.613C185.645 100.613 185.234 100.551 184.758 100.426C184.289 100.293 183.887 99.9609 183.551 99.4297C183.238 98.8828 183.082 98.2188 183.082 97.4375C183.082 96.9844 183.145 96.4844 183.27 95.9375C183.402 95.3828 183.629 94.8359 183.949 94.2969C184.27 93.7578 184.672 93.3203 185.156 92.9844C185.641 92.6406 186.195 92.4688 186.82 92.4688C187.367 92.4688 187.82 92.6016 188.18 92.8672C188.547 93.1328 188.801 93.4688 188.941 93.875C189.027 94.1172 189.07 94.3633 189.07 94.6133C189.07 94.7852 189.051 94.9609 189.012 95.1406C188.809 95.9219 188.473 96.4531 188.004 96.7344C187.582 96.9844 187.172 97.1094 186.773 97.1094C186.734 97.1094 186.594 97.1016 186.352 97.0859C186.109 97.0703 185.93 96.9844 185.812 96.8281C185.703 97.25 185.648 97.6445 185.648 98.0117C185.648 98.1992 185.676 98.4688 185.73 98.8203C185.793 99.1719 186.055 99.4219 186.516 99.5703C186.594 99.5938 186.68 99.6055 186.773 99.6055C187 99.6055 187.289 99.5312 187.641 99.3828C188 99.2344 188.352 98.9336 188.695 98.4805C189.125 97.8398 189.461 97.2852 189.703 96.8164C189.781 96.6836 189.84 96.5859 189.879 96.5234C189.918 96.4531 189.949 96.418 189.973 96.418C190.012 96.418 190.031 96.4609 190.031 96.5469C189.977 97.1797 189.766 97.8125 189.398 98.4453C189.133 98.9219 188.824 99.332 188.473 99.6758C188.027 100.09 187.484 100.371 186.844 100.52C186.555 100.582 186.27 100.613 185.988 100.613ZM186.293 96.2422C186.738 96.2422 187.098 96.1523 187.371 95.9727C187.762 95.7305 187.957 95.3789 187.957 94.918C187.957 94.793 187.926 94.6523 187.863 94.4961C187.809 94.332 187.699 94.2461 187.535 94.2383C187.309 94.2695 187.074 94.4258 186.832 94.707C186.59 94.9883 186.375 95.3477 186.188 95.7852C186.117 95.9258 186.059 96.0742 186.012 96.2305L186.293 96.2422Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d" x="87.4307" y="7.37793" width="169.138" height="185.244" 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="4"/>
<feGaussianBlur stdDeviation="4"/>
<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>
<filter id="filter1_d" x="95.3794" y="10.0759" width="154.093" height="180.391" 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="4"/>
<feGaussianBlur stdDeviation="4"/>
<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>
<filter id="filter2_d" x="104.574" y="14.7283" width="134.852" height="170.543" 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="4"/>
<feGaussianBlur stdDeviation="4"/>
<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>
<filter id="filter3_d" x="116" y="22" width="112" height="156" 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="4"/>
<feGaussianBlur stdDeviation="4"/>
<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>
<clipPath id="clip0">
<rect width="336" height="192" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

assets/site-images/foundationImages/foundation-preview-carte.svg
+66
View File
@@ -0,0 +1,66 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<rect width="336" height="192" fill="#7630EA"/>
<g opacity="0.9">
<g filter="url(#filter0_d)">
<rect x="95.4307" y="59.3781" width="96" height="140" rx="4" transform="rotate(-30 95.4307 59.3781)" fill="white"/>
</g>
<g filter="url(#filter1_d)">
<rect x="103.379" y="46.91" width="96" height="140" rx="4" transform="rotate(-20 103.379 46.91)" fill="white"/>
</g>
<g filter="url(#filter2_d)">
<rect x="112.574" y="35.3986" width="96" height="140" rx="4" transform="rotate(-10 112.574 35.3986)" fill="white"/>
</g>
</g>
<g filter="url(#filter3_d)">
<rect x="124" y="26" width="96" height="140" rx="4" fill="white"/>
</g>
<circle cx="172" cy="96" r="30" fill="#FEC901"/>
<path d="M156.41 102.219C155.574 102.219 154.898 102.031 154.383 101.656C153.875 101.289 153.512 100.789 153.293 100.156C153.098 99.625 153 99.0352 153 98.3867C153 98.2773 153.008 97.9961 153.023 97.543C153.047 97.0898 153.188 96.4492 153.445 95.6211C153.703 94.7852 154.055 93.9766 154.5 93.1953C154.945 92.4062 155.465 91.6992 156.059 91.0742C156.66 90.4414 157.32 89.9375 158.039 89.5625C158.766 89.1875 159.531 89 160.336 89C160.953 89 161.457 89.1289 161.848 89.3867C162.238 89.6367 162.531 89.9375 162.727 90.2891C162.945 90.6875 163.055 91.082 163.055 91.4727C163.055 91.8477 162.98 92.2812 162.832 92.7734C162.691 93.2578 162.461 93.7344 162.141 94.2031C161.758 94.7422 161.316 95.0859 160.816 95.2344C160.535 95.3125 160.262 95.3516 159.996 95.3516C159.785 95.3516 159.516 95.3125 159.188 95.2344C158.867 95.1562 158.594 95.0078 158.367 94.7891C158.648 94.7578 159.043 94.5039 159.551 94.0273C160.066 93.5508 160.551 93.0039 161.004 92.3867C161.457 91.7617 161.738 91.2227 161.848 90.7695C161.863 90.6914 161.871 90.6211 161.871 90.5586C161.871 90.2695 161.68 90.125 161.297 90.125H161.25C160.758 90.1875 160.117 90.5781 159.328 91.2969C158.547 92.0156 157.855 92.9258 157.254 94.0273C156.816 94.8633 156.477 95.6758 156.234 96.4648C155.977 97.3164 155.848 98.0742 155.848 98.7383C155.848 99.3242 155.961 99.8047 156.188 100.18C156.422 100.547 156.801 100.73 157.324 100.73C157.996 100.73 158.664 100.523 159.328 100.109C159.992 99.6953 160.598 99.1836 161.145 98.5742C161.699 97.957 162.16 97.332 162.527 96.6992C162.629 96.5117 162.734 96.418 162.844 96.418C162.906 96.4336 162.938 96.4766 162.938 96.5469C162.938 96.6094 162.914 96.6914 162.867 96.793C162.211 98.207 161.453 99.3477 160.594 100.215C159.297 101.551 157.902 102.219 156.41 102.219Z" fill="#444444"/>
<path d="M168.211 100.766H168.164C167.219 100.664 166.695 100.055 166.594 98.9375C166.289 99.4141 165.949 99.7812 165.574 100.039C165.199 100.297 164.832 100.426 164.473 100.426C163.84 100.426 163.344 100.23 162.984 99.8398C162.453 99.2773 162.188 98.4648 162.188 97.4023C162.188 97.0977 162.23 96.6953 162.316 96.1953C162.402 95.6875 162.605 95.1328 162.926 94.5312C163.246 93.9297 163.66 93.4375 164.168 93.0547C164.676 92.6641 165.262 92.4688 165.926 92.4688C166.949 92.4688 167.535 92.9375 167.684 93.875L167.918 93.3477C168.09 92.9961 168.379 92.7773 168.785 92.6914C168.98 92.6523 169.18 92.6328 169.383 92.6328C169.602 92.6328 169.879 92.6719 170.215 92.75C170.551 92.8203 170.863 92.9531 171.152 93.1484C170.918 93.4688 170.645 93.9609 170.332 94.625C170.02 95.2891 169.727 95.9922 169.453 96.7344C169.18 97.4766 168.988 98.1172 168.879 98.6562C168.84 98.8672 168.82 99.0391 168.82 99.1719C168.82 99.4219 168.891 99.5469 169.031 99.5469C169.484 99.5469 170.082 98.9141 170.824 97.6484C171.168 97.0703 171.383 96.6914 171.469 96.5117C171.508 96.4492 171.539 96.418 171.562 96.418C171.602 96.418 171.621 96.4609 171.621 96.5469C171.566 97.1875 171.352 97.8359 170.977 98.4922C170.609 99.1484 170.172 99.6914 169.664 100.121C169.156 100.551 168.672 100.766 168.211 100.766ZM165.105 99.5469C165.371 99.5234 165.652 99.25 165.949 98.7266C166.254 98.1953 166.516 97.5781 166.734 96.875C166.961 96.125 167.074 95.4805 167.074 94.9414C167.074 94.4883 166.934 94.2539 166.652 94.2383C166.395 94.2773 166.141 94.4766 165.891 94.8359C165.648 95.1875 165.426 95.625 165.223 96.1484C165.027 96.6719 164.879 97.1914 164.777 97.707C164.707 98.082 164.672 98.4141 164.672 98.7031C164.672 98.8125 164.684 98.9805 164.707 99.207C164.73 99.4336 164.863 99.5469 165.105 99.5469Z" fill="#444444"/>
<path d="M172.57 100.824C172.43 100.824 172.246 100.781 172.02 100.695C171.801 100.602 171.633 100.465 171.516 100.285C171.172 99.7227 171 99.0352 171 98.2227C171 98.1914 171.008 97.9531 171.023 97.5078C171.031 97.0547 171.141 96.4062 171.352 95.5625C171.57 94.7109 171.797 94.0195 172.031 93.4883C172.195 93.1289 172.484 92.9102 172.898 92.832C173.078 92.8008 173.262 92.7852 173.449 92.7852C173.691 92.7852 173.988 92.8242 174.34 92.9023C174.691 92.9805 175.012 93.1172 175.301 93.3125C174.559 94.1797 173.953 95.4453 173.484 97.1094L173.812 96.4648C174.031 96.0352 174.324 95.5391 174.691 94.9766C175.066 94.4141 175.488 93.9062 175.957 93.4531C176.434 93 176.934 92.7227 177.457 92.6211H177.586C177.984 92.6211 178.266 92.7891 178.43 93.125C178.562 93.4062 178.629 93.7383 178.629 94.1211C178.629 94.2539 178.609 94.4961 178.57 94.8477C178.539 95.1992 178.398 95.6211 178.148 96.1133C177.898 96.5977 177.586 96.9258 177.211 97.0977C177.094 97.1523 176.977 97.1797 176.859 97.1797C176.57 97.1797 176.266 97.0391 175.945 96.7578C176.406 96.4062 176.637 96.0078 176.637 95.5625C176.637 95.2344 176.523 95.0586 176.297 95.0352C176.102 95.0352 175.781 95.3008 175.336 95.832C174.898 96.3555 174.461 97.0508 174.023 97.918C173.594 98.7773 173.293 99.707 173.121 100.707C172.934 100.785 172.75 100.824 172.57 100.824Z" fill="#444444"/>
<path d="M180.211 100.766H180.164C179.43 100.68 178.98 100.258 178.816 99.5C178.73 99.1406 178.688 98.7461 178.688 98.3164C178.688 97.8398 178.758 97.1953 178.898 96.3828C179.047 95.5625 179.285 94.625 179.613 93.5703H178.875L179.25 92.6211H179.918C180.293 91.5664 180.578 90.8008 180.773 90.3242C180.945 89.9727 181.234 89.7539 181.641 89.668C181.828 89.6289 182.016 89.6094 182.203 89.6094C182.438 89.6094 182.727 89.6484 183.07 89.7266C183.414 89.8047 183.727 89.9375 184.008 90.125C183.773 90.4688 183.383 91.3008 182.836 92.6211H183.785L183.41 93.5703H182.461C181.617 95.7578 181.09 97.4141 180.879 98.5391C180.832 98.7812 180.809 98.9805 180.809 99.1367C180.809 99.4102 180.883 99.5469 181.031 99.5469C181.289 99.5469 181.59 99.3516 181.934 98.9609C182.285 98.5703 182.613 98.1289 182.918 97.6367C183.23 97.1367 183.445 96.7773 183.562 96.5586C183.609 96.4648 183.648 96.418 183.68 96.418C183.727 96.418 183.75 96.4609 183.75 96.5469C183.695 97.1875 183.469 97.8359 183.07 98.4922C182.68 99.1484 182.219 99.6914 181.688 100.121C181.164 100.551 180.672 100.766 180.211 100.766Z" fill="#444444"/>
<path d="M185.988 100.613C185.645 100.613 185.234 100.551 184.758 100.426C184.289 100.293 183.887 99.9609 183.551 99.4297C183.238 98.8828 183.082 98.2188 183.082 97.4375C183.082 96.9844 183.145 96.4844 183.27 95.9375C183.402 95.3828 183.629 94.8359 183.949 94.2969C184.27 93.7578 184.672 93.3203 185.156 92.9844C185.641 92.6406 186.195 92.4688 186.82 92.4688C187.367 92.4688 187.82 92.6016 188.18 92.8672C188.547 93.1328 188.801 93.4688 188.941 93.875C189.027 94.1172 189.07 94.3633 189.07 94.6133C189.07 94.7852 189.051 94.9609 189.012 95.1406C188.809 95.9219 188.473 96.4531 188.004 96.7344C187.582 96.9844 187.172 97.1094 186.773 97.1094C186.734 97.1094 186.594 97.1016 186.352 97.0859C186.109 97.0703 185.93 96.9844 185.812 96.8281C185.703 97.25 185.648 97.6445 185.648 98.0117C185.648 98.1992 185.676 98.4688 185.73 98.8203C185.793 99.1719 186.055 99.4219 186.516 99.5703C186.594 99.5938 186.68 99.6055 186.773 99.6055C187 99.6055 187.289 99.5312 187.641 99.3828C188 99.2344 188.352 98.9336 188.695 98.4805C189.125 97.8398 189.461 97.2852 189.703 96.8164C189.781 96.6836 189.84 96.5859 189.879 96.5234C189.918 96.4531 189.949 96.418 189.973 96.418C190.012 96.418 190.031 96.4609 190.031 96.5469C189.977 97.1797 189.766 97.8125 189.398 98.4453C189.133 98.9219 188.824 99.332 188.473 99.6758C188.027 100.09 187.484 100.371 186.844 100.52C186.555 100.582 186.27 100.613 185.988 100.613ZM186.293 96.2422C186.738 96.2422 187.098 96.1523 187.371 95.9727C187.762 95.7305 187.957 95.3789 187.957 94.918C187.957 94.793 187.926 94.6523 187.863 94.4961C187.809 94.332 187.699 94.2461 187.535 94.2383C187.309 94.2695 187.074 94.4258 186.832 94.707C186.59 94.9883 186.375 95.3477 186.188 95.7852C186.117 95.9258 186.059 96.0742 186.012 96.2305L186.293 96.2422Z" fill="#444444"/>
</g>
<defs>
<filter id="filter0_d" x="87.4307" y="7.37805" width="169.138" height="185.244" 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="4"/>
<feGaussianBlur stdDeviation="4"/>
<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>
<filter id="filter1_d" x="95.3794" y="10.076" width="154.093" height="180.391" 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="4"/>
<feGaussianBlur stdDeviation="4"/>
<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>
<filter id="filter2_d" x="104.574" y="14.7284" width="134.852" height="170.543" 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="4"/>
<feGaussianBlur stdDeviation="4"/>
<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>
<filter id="filter3_d" x="116" y="22" width="112" height="156" 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="4"/>
<feGaussianBlur stdDeviation="4"/>
<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>
<clipPath id="clip0">
<rect width="336" height="192" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

assets/site-images/foundationImages/foundation-preview-colors-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="#05CC93"/>
<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="#B1B9BE"/>
<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="#F7F7F7"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 895 B

assets/site-images/foundationImages/foundation-preview-colors.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="#068667"/>
<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="#606A70"/>
<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="#292D3A"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 895 B

assets/site-images/foundationImages/foundation-preview-componentsizing-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="M100 106C100 98.268 106.268 92 114 92C121.732 92 128 98.268 128 106C128 113.732 121.732 120 114 120C106.268 120 100 113.732 100 106Z" fill="white" fill-opacity="0.06"/>
<path d="M108.525 111.126C107.699 111.126 107.279 111 106.957 110.832V109.376C107.307 109.516 107.657 109.628 108.245 109.628C109.155 109.628 109.743 109.152 109.743 107.92V100.99H111.619V107.976C111.619 110.132 110.373 111.126 108.525 111.126ZM117.21 111.14C114.48 111.14 113.332 109.782 113.192 107.892H114.984C115.11 108.9 115.516 109.74 117.21 109.74C118.316 109.74 119.1 109.124 119.1 108.2C119.1 107.276 118.638 106.926 117.014 106.66C114.62 106.338 113.486 105.61 113.486 103.734C113.486 102.096 114.886 100.864 116.972 100.864C119.128 100.864 120.416 101.844 120.612 103.762H118.904C118.722 102.712 118.12 102.264 116.972 102.264C115.838 102.264 115.25 102.81 115.25 103.58C115.25 104.392 115.586 104.798 117.322 105.05C119.674 105.372 120.892 106.044 120.892 108.046C120.892 109.782 119.422 111.14 117.21 111.14Z" fill="#E6E8E9"/>
<path d="M140 102C140 92.0589 148.059 84 158 84C167.941 84 176 92.0589 176 102C176 111.941 167.941 120 158 120C148.059 120 140 111.941 140 102Z" fill="white" fill-opacity="0.06"/>
<path d="M151.743 108.144C150.799 108.144 150.319 108 149.951 107.808V106.144C150.351 106.304 150.751 106.432 151.423 106.432C152.463 106.432 153.135 105.888 153.135 104.48V96.56H155.279V104.544C155.279 107.008 153.855 108.144 151.743 108.144ZM161.669 108.16C158.549 108.16 157.237 106.608 157.077 104.448H159.125C159.269 105.6 159.733 106.56 161.669 106.56C162.933 106.56 163.829 105.856 163.829 104.8C163.829 103.744 163.301 103.344 161.445 103.04C158.709 102.672 157.413 101.84 157.413 99.696C157.413 97.824 159.013 96.416 161.397 96.416C163.861 96.416 165.333 97.536 165.557 99.728H163.605C163.397 98.528 162.709 98.016 161.397 98.016C160.101 98.016 159.429 98.64 159.429 99.52C159.429 100.448 159.813 100.912 161.797 101.2C164.485 101.568 165.877 102.336 165.877 104.624C165.877 106.608 164.197 108.16 161.669 108.16Z" fill="#E6E8E9"/>
<path d="M188 96C188 82.7452 198.745 72 212 72C225.255 72 236 82.7452 236 96C236 109.255 225.255 120 212 120C198.745 120 188 109.255 188 96Z" fill="white" fill-opacity="0.06"/>
<path d="M204.961 102.162C203.899 102.162 203.359 102 202.945 101.784V99.912C203.395 100.092 203.845 100.236 204.601 100.236C205.771 100.236 206.527 99.624 206.527 98.04V89.13H208.939V98.112C208.939 100.884 207.337 102.162 204.961 102.162ZM216.127 102.18C212.617 102.18 211.141 100.434 210.961 98.004H213.265C213.427 99.3 213.949 100.38 216.127 100.38C217.549 100.38 218.557 99.588 218.557 98.4C218.557 97.212 217.963 96.762 215.875 96.42C212.797 96.006 211.339 95.07 211.339 92.658C211.339 90.552 213.139 88.968 215.821 88.968C218.593 88.968 220.249 90.228 220.501 92.694H218.305C218.071 91.344 217.297 90.768 215.821 90.768C214.363 90.768 213.607 91.47 213.607 92.46C213.607 93.504 214.039 94.026 216.271 94.35C219.295 94.764 220.861 95.628 220.861 98.202C220.861 100.434 218.971 102.18 216.127 102.18Z" fill="#E6E8E9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

assets/site-images/foundationImages/foundation-preview-componentsizing.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="M100 106C100 98.268 106.268 92 114 92C121.732 92 128 98.268 128 106C128 113.732 121.732 120 114 120C106.268 120 100 113.732 100 106Z" fill="black" fill-opacity="0.04"/>
<path d="M108.525 111.126C107.699 111.126 107.279 111 106.957 110.832V109.376C107.307 109.516 107.657 109.628 108.245 109.628C109.155 109.628 109.743 109.152 109.743 107.92V100.99H111.619V107.976C111.619 110.132 110.373 111.126 108.525 111.126ZM117.21 111.14C114.48 111.14 113.332 109.782 113.192 107.892H114.984C115.11 108.9 115.516 109.74 117.21 109.74C118.316 109.74 119.1 109.124 119.1 108.2C119.1 107.276 118.638 106.926 117.014 106.66C114.62 106.338 113.486 105.61 113.486 103.734C113.486 102.096 114.886 100.864 116.972 100.864C119.128 100.864 120.416 101.844 120.612 103.762H118.904C118.722 102.712 118.12 102.264 116.972 102.264C115.838 102.264 115.25 102.81 115.25 103.58C115.25 104.392 115.586 104.798 117.322 105.05C119.674 105.372 120.892 106.044 120.892 108.046C120.892 109.782 119.422 111.14 117.21 111.14Z" fill="#3E4550"/>
<path d="M140 102C140 92.0589 148.059 84 158 84C167.941 84 176 92.0589 176 102C176 111.941 167.941 120 158 120C148.059 120 140 111.941 140 102Z" fill="black" fill-opacity="0.04"/>
<path d="M151.743 108.144C150.799 108.144 150.319 108 149.951 107.808V106.144C150.351 106.304 150.751 106.432 151.423 106.432C152.463 106.432 153.135 105.888 153.135 104.48V96.56H155.279V104.544C155.279 107.008 153.855 108.144 151.743 108.144ZM161.669 108.16C158.549 108.16 157.237 106.608 157.077 104.448H159.125C159.269 105.6 159.733 106.56 161.669 106.56C162.933 106.56 163.829 105.856 163.829 104.8C163.829 103.744 163.301 103.344 161.445 103.04C158.709 102.672 157.413 101.84 157.413 99.696C157.413 97.824 159.013 96.416 161.397 96.416C163.861 96.416 165.333 97.536 165.557 99.728H163.605C163.397 98.528 162.709 98.016 161.397 98.016C160.101 98.016 159.429 98.64 159.429 99.52C159.429 100.448 159.813 100.912 161.797 101.2C164.485 101.568 165.877 102.336 165.877 104.624C165.877 106.608 164.197 108.16 161.669 108.16Z" fill="#3E4550"/>
<path d="M188 96C188 82.7452 198.745 72 212 72C225.255 72 236 82.7452 236 96C236 109.255 225.255 120 212 120C198.745 120 188 109.255 188 96Z" fill="black" fill-opacity="0.04"/>
<path d="M204.961 102.162C203.899 102.162 203.359 102 202.945 101.784V99.912C203.395 100.092 203.845 100.236 204.601 100.236C205.771 100.236 206.527 99.624 206.527 98.04V89.13H208.939V98.112C208.939 100.884 207.337 102.162 204.961 102.162ZM216.127 102.18C212.617 102.18 211.141 100.434 210.961 98.004H213.265C213.427 99.3 213.949 100.38 216.127 100.38C217.549 100.38 218.557 99.588 218.557 98.4C218.557 97.212 217.963 96.762 215.875 96.42C212.797 96.006 211.339 95.07 211.339 92.658C211.339 90.552 213.139 88.968 215.821 88.968C218.593 88.968 220.249 90.228 220.501 92.694H218.305C218.071 91.344 217.297 90.768 215.821 90.768C214.363 90.768 213.607 91.47 213.607 92.46C213.607 93.504 214.039 94.026 216.271 94.35C219.295 94.764 220.861 95.628 220.861 98.202C220.861 100.434 218.971 102.18 216.127 102.18Z" fill="#3E4550"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

assets/site-images/foundationImages/foundation-preview-containersizing-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="M127 53C127 46.3726 132.373 41 139 41H211C217.627 41 223 46.3726 223 53V125C223 131.627 217.627 137 211 137H139C132.373 137 127 131.627 127 125V53Z" fill="#B1B9BE"/>
<path d="M127.557 147.308H222.486" stroke="#D4D8DB" stroke-linecap="round"/>
<line x1="127.5" y1="144.5" x2="127.5" y2="149.749" stroke="#D4D8DB" stroke-linecap="round"/>
<line x1="222.51" y1="144.5" x2="222.51" y2="149.749" stroke="#D4D8DB" stroke-linecap="round"/>
<path d="M115.308 137.442L115.308 42.6597" stroke="#D4D8DB" stroke-linecap="round"/>
<line x1="112.5" y1="137.5" x2="117.749" y2="137.5" stroke="#D4D8DB" stroke-linecap="round"/>
<line x1="112.5" y1="42.4902" x2="117.749" y2="42.4902" stroke="#D4D8DB" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 826 B

assets/site-images/foundationImages/foundation-preview-containersizing.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="M127 53C127 46.3726 132.373 41 139 41H211C217.627 41 223 46.3726 223 53V125C223 131.627 217.627 137 211 137H139C132.373 137 127 131.627 127 125V53Z" fill="#7D8A92"/>
<path d="M127.557 147.308H222.486" stroke="#606A70" stroke-linecap="round"/>
<line x1="127.5" y1="144.5" x2="127.5" y2="149.749" stroke="#606A70" stroke-linecap="round"/>
<line x1="222.51" y1="144.5" x2="222.51" y2="149.749" stroke="#606A70" stroke-linecap="round"/>
<path d="M115.308 137.442L115.308 42.6597" stroke="#606A70" stroke-linecap="round"/>
<line x1="112.5" y1="137.5" x2="117.749" y2="137.5" stroke="#606A70" stroke-linecap="round"/>
<line x1="112.5" y1="42.4902" x2="117.749" y2="42.4902" stroke="#606A70" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 826 B

assets/site-images/foundationImages/foundation-preview-content-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="M111 54.6394C111 52.9826 112.343 51.6394 114 51.6394H128.068C129.725 51.6394 131.068 52.9826 131.068 54.6394C131.068 56.2963 129.725 57.6394 128.068 57.6394H114C112.343 57.6394 111 56.2963 111 54.6394ZM111 88.6395C111 86.9826 112.343 85.6395 114 85.6395H206.083C207.74 85.6395 209.083 86.9826 209.083 88.6395C209.083 90.2963 207.74 91.6395 206.083 91.6395H114C112.343 91.6395 111 90.2963 111 88.6395ZM114 134.639C112.343 134.639 111 135.983 111 137.639C111 139.296 112.343 140.639 114 140.639H140.858C142.514 140.639 143.858 139.296 143.858 137.639C143.858 135.983 142.514 134.639 140.858 134.639H114ZM111 121.639C111 119.983 112.343 118.639 114 118.639H175.389C177.046 118.639 178.389 119.983 178.389 121.639C178.389 123.296 177.046 124.639 175.389 124.639H114C112.343 124.639 111 123.296 111 121.639ZM143 51.6395C141.343 51.6395 140 52.9826 140 54.6395C140 56.2963 141.343 57.6395 143 57.6395H150.674C152.33 57.6395 153.674 56.2963 153.674 54.6395C153.674 52.9826 152.33 51.6395 150.674 51.6395H143ZM188 121.639C188 119.983 189.343 118.639 191 118.639H198.674C200.33 118.639 201.674 119.983 201.674 121.639C201.674 123.296 200.33 124.639 198.674 124.639H191C189.343 124.639 188 123.296 188 121.639ZM114 68.6395C112.343 68.6395 111 69.9826 111 71.6395C111 73.2963 112.343 74.6395 114 74.6395H144.694C146.351 74.6395 147.694 73.2963 147.694 71.6395C147.694 69.9826 146.351 68.6395 144.694 68.6395H114ZM111 104.639C111 102.983 112.343 101.639 114 101.639H119.116C120.773 101.639 122.116 102.983 122.116 104.639C122.116 106.296 120.773 107.639 119.116 107.639H114C112.343 107.639 111 106.296 111 104.639ZM156 134.639C154.343 134.639 153 135.983 153 137.639C153 139.296 154.343 140.639 156 140.639H163.674C165.33 140.639 166.674 139.296 166.674 137.639C166.674 135.983 165.33 134.639 163.674 134.639H156ZM131 104.639C131 102.983 132.343 101.639 134 101.639H192.831C194.488 101.639 195.831 102.983 195.831 104.639C195.831 106.296 194.488 107.639 192.831 107.639H134C132.343 107.639 131 106.296 131 104.639ZM160 68.6395C158.343 68.6395 157 69.9826 157 71.6395C157 73.2963 158.343 74.6395 160 74.6395H198.368C200.025 74.6395 201.368 73.2963 201.368 71.6395C201.368 69.9826 200.025 68.6395 198.368 68.6395H160Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

assets/site-images/foundationImages/foundation-preview-content.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="M111 54.6394C111 52.9826 112.343 51.6394 114 51.6394H128.068C129.725 51.6394 131.068 52.9826 131.068 54.6394C131.068 56.2963 129.725 57.6394 128.068 57.6394H114C112.343 57.6394 111 56.2963 111 54.6394ZM111 88.6395C111 86.9826 112.343 85.6395 114 85.6395H206.083C207.74 85.6395 209.083 86.9826 209.083 88.6395C209.083 90.2963 207.74 91.6395 206.083 91.6395H114C112.343 91.6395 111 90.2963 111 88.6395ZM114 134.639C112.343 134.639 111 135.983 111 137.639C111 139.296 112.343 140.639 114 140.639H140.858C142.514 140.639 143.858 139.296 143.858 137.639C143.858 135.983 142.514 134.639 140.858 134.639H114ZM111 121.639C111 119.983 112.343 118.639 114 118.639H175.389C177.046 118.639 178.389 119.983 178.389 121.639C178.389 123.296 177.046 124.639 175.389 124.639H114C112.343 124.639 111 123.296 111 121.639ZM143 51.6395C141.343 51.6395 140 52.9826 140 54.6395C140 56.2963 141.343 57.6395 143 57.6395H150.674C152.33 57.6395 153.674 56.2963 153.674 54.6395C153.674 52.9826 152.33 51.6395 150.674 51.6395H143ZM188 121.639C188 119.983 189.343 118.639 191 118.639H198.674C200.33 118.639 201.674 119.983 201.674 121.639C201.674 123.296 200.33 124.639 198.674 124.639H191C189.343 124.639 188 123.296 188 121.639ZM114 68.6395C112.343 68.6395 111 69.9826 111 71.6395C111 73.2963 112.343 74.6395 114 74.6395H144.694C146.351 74.6395 147.694 73.2963 147.694 71.6395C147.694 69.9826 146.351 68.6395 144.694 68.6395H114ZM111 104.639C111 102.983 112.343 101.639 114 101.639H119.116C120.773 101.639 122.116 102.983 122.116 104.639C122.116 106.296 120.773 107.639 119.116 107.639H114C112.343 107.639 111 106.296 111 104.639ZM156 134.639C154.343 134.639 153 135.983 153 137.639C153 139.296 154.343 140.639 156 140.639H163.674C165.33 140.639 166.674 139.296 166.674 137.639C166.674 135.983 165.33 134.639 163.674 134.639H156ZM131 104.639C131 102.983 132.343 101.639 134 101.639H192.831C194.488 101.639 195.831 102.983 195.831 104.639C195.831 106.296 194.488 107.639 192.831 107.639H134C132.343 107.639 131 106.296 131 104.639ZM160 68.6395C158.343 68.6395 157 69.9826 157 71.6395C157 73.2963 158.343 74.6395 160 74.6395H198.368C200.025 74.6395 201.368 73.2963 201.368 71.6395C201.368 69.9826 200.025 68.6395 198.368 68.6395H160Z" fill="#444444"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

assets/site-images/foundationImages/foundation-preview-human-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="M180.824 62.0415C189.247 62.0415 196.059 68.8895 196.059 77.3152C196.059 81.7064 194.205 85.6659 191.241 88.4541C197.563 91.3128 201.958 97.6861 201.958 105.082V111.124C201.958 112.804 200.597 114.166 198.917 114.166C197.237 114.166 195.875 112.804 195.875 111.124V105.082C195.875 98.3621 190.449 92.9311 183.777 92.9305H177.269C176.637 96.8983 174.722 100.436 171.967 103.11C178.79 105.482 183.681 111.981 183.682 119.619V125.917C183.682 127.596 182.32 128.958 180.64 128.958C178.961 128.957 177.598 127.596 177.598 125.917V119.619C177.598 113.319 172.512 108.228 166.257 108.228H152.469C146.215 108.228 141.125 113.318 141.125 119.619V125.917C141.125 127.596 139.763 128.958 138.083 128.958C136.404 128.958 135.042 127.596 135.042 125.917V119.619C135.042 111.982 139.933 105.483 146.754 103.11C143.346 99.8018 141.226 95.1677 141.226 90.0403C141.226 80.0054 149.337 71.8527 159.363 71.8527C161.765 71.8528 164.059 72.3255 166.159 73.1774C167.958 66.7579 173.835 62.0421 180.824 62.0415ZM159.363 77.936C152.716 77.936 147.31 83.3457 147.309 90.0403C147.309 96.7351 152.716 102.145 159.363 102.145C166.01 102.144 171.414 96.7348 171.414 90.0403C171.414 89.9997 171.414 89.959 171.414 89.9185C171.413 89.8271 171.411 89.736 171.408 89.6452C171.29 85.924 169.5 82.6281 166.759 80.4846C164.716 78.8867 162.154 77.9362 159.363 77.936ZM180.824 68.1248C175.982 68.1255 172.004 71.9111 171.696 76.7152C174.441 79.2714 176.399 82.6698 177.153 86.5055H180.824C185.868 86.5055 189.976 82.401 189.976 77.3152C189.976 72.2297 185.867 68.1248 180.824 68.1248Z" fill="#E6E8E9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

assets/site-images/foundationImages/foundation-preview-human.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="M180.824 62.0417C189.246 62.0417 196.059 68.8896 196.059 77.3154C196.059 81.7066 194.205 85.6661 191.241 88.4543C197.562 91.313 201.958 97.6863 201.958 105.082V111.124C201.958 112.804 200.596 114.166 198.917 114.166C197.237 114.166 195.875 112.804 195.875 111.124V105.082C195.875 98.3623 190.449 92.9313 183.776 92.9306H177.268C176.636 96.8985 174.722 100.436 171.966 103.11C178.789 105.482 183.681 111.981 183.681 119.619V125.917C183.681 127.597 182.32 128.958 180.64 128.958C178.96 128.958 177.598 127.596 177.598 125.917V119.619C177.598 113.319 172.511 108.228 166.257 108.228H152.469C146.214 108.228 141.125 113.319 141.125 119.619V125.917C141.125 127.597 139.763 128.958 138.083 128.958C136.403 128.958 135.042 127.597 135.042 125.917V119.619C135.042 111.982 139.933 105.483 146.754 103.11C143.345 99.802 141.226 95.1678 141.226 90.0405C141.226 80.0056 149.337 71.8528 159.363 71.8528C161.765 71.8529 164.059 72.3256 166.159 73.1776C167.958 66.7581 173.835 62.0423 180.824 62.0417ZM159.363 77.9362C152.716 77.9362 147.309 83.3459 147.309 90.0405C147.309 96.7353 152.716 102.145 159.363 102.145C166.01 102.144 171.414 96.735 171.414 90.0405C171.414 89.9999 171.414 89.9592 171.414 89.9187C171.413 89.8273 171.411 89.7362 171.408 89.6454C171.289 85.9242 169.5 82.6282 166.759 80.4848C164.716 78.8869 162.154 77.9363 159.363 77.9362ZM180.824 68.125C175.981 68.1257 172.004 71.9113 171.696 76.7154C174.441 79.2716 176.398 82.6699 177.153 86.5057H180.824C185.867 86.5057 189.976 82.4012 189.976 77.3154C189.975 72.2299 185.867 68.125 180.824 68.125Z" fill="#3E4550"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

assets/site-images/foundationImages/foundation-preview-icons-invert.svg
+19
View File
@@ -0,0 +1,19 @@
<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="M119.667 33.3333C127.031 33.3333 133 39.3028 133 46.6666C133 49.8683 131.871 52.8057 129.99 55.1041L135.276 60.3906C135.797 60.9113 135.797 61.7553 135.276 62.276C134.756 62.7967 133.911 62.7967 133.391 62.276L128.104 56.9896C125.806 58.8705 122.869 60 119.667 60C112.303 60 106.333 54.0304 106.333 46.6666C106.333 39.3028 112.303 33.3333 119.667 33.3333ZM119.667 36C113.776 36 109 40.7756 109 46.6666C109 52.5577 113.776 57.3333 119.667 57.3333C125.558 57.3333 130.333 52.5577 130.333 46.6666C130.333 40.7756 125.558 36 119.667 36Z" fill="#E6E8E9"/>
<path d="M176.667 46.6666C177.403 46.6666 178 47.2636 178 48C178 48.7364 177.403 49.3333 176.667 49.3333H167.333C166.597 49.3333 166 48.7364 166 48C166 47.2636 166.597 46.6666 167.333 46.6666H176.667Z" fill="#E6E8E9"/>
<path d="M176.667 41.3333C177.403 41.3333 178 41.9303 178 42.6666C178 43.403 177.403 44 176.667 44H162C161.264 44 160.667 43.403 160.667 42.6666C160.667 41.9303 161.264 41.3333 162 41.3333H176.667Z" fill="#E6E8E9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M178 33.3333C181.682 33.3333 184.667 36.3181 184.667 40V64.1081L176.198 57.3333H162C158.318 57.3333 155.333 54.3485 155.333 50.6666V40C155.333 36.3181 158.318 33.3333 162 33.3333H178ZM162 36C159.791 36 158 37.7908 158 40V50.6666C158 52.8758 159.791 54.6666 162 54.6666H177.134L177.5 54.9583L182 58.5573V40C182 37.7908 180.209 36 178 36H162Z" fill="#E6E8E9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M219 33.3333C224.154 33.3333 228.333 37.512 228.333 42.6666C228.333 45.6859 226.898 48.3682 224.674 50.0742C225.987 50.4589 227.199 51.0035 228.259 51.737C230.805 53.4995 232.333 56.2535 232.333 60V61.3333C232.333 62.0697 231.736 62.6666 231 62.6666C230.263 62.6666 229.667 62.0697 229.667 61.3333V60C229.667 57.0798 228.528 55.1671 226.741 53.9297C224.882 52.6426 222.187 52 219 52C215.816 52 213.121 52.6505 211.26 53.9427C209.47 55.1864 208.333 57.1016 208.333 60V61.3333C208.333 62.0697 207.736 62.6666 207 62.6666C206.263 62.6666 205.667 62.0697 205.667 61.3333V60C205.667 56.2709 207.197 53.5187 209.739 51.7526C210.8 51.0157 212.015 50.4672 213.331 50.0794C211.104 48.3737 209.667 45.6885 209.667 42.6666C209.667 37.512 213.845 33.3333 219 33.3333ZM219 36C215.318 36 212.333 38.9847 212.333 42.6666C212.333 46.3485 215.318 49.3333 219 49.3333C222.682 49.3333 225.667 46.3485 225.667 42.6666C225.667 38.9847 222.682 36 219 36Z" fill="#E6E8E9"/>
<path d="M121 82.3333C125.994 82.3333 130.416 84.8322 133 88.6536V85C133 84.2636 133.597 83.6666 134.333 83.6666C135.07 83.6666 135.667 84.2636 135.667 85V91.6666C135.667 92.403 135.07 93 134.333 93H127.667C126.93 93 126.333 92.403 126.333 91.6666C126.333 90.9303 126.93 90.3333 127.667 90.3333H130.913C128.835 87.128 125.173 85 121 85C114.373 85 109 90.3726 109 97C109 103.627 114.373 109 121 109C126.804 109 131.649 104.878 132.761 99.401C132.907 98.6796 133.611 98.2129 134.332 98.3594C135.054 98.5059 135.52 99.2106 135.374 99.9323C134.015 106.627 128.097 111.667 121 111.667C112.9 111.667 106.333 105.1 106.333 97C106.333 88.8998 112.9 82.3333 121 82.3333Z" fill="#E6E8E9"/>
<path d="M166 106.333C167.473 106.333 168.667 107.527 168.667 109C168.667 110.473 167.473 111.667 166 111.667C164.527 111.667 163.333 110.473 163.333 109C163.333 107.527 164.527 106.333 166 106.333Z" fill="#E6E8E9"/>
<path d="M179.333 106.333C180.806 106.333 182 107.527 182 109C182 110.473 180.806 111.667 179.333 111.667C177.86 111.667 176.667 110.473 176.667 109C176.667 107.527 177.86 106.333 179.333 106.333Z" fill="#E6E8E9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M157.775 82.3333C159.708 82.3334 161.364 83.7156 161.71 85.6172L161.84 86.3333H181.823C183.427 86.3333 184.668 87.7391 184.469 89.3307L183.615 96.1627C183.364 98.1645 181.663 99.6666 179.646 99.6666H164.892C164.587 99.6666 164.288 99.6318 164.001 99.5664L164.277 101.219C164.384 101.862 164.941 102.333 165.592 102.333H180.667C181.403 102.333 182 102.93 182 103.667C182 104.403 181.403 105 180.667 105H165.592C163.637 105 161.969 103.586 161.647 101.658L159.352 87.8854C159.33 87.7565 159.327 87.6287 159.342 87.5052L159.086 86.095C158.971 85.4611 158.419 85.0001 157.775 85H155.333C154.597 85 154 84.403 154 83.6666C154 82.9303 154.597 82.3333 155.333 82.3333H157.775ZM163.581 95.9049C163.696 96.5388 164.248 96.9998 164.892 97H179.646C180.318 97 180.885 96.4992 180.969 95.832L181.823 89H162.326L163.581 95.9049Z" fill="#E6E8E9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M229.666 83.8476C229.668 85.7075 229.67 88.1197 228.219 89.9857C226.811 91.7955 224.324 92.795 220.333 92.9713V101H227C227.736 101 228.333 101.597 228.333 102.333C228.333 103.07 227.736 103.667 227 103.667H226.797L226.019 108.324C225.698 110.253 224.029 111.667 222.074 111.667H215.926C213.97 111.667 212.302 110.253 211.98 108.324L211.204 103.667H211C210.263 103.667 209.666 103.07 209.666 102.333C209.666 101.597 210.263 101 211 101H217.666V98.3047C213.676 98.1283 211.189 97.1289 209.781 95.319C208.33 93.453 208.332 91.0408 208.333 89.181V87.6666H209.666C213.435 87.6666 216.024 88.2946 217.715 89.5429C217.816 88.1214 218.133 86.6095 219.114 85.3476C220.673 83.344 223.554 82.3333 228.333 82.3333H229.666V83.8476ZM214.61 107.885C214.718 108.528 215.274 109 215.926 109H222.074C222.726 109 223.282 108.528 223.389 107.885L224.092 103.667H213.907L214.61 107.885ZM211.017 90.3646C211.065 91.781 211.243 92.8551 211.885 93.681C212.578 94.572 214.081 95.4585 217.65 95.6354C217.601 94.2189 217.423 93.1449 216.781 92.319C216.088 91.4279 214.585 90.5414 211.017 90.3646ZM226.983 85.0312C223.414 85.2081 221.912 86.0946 221.219 86.9857C220.576 87.8115 220.398 88.8857 220.35 90.3021C223.919 90.1252 225.421 89.2387 226.114 88.3476C226.757 87.5218 226.935 86.4477 226.983 85.0312Z" fill="#E6E8E9"/>
<path d="M114.333 142C115.07 142 115.667 142.597 115.667 143.333V144.667H117C117.736 144.667 118.333 145.264 118.333 146C118.333 146.736 117.736 147.333 117 147.333H115.667V148.667C115.667 149.403 115.07 150 114.333 150C113.597 150 113 149.403 113 148.667V147.333H111.667C110.93 147.333 110.333 146.736 110.333 146C110.333 145.264 110.93 144.667 111.667 144.667H113V143.333C113 142.597 113.597 142 114.333 142Z" fill="#E6E8E9"/>
<path d="M123 144.667C124.105 144.667 125 145.562 125 146.667C125 147.771 124.105 148.667 123 148.667C121.895 148.667 121 147.771 121 146.667C121 145.562 121.895 144.667 123 144.667Z" fill="#E6E8E9"/>
<path d="M128.333 142C129.438 142 130.333 142.895 130.333 144C130.333 145.105 129.438 146 128.333 146C127.229 146 126.333 145.105 126.333 144C126.333 142.895 127.229 142 128.333 142Z" fill="#E6E8E9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M121 132.667C121.736 132.667 122.333 133.264 122.333 134V136.681C124.876 136.706 126.487 136.667 127.667 136.667C129.09 136.667 130.733 136.839 132.221 137.796C133.736 138.77 134.889 140.422 135.616 142.967C137 147.811 137 150.624 137 154C137 156.101 136.115 157.561 134.672 158.402C133.357 159.169 131.727 159.333 130.333 159.333C129.194 159.333 128.301 158.756 127.626 158.184C126.989 157.642 126.279 156.855 125.701 156.28C124.438 155.026 123.096 154 121 154C118.904 154 117.562 155.026 116.299 156.28C115.721 156.855 115.011 157.642 114.374 158.184C113.699 158.756 112.806 159.333 111.667 159.333C110.273 159.333 108.643 159.169 107.328 158.402C105.885 157.561 105 156.101 105 154C105 150.624 105 147.811 106.384 142.967C107.111 140.422 108.264 138.77 109.779 137.796C111.267 136.839 112.91 136.667 114.333 136.667C115.513 136.667 117.124 136.706 119.667 136.681V134C119.667 133.264 120.264 132.667 121 132.667ZM127.667 139.333C126.389 139.333 124.328 139.392 121 139.333C117.672 139.392 115.611 139.333 114.333 139.333C113.09 139.333 112.066 139.495 111.221 140.038C110.403 140.564 109.555 141.579 108.949 143.699C107.667 148.188 107.667 150.71 107.667 154C107.667 155.232 108.115 155.773 108.672 156.098C109.357 156.497 110.394 156.667 111.667 156.667C111.86 156.667 112.144 156.577 112.647 156.15C113.187 155.691 113.657 155.145 114.421 154.387C115.843 152.974 117.835 151.333 121 151.333C124.165 151.333 126.157 152.974 127.579 154.387C128.343 155.145 128.813 155.691 129.353 156.15C129.856 156.577 130.14 156.667 130.333 156.667C131.606 156.667 132.643 156.497 133.328 156.098C133.885 155.773 134.333 155.232 134.333 154C134.333 150.71 134.333 148.188 133.051 143.699C132.445 141.579 131.597 140.564 130.779 140.038C129.934 139.495 128.91 139.333 127.667 139.333Z" fill="#E6E8E9"/>
<path d="M183.333 150C184.07 150 184.667 150.597 184.667 151.333V154C184.667 157.682 181.682 160.667 178 160.667H162C158.318 160.667 155.333 157.682 155.333 154V151.333C155.334 150.597 155.93 150 156.667 150C157.403 150 158 150.597 158 151.333V154C158 156.209 159.791 158 162 158H178C180.209 158 182 156.209 182 154V151.333C182 150.597 182.597 150 183.333 150Z" fill="#E6E8E9"/>
<path d="M170 131.333C170.737 131.333 171.333 131.93 171.333 132.667V146.781L175.724 142.391C176.245 141.87 177.089 141.87 177.61 142.391C178.13 142.911 178.13 143.755 177.61 144.276L170.943 150.943C170.422 151.463 169.578 151.463 169.057 150.943L162.391 144.276C161.87 143.755 161.87 142.911 162.391 142.391C162.911 141.87 163.756 141.87 164.276 142.391L168.667 146.781V132.667C168.667 131.93 169.264 131.333 170 131.333Z" fill="#E6E8E9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M220.145 131.333C221.618 131.333 223.051 131.821 224.218 132.721L231.072 138.009C232.708 139.271 233.667 141.221 233.667 143.288V154C233.667 157.682 230.682 160.667 227 160.667H211C207.318 160.667 204.333 157.682 204.333 154V138C204.333 134.318 207.318 131.333 211 131.333H220.145ZM211 134C208.791 134 207 135.791 207 138V154C207 156.209 208.791 158 211 158H227C229.209 158 231 156.209 231 154V143.333H224.333C222.124 143.333 220.333 141.542 220.333 139.333V134.006C220.271 134.004 220.208 134 220.145 134H211ZM223 139.333C223 140.07 223.597 140.667 224.333 140.667H230.018C229.846 140.468 229.655 140.284 229.443 140.121L223 135.15V139.333Z" fill="#E6E8E9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

assets/site-images/foundationImages/foundation-preview-icons.svg
+19
View File
@@ -0,0 +1,19 @@
<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="M119.667 33.3333C127.031 33.3333 133 39.3029 133 46.6667C133 49.8684 131.871 52.8057 129.99 55.1042L135.276 60.3906C135.797 60.9113 135.797 61.7553 135.276 62.2761C134.756 62.7967 133.911 62.7967 133.391 62.2761L128.104 56.9896C125.806 58.8705 122.869 60 119.667 60C112.303 60 106.333 54.0305 106.333 46.6667C106.333 39.3029 112.303 33.3333 119.667 33.3333ZM119.667 36C113.776 36 109 40.7756 109 46.6667C109 52.5577 113.776 57.3333 119.667 57.3333C125.558 57.3333 130.333 52.5577 130.333 46.6667C130.333 40.7756 125.558 36 119.667 36Z" fill="#3E4550"/>
<path d="M176.667 46.6667C177.403 46.6667 178 47.2636 178 48C178 48.7364 177.403 49.3333 176.667 49.3333H167.333C166.597 49.3333 166 48.7364 166 48C166 47.2636 166.597 46.6667 167.333 46.6667H176.667Z" fill="#3E4550"/>
<path d="M176.667 41.3333C177.403 41.3333 178 41.9303 178 42.6667C178 43.4031 177.403 44 176.667 44H162C161.264 44 160.667 43.4031 160.667 42.6667C160.667 41.9303 161.264 41.3333 162 41.3333H176.667Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M178 33.3333C181.682 33.3333 184.667 36.3181 184.667 40V64.1081L176.198 57.3333H162C158.318 57.3333 155.333 54.3486 155.333 50.6667V40C155.333 36.3181 158.318 33.3333 162 33.3333H178ZM162 36C159.791 36 158 37.7909 158 40V50.6667C158 52.8758 159.791 54.6667 162 54.6667H177.134L177.5 54.9583L182 58.5573V40C182 37.7909 180.209 36 178 36H162Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M219 33.3333C224.154 33.3333 228.333 37.512 228.333 42.6667C228.333 45.6859 226.898 48.3683 224.674 50.0742C225.987 50.4589 227.199 51.0035 228.259 51.737C230.805 53.4996 232.333 56.2535 232.333 60V61.3333C232.333 62.0697 231.736 62.6667 231 62.6667C230.263 62.6667 229.667 62.0697 229.667 61.3333V60C229.667 57.0799 228.528 55.1671 226.741 53.9297C224.882 52.6426 222.187 52 219 52C215.816 52 213.121 52.6505 211.26 53.9427C209.47 55.1864 208.333 57.1016 208.333 60V61.3333C208.333 62.0697 207.736 62.6667 207 62.6667C206.263 62.6667 205.667 62.0697 205.667 61.3333V60C205.667 56.271 207.197 53.5187 209.739 51.7526C210.8 51.0157 212.015 50.4672 213.331 50.0794C211.104 48.3737 209.667 45.6885 209.667 42.6667C209.667 37.512 213.845 33.3333 219 33.3333ZM219 36C215.318 36 212.333 38.9848 212.333 42.6667C212.333 46.3486 215.318 49.3333 219 49.3333C222.682 49.3333 225.667 46.3486 225.667 42.6667C225.667 38.9848 222.682 36 219 36Z" fill="#3E4550"/>
<path d="M121 82.3333C125.994 82.3333 130.416 84.8322 133 88.6537V85C133 84.2636 133.597 83.6667 134.333 83.6667C135.07 83.6667 135.667 84.2636 135.667 85V91.6667C135.667 92.4031 135.07 93 134.333 93H127.667C126.93 93 126.333 92.4031 126.333 91.6667C126.333 90.9303 126.93 90.3333 127.667 90.3333H130.913C128.835 87.128 125.173 85 121 85C114.373 85 109 90.3726 109 97C109 103.627 114.373 109 121 109C126.804 109 131.649 104.878 132.761 99.4011C132.907 98.6797 133.611 98.2129 134.332 98.3594C135.054 98.5059 135.52 99.2107 135.374 99.9323C134.015 106.627 128.097 111.667 121 111.667C112.9 111.667 106.333 105.1 106.333 97C106.333 88.8998 112.9 82.3333 121 82.3333Z" fill="#3E4550"/>
<path d="M166 106.333C167.473 106.333 168.667 107.527 168.667 109C168.667 110.473 167.473 111.667 166 111.667C164.527 111.667 163.333 110.473 163.333 109C163.333 107.527 164.527 106.333 166 106.333Z" fill="#3E4550"/>
<path d="M179.333 106.333C180.806 106.333 182 107.527 182 109C182 110.473 180.806 111.667 179.333 111.667C177.86 111.667 176.667 110.473 176.667 109C176.667 107.527 177.86 106.333 179.333 106.333Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M157.775 82.3333C159.708 82.3335 161.364 83.7157 161.71 85.6172L161.84 86.3333H181.823C183.427 86.3333 184.668 87.7391 184.469 89.3307L183.615 96.1628C183.364 98.1645 181.663 99.6667 179.646 99.6667H164.892C164.587 99.6667 164.288 99.6319 164.001 99.5664L164.277 101.219C164.384 101.862 164.941 102.333 165.592 102.333H180.667C181.403 102.333 182 102.93 182 103.667C182 104.403 181.403 105 180.667 105H165.592C163.637 105 161.969 103.586 161.647 101.658L159.352 87.8854C159.33 87.7565 159.327 87.6287 159.342 87.5052L159.086 86.0951C158.971 85.4612 158.419 85.0001 157.775 85H155.333C154.597 85 154 84.4031 154 83.6667C154 82.9303 154.597 82.3333 155.333 82.3333H157.775ZM163.581 95.905C163.696 96.5389 164.248 96.9999 164.892 97H179.646C180.318 97 180.885 96.4993 180.969 95.832L181.823 89H162.326L163.581 95.905Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M229.666 83.8477C229.668 85.7075 229.67 88.1197 228.219 89.9857C226.811 91.7955 224.324 92.795 220.333 92.9714V101H227C227.736 101 228.333 101.597 228.333 102.333C228.333 103.07 227.736 103.667 227 103.667H226.797L226.019 108.324C225.698 110.253 224.029 111.667 222.074 111.667H215.926C213.97 111.667 212.302 110.253 211.98 108.324L211.204 103.667H211C210.263 103.667 209.666 103.07 209.666 102.333C209.666 101.597 210.263 101 211 101H217.666V98.3047C213.676 98.1283 211.189 97.1289 209.781 95.319C208.33 93.4531 208.332 91.0408 208.333 89.181V87.6667H209.666C213.435 87.6667 216.024 88.2947 217.715 89.543C217.816 88.1214 218.133 86.6095 219.114 85.3477C220.673 83.3441 223.554 82.3334 228.333 82.3333H229.666V83.8477ZM214.61 107.885C214.718 108.528 215.274 109 215.926 109H222.074C222.726 109 223.282 108.528 223.389 107.885L224.092 103.667H213.907L214.61 107.885ZM211.017 90.3646C211.065 91.781 211.243 92.8552 211.885 93.681C212.578 94.5721 214.081 95.4586 217.65 95.6354C217.601 94.2189 217.423 93.1449 216.781 92.319C216.088 91.4279 214.585 90.5414 211.017 90.3646ZM226.983 85.0313C223.414 85.2081 221.912 86.0946 221.219 86.9857C220.576 87.8115 220.398 88.8857 220.35 90.3021C223.919 90.1252 225.421 89.2387 226.114 88.3477C226.757 87.5218 226.935 86.4477 226.983 85.0313Z" fill="#3E4550"/>
<path d="M114.333 142C115.07 142 115.667 142.597 115.667 143.333V144.667H117C117.736 144.667 118.333 145.264 118.333 146C118.333 146.736 117.736 147.333 117 147.333H115.667V148.667C115.667 149.403 115.07 150 114.333 150C113.597 150 113 149.403 113 148.667V147.333H111.667C110.93 147.333 110.333 146.736 110.333 146C110.333 145.264 110.93 144.667 111.667 144.667H113V143.333C113 142.597 113.597 142 114.333 142Z" fill="#3E4550"/>
<path d="M123 144.667C124.105 144.667 125 145.562 125 146.667C125 147.771 124.105 148.667 123 148.667C121.895 148.667 121 147.771 121 146.667C121 145.562 121.895 144.667 123 144.667Z" fill="#3E4550"/>
<path d="M128.333 142C129.438 142 130.333 142.895 130.333 144C130.333 145.105 129.438 146 128.333 146C127.229 146 126.333 145.105 126.333 144C126.333 142.895 127.229 142 128.333 142Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M121 132.667C121.736 132.667 122.333 133.264 122.333 134V136.681C124.876 136.706 126.487 136.667 127.667 136.667C129.09 136.667 130.733 136.839 132.221 137.796C133.736 138.77 134.889 140.422 135.616 142.967C137 147.811 137 150.624 137 154C137 156.101 136.115 157.56 134.672 158.402C133.357 159.169 131.727 159.333 130.333 159.333C129.194 159.333 128.301 158.756 127.626 158.184C126.989 157.642 126.279 156.855 125.701 156.28C124.438 155.026 123.096 154 121 154C118.904 154 117.562 155.026 116.299 156.28C115.721 156.855 115.011 157.642 114.374 158.184C113.699 158.756 112.806 159.333 111.667 159.333C110.273 159.333 108.643 159.169 107.328 158.402C105.885 157.56 105 156.101 105 154C105 150.624 105 147.811 106.384 142.967C107.111 140.422 108.264 138.77 109.779 137.796C111.267 136.839 112.91 136.667 114.333 136.667C115.513 136.667 117.124 136.706 119.667 136.681V134C119.667 133.264 120.264 132.667 121 132.667ZM127.667 139.333C126.389 139.333 124.328 139.392 121 139.333C117.672 139.392 115.611 139.333 114.333 139.333C113.09 139.333 112.066 139.495 111.221 140.038C110.403 140.564 109.555 141.579 108.949 143.699C107.667 148.188 107.667 150.71 107.667 154C107.667 155.232 108.115 155.773 108.672 156.098C109.357 156.497 110.394 156.667 111.667 156.667C111.86 156.667 112.144 156.577 112.647 156.15C113.187 155.691 113.657 155.145 114.421 154.387C115.843 152.974 117.835 151.333 121 151.333C124.165 151.333 126.157 152.974 127.579 154.387C128.343 155.145 128.813 155.691 129.353 156.15C129.856 156.577 130.14 156.667 130.333 156.667C131.606 156.667 132.643 156.497 133.328 156.098C133.885 155.773 134.333 155.232 134.333 154C134.333 150.71 134.333 148.188 133.051 143.699C132.445 141.579 131.597 140.564 130.779 140.038C129.934 139.495 128.91 139.333 127.667 139.333Z" fill="#3E4550"/>
<path d="M183.333 150C184.07 150 184.667 150.597 184.667 151.333V154C184.667 157.682 181.682 160.667 178 160.667H162C158.318 160.667 155.333 157.682 155.333 154V151.333C155.334 150.597 155.93 150 156.667 150C157.403 150 158 150.597 158 151.333V154C158 156.209 159.791 158 162 158H178C180.209 158 182 156.209 182 154V151.333C182 150.597 182.597 150 183.333 150Z" fill="#3E4550"/>
<path d="M170 131.333C170.737 131.333 171.333 131.93 171.333 132.667V146.781L175.724 142.391C176.245 141.87 177.089 141.87 177.61 142.391C178.13 142.911 178.13 143.755 177.61 144.276L170.943 150.943C170.422 151.463 169.578 151.463 169.057 150.943L162.391 144.276C161.87 143.755 161.87 142.911 162.391 142.391C162.911 141.87 163.756 141.87 164.276 142.391L168.667 146.781V132.667C168.667 131.93 169.264 131.333 170 131.333Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M220.145 131.333C221.618 131.333 223.051 131.821 224.218 132.721L231.072 138.009C232.708 139.271 233.667 141.221 233.667 143.288V154C233.667 157.682 230.682 160.667 227 160.667H211C207.318 160.667 204.333 157.682 204.333 154V138C204.333 134.318 207.318 131.333 211 131.333H220.145ZM211 134C208.791 134 207 135.791 207 138V154C207 156.209 208.791 158 211 158H227C229.209 158 231 156.209 231 154V143.333H224.333C222.124 143.333 220.333 141.542 220.333 139.333V134.007C220.271 134.004 220.208 134 220.145 134H211ZM223 139.333C223 140.07 223.597 140.667 224.333 140.667H230.018C229.846 140.468 229.655 140.284 229.443 140.121L223 135.15V139.333Z" fill="#3E4550"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

assets/site-images/foundationImages/foundation-preview-philosophy-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="M153.292 92.4582C154.972 92.4582 156.333 93.82 156.333 95.4998C156.333 97.1797 154.972 98.5415 153.292 98.5415H147.208C145.528 98.5415 144.167 97.1797 144.167 95.4998C144.167 93.82 145.528 92.4582 147.208 92.4582H153.292Z" fill="#E6E8E9"/>
<path d="M162.417 83.3332C164.097 83.3332 165.458 84.695 165.458 86.3748C165.458 88.0547 164.097 89.4165 162.417 89.4165H147.208C145.528 89.4165 144.167 88.0547 144.167 86.3748C144.167 84.695 145.528 83.3332 147.208 83.3332H162.417Z" fill="#E6E8E9"/>
<path d="M156.333 74.2082C158.013 74.2082 159.375 75.57 159.375 77.2498C159.375 78.9297 158.013 80.2915 156.333 80.2915H147.208C145.528 80.2915 144.167 78.9297 144.167 77.2498C144.167 75.57 145.528 74.2082 147.208 74.2082H156.333Z" fill="#E6E8E9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M174.583 62.0415C182.014 62.0415 188.196 67.3713 189.524 74.4161C198.287 75.7524 205 83.3221 205 92.4582C205 97.8621 202.649 102.715 198.917 106.057V123.276C198.916 127.982 193.835 130.848 189.842 128.572L189.459 128.337L186.75 126.531L184.041 128.337C179.999 131.032 174.584 128.134 174.583 123.276V122.875H150.25C141.851 122.875 135.042 116.066 135.042 107.667V77.2498C135.042 68.8505 141.851 62.0415 150.25 62.0415H174.583ZM192.833 109.666C190.93 110.338 188.884 110.708 186.75 110.708C184.617 110.708 182.57 110.338 180.667 109.666V123.276L183.376 121.47C185.419 120.108 188.081 120.108 190.124 121.47L192.833 123.276V109.666ZM150.25 68.1248C145.21 68.1248 141.125 72.2102 141.125 77.2498V107.667C141.125 112.706 145.21 116.792 150.25 116.792H174.583V106.057C170.851 102.715 168.5 97.8621 168.5 92.4582C168.5 83.5593 174.87 76.1516 183.298 74.5379C182.144 70.8226 178.679 68.1248 174.583 68.1248H150.25ZM186.75 80.2915C180.031 80.2915 174.583 85.7387 174.583 92.4582C174.583 99.1776 180.031 104.625 186.75 104.625C193.469 104.625 198.917 99.1776 198.917 92.4582C198.917 85.7387 193.469 80.2915 186.75 80.2915Z" fill="#E6E8E9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

assets/site-images/foundationImages/foundation-preview-philosophy.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="M153.292 92.4584C154.971 92.4584 156.333 93.8202 156.333 95.5C156.333 97.1799 154.971 98.5417 153.292 98.5417H147.208C145.528 98.5417 144.167 97.1799 144.167 95.5C144.167 93.8202 145.528 92.4584 147.208 92.4584H153.292Z" fill="#3E4550"/>
<path d="M162.417 83.3334C164.096 83.3334 165.458 84.6952 165.458 86.375C165.458 88.0549 164.096 89.4167 162.417 89.4167H147.208C145.528 89.4167 144.167 88.0549 144.167 86.375C144.167 84.6952 145.528 83.3334 147.208 83.3334H162.417Z" fill="#3E4550"/>
<path d="M156.333 74.2084C158.013 74.2084 159.375 75.5702 159.375 77.25C159.375 78.9299 158.013 80.2917 156.333 80.2917H147.208C145.528 80.2917 144.167 78.9299 144.167 77.25C144.167 75.5702 145.528 74.2084 147.208 74.2084H156.333Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M174.583 62.0417C182.014 62.0417 188.196 67.3715 189.524 74.4163C198.287 75.7526 205 83.3223 205 92.4584C205 97.8623 202.649 102.715 198.917 106.057V123.276C198.916 127.982 193.835 130.848 189.842 128.572L189.459 128.338L186.75 126.532L184.041 128.338C179.998 131.032 174.584 128.134 174.583 123.276V122.875H150.25C141.851 122.875 135.042 116.066 135.042 107.667V77.25C135.042 68.8507 141.851 62.0417 150.25 62.0417H174.583ZM192.833 109.666C190.93 110.339 188.883 110.708 186.75 110.708C184.616 110.708 182.57 110.339 180.667 109.666V123.276L183.375 121.47C185.419 120.108 188.081 120.108 190.124 121.47L192.833 123.276V109.666ZM150.25 68.125C145.21 68.125 141.125 72.2104 141.125 77.25V107.667C141.125 112.706 145.21 116.792 150.25 116.792H174.583V106.057C170.851 102.715 168.5 97.8623 168.5 92.4584C168.5 83.5594 174.87 76.1518 183.298 74.5381C182.143 70.8228 178.678 68.125 174.583 68.125H150.25ZM186.75 80.2917C180.03 80.2917 174.583 85.7389 174.583 92.4584C174.583 99.1778 180.03 104.625 186.75 104.625C193.469 104.625 198.917 99.1778 198.917 92.4584C198.917 85.7389 193.469 80.2917 186.75 80.2917Z" fill="#3E4550"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

assets/site-images/foundationImages/foundation-preview-principles-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">
<rect width="336" height="192" fill="#006E55"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M181 58C176.582 58 173 61.5817 173 66V84C173 88.4183 176.582 92 181 92H199C203.418 92 207 88.4183 207 84V66C207 61.5817 203.418 58 199 58H181ZM177 66C177 63.7909 178.791 62 181 62H199C201.209 62 203 63.7909 203 66V84C203 86.2091 201.209 88 199 88H181C178.791 88 177 86.2091 177 84V66ZM144.822 60.858C145.958 58.662 149.113 58.7055 150.188 60.932L163.108 87.6958C164.07 89.6877 162.619 92 160.407 92H133.643C131.395 92 129.946 89.6186 130.978 87.6217L144.822 60.858ZM147.456 64.4726L135.286 88H158.814L147.456 64.4726ZM130 118C130 108.611 137.611 101 147 101C156.389 101 164 108.611 164 118C164 127.389 156.389 135 147 135C137.611 135 130 127.389 130 118ZM147 105C139.82 105 134 110.82 134 118C134 125.18 139.82 131 147 131C154.18 131 160 125.18 160 118C160 110.82 154.18 105 147 105ZM174.586 102.586C175.367 101.805 176.633 101.805 177.414 102.586L190 115.172L202.586 102.586C203.367 101.805 204.633 101.805 205.414 102.586C206.195 103.367 206.195 104.633 205.414 105.414L192.828 118L205.414 130.586C206.195 131.367 206.195 132.633 205.414 133.414C204.633 134.195 203.367 134.195 202.586 133.414L190 120.828L177.414 133.414C176.633 134.195 175.367 134.195 174.586 133.414C173.805 132.633 173.805 131.367 174.586 130.586L187.172 118L174.586 105.414C173.805 104.633 173.805 103.367 174.586 102.586Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

assets/site-images/foundationImages/foundation-preview-principles.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">
<rect width="336" height="192" fill="#17EBA0"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M181 58C176.582 58 173 61.5817 173 66V84C173 88.4183 176.582 92 181 92H199C203.418 92 207 88.4183 207 84V66C207 61.5817 203.418 58 199 58H181ZM177 66C177 63.7909 178.791 62 181 62H199C201.209 62 203 63.7909 203 66V84C203 86.2091 201.209 88 199 88H181C178.791 88 177 86.2091 177 84V66ZM144.822 60.858C145.958 58.662 149.113 58.7055 150.188 60.932L163.108 87.6958C164.07 89.6877 162.619 92 160.407 92H133.643C131.395 92 129.946 89.6186 130.978 87.6217L144.822 60.858ZM147.456 64.4726L135.286 88H158.814L147.456 64.4726ZM130 118C130 108.611 137.611 101 147 101C156.389 101 164 108.611 164 118C164 127.389 156.389 135 147 135C137.611 135 130 127.389 130 118ZM147 105C139.82 105 134 110.82 134 118C134 125.18 139.82 131 147 131C154.18 131 160 125.18 160 118C160 110.82 154.18 105 147 105ZM174.586 102.586C175.367 101.805 176.633 101.805 177.414 102.586L190 115.172L202.586 102.586C203.367 101.805 204.633 101.805 205.414 102.586C206.195 103.367 206.195 104.633 205.414 105.414L192.828 118L205.414 130.586C206.195 131.367 206.195 132.633 205.414 133.414C204.633 134.195 203.367 134.195 202.586 133.414L190 120.828L177.414 133.414C176.633 134.195 175.367 134.195 174.586 133.414C173.805 132.633 173.805 131.367 174.586 130.586L187.172 118L174.586 105.414C173.805 104.633 173.805 103.367 174.586 102.586Z" fill="#444444"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

assets/site-images/foundationImages/foundation-preview-scalesystem-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="M58 108C58 101.373 63.3726 96 70 96H94C100.627 96 106 101.373 106 108V132C106 138.627 100.627 144 94 144H70C63.3726 144 58 138.627 58 132V108Z" fill="#B1B9BE"/>
<path d="M112 92C112 85.3726 117.373 80 124 80H164C170.627 80 176 85.3726 176 92V132C176 138.627 170.627 144 164 144H124C117.373 144 112 138.627 112 132V92Z" fill="#B1B9BE"/>
<path d="M182 60C182 53.3726 187.373 48 194 48H266C272.627 48 278 53.3726 278 60V132C278 138.627 272.627 144 266 144H194C187.373 144 182 138.627 182 132V60Z" fill="#B1B9BE"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 627 B

assets/site-images/foundationImages/foundation-preview-scalesystem.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="M58 108C58 101.373 63.3726 96 70 96H94C100.627 96 106 101.373 106 108V132C106 138.627 100.627 144 94 144H70C63.3726 144 58 138.627 58 132V108Z" fill="#7D8A92"/>
<path d="M112 92C112 85.3726 117.373 80 124 80H164C170.627 80 176 85.3726 176 92V132C176 138.627 170.627 144 164 144H124C117.373 144 112 138.627 112 132V92Z" fill="#7D8A92"/>
<path d="M182 60C182 53.3726 187.373 48 194 48H266C272.627 48 278 53.3726 278 60V132C278 138.627 272.627 144 266 144H194C187.373 144 182 138.627 182 132V60Z" fill="#7D8A92"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 627 B

assets/site-images/foundationImages/foundation-preview-spacing-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="M48 60C48 53.3726 53.3726 48 60 48H132C138.627 48 144 53.3726 144 60V132C144 138.627 138.627 144 132 144H60C53.3726 144 48 138.627 48 132V60Z" fill="#B1B9BE"/>
<path d="M192 60C192 53.3726 197.373 48 204 48H276C282.627 48 288 53.3726 288 60V132C288 138.627 282.627 144 276 144H204C197.373 144 192 138.627 192 132V60Z" fill="#B1B9BE"/>
<path d="M152.728 89.4595V89.2195L156.136 85.6315C156.916 84.8035 157.372 84.0235 157.372 83.1475C157.372 82.1875 156.808 81.6115 155.836 81.6115C154.84 81.6115 154.192 82.1755 154.024 83.5195H153.052C153.184 81.8395 154.204 80.7715 155.836 80.7715C157.42 80.7715 158.428 81.7075 158.428 83.1835C158.428 84.2395 157.756 85.2715 156.7 86.3035L154.336 88.6075H158.476V89.4595H152.728ZM163.487 89.4595V87.6595H159.191V87.3235L163.115 80.8795H164.507V86.8075H165.695V87.6595H164.507V89.4595H163.487ZM160.511 86.8075H163.487V81.6715L160.511 86.8075ZM170.313 91.6435V83.1835H171.309V84.2395C171.669 83.6275 172.521 83.0755 173.433 83.0755C175.077 83.0755 176.289 84.2755 176.289 86.2315V86.3275C176.289 88.2475 175.161 89.5675 173.433 89.5675C172.401 89.5675 171.669 89.0515 171.309 88.4275V91.6435H170.313ZM173.337 88.7395C174.585 88.7395 175.257 87.8995 175.257 86.3755V86.2795C175.257 84.6955 174.381 83.9035 173.325 83.9035C172.161 83.9035 171.273 84.6715 171.273 86.2795V86.3755C171.273 87.9835 172.113 88.7395 173.337 88.7395ZM176.988 89.4595L179.232 86.2315L177.132 83.1835H178.296L179.832 85.4635L181.356 83.1835H182.436L180.36 86.1595L182.652 89.4595H181.476L179.784 86.9275L178.056 89.4595H176.988Z" fill="#E6E8E9"/>
<path d="M146.557 96.3076H189.426" stroke="#D4D8DB" stroke-linecap="round"/>
<line x1="146.5" y1="93.5" x2="146.5" y2="98.749" stroke="#D4D8DB" stroke-linecap="round"/>
<line x1="189.46" y1="93.5" x2="189.46" y2="98.749" stroke="#D4D8DB" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

assets/site-images/foundationImages/foundation-preview-spacing.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="M48 60C48 53.3726 53.3726 48 60 48H132C138.627 48 144 53.3726 144 60V132C144 138.627 138.627 144 132 144H60C53.3726 144 48 138.627 48 132V60Z" fill="#7D8A92"/>
<path d="M192 60C192 53.3726 197.373 48 204 48H276C282.627 48 288 53.3726 288 60V132C288 138.627 282.627 144 276 144H204C197.373 144 192 138.627 192 132V60Z" fill="#7D8A92"/>
<path d="M152.728 89.4595V89.2195L156.136 85.6315C156.916 84.8035 157.372 84.0235 157.372 83.1475C157.372 82.1875 156.808 81.6115 155.836 81.6115C154.84 81.6115 154.192 82.1755 154.024 83.5195H153.052C153.184 81.8395 154.204 80.7715 155.836 80.7715C157.42 80.7715 158.428 81.7075 158.428 83.1835C158.428 84.2395 157.756 85.2715 156.7 86.3035L154.336 88.6075H158.476V89.4595H152.728ZM163.487 89.4595V87.6595H159.191V87.3235L163.115 80.8795H164.507V86.8075H165.695V87.6595H164.507V89.4595H163.487ZM160.511 86.8075H163.487V81.6715L160.511 86.8075ZM170.313 91.6435V83.1835H171.309V84.2395C171.669 83.6275 172.521 83.0755 173.433 83.0755C175.077 83.0755 176.289 84.2755 176.289 86.2315V86.3275C176.289 88.2475 175.161 89.5675 173.433 89.5675C172.401 89.5675 171.669 89.0515 171.309 88.4275V91.6435H170.313ZM173.337 88.7395C174.585 88.7395 175.257 87.8995 175.257 86.3755V86.2795C175.257 84.6955 174.381 83.9035 173.325 83.9035C172.161 83.9035 171.273 84.6715 171.273 86.2795V86.3755C171.273 87.9835 172.113 88.7395 173.337 88.7395ZM176.988 89.4595L179.232 86.2315L177.132 83.1835H178.296L179.832 85.4635L181.356 83.1835H182.436L180.36 86.1595L182.652 89.4595H181.476L179.784 86.9275L178.056 89.4595H176.988Z" fill="#3E4550"/>
<path d="M146.557 96.3076H189.426" stroke="#606A70" stroke-linecap="round"/>
<line x1="146.5" y1="93.5" x2="146.5" y2="98.749" stroke="#606A70" stroke-linecap="round"/>
<line x1="189.46" y1="93.5" x2="189.46" y2="98.749" stroke="#606A70" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

assets/site-images/foundationImages/foundation-preview-tshirt-sizing-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="M98 50H70C66.6863 50 64 52.6863 64 56V84C64 87.3137 66.6863 90 70 90H98C101.314 90 104 87.3137 104 84V56C104 52.6863 101.314 50 98 50Z" stroke="#E6E8E9" stroke-width="6"/>
<path d="M98 101H70C66.6863 101 64 103.686 64 107V135C64 138.314 66.6863 141 70 141H98C101.314 141 104 138.314 104 135V107C104 103.686 101.314 101 98 101Z" stroke="#E6E8E9" stroke-width="6"/>
<path d="M175 50H127C123.686 50 121 52.6863 121 56V135C121 138.314 123.686 141 127 141H175C178.314 141 181 138.314 181 135V56C181 52.6863 178.314 50 175 50Z" stroke="#E6E8E9" stroke-width="6"/>
<path d="M267 50H204C200.686 50 198 52.6863 198 56V84C198 87.3137 200.686 90 204 90H267C270.314 90 273 87.3137 273 84V56C273 52.6863 270.314 50 267 50Z" stroke="#E6E8E9" stroke-width="6"/>
<path d="M267 101H204C200.686 101 198 103.686 198 107V135C198 138.314 200.686 141 204 141H267C270.314 141 273 138.314 273 135V107C273 103.686 270.314 101 267 101Z" stroke="#E6E8E9" stroke-width="6"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

assets/site-images/foundationImages/foundation-preview-tshirt-sizing.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="M98 50H70C66.6863 50 64 52.6863 64 56V84C64 87.3137 66.6863 90 70 90H98C101.314 90 104 87.3137 104 84V56C104 52.6863 101.314 50 98 50Z" stroke="#3E4550" stroke-width="6"/>
<path d="M98 101H70C66.6863 101 64 103.686 64 107V135C64 138.314 66.6863 141 70 141H98C101.314 141 104 138.314 104 135V107C104 103.686 101.314 101 98 101Z" stroke="#3E4550" stroke-width="6"/>
<path d="M175 50H127C123.686 50 121 52.6863 121 56V135C121 138.314 123.686 141 127 141H175C178.314 141 181 138.314 181 135V56C181 52.6863 178.314 50 175 50Z" stroke="#3E4550" stroke-width="6"/>
<path d="M267 50H204C200.686 50 198 52.6863 198 56V84C198 87.3137 200.686 90 204 90H267C270.314 90 273 87.3137 273 84V56C273 52.6863 270.314 50 267 50Z" stroke="#3E4550" stroke-width="6"/>
<path d="M267 101H204C200.686 101 198 103.686 198 107V135C198 138.314 200.686 141 204 141H267C270.314 141 273 138.314 273 135V107C273 103.686 270.314 101 267 101Z" stroke="#3E4550" stroke-width="6"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

assets/site-images/foundationImages/foundation-preview-type-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="M131.76 117.5L145.92 74.6H158.52L172.44 117.5H162.3L159.3 107.9H143.82L140.88 117.5H131.76ZM151.62 82.52L145.86 101.06H157.26L151.62 82.52ZM186.584 118.04C180.764 118.04 176.144 115.22 176.144 108.8C176.144 101.54 183.824 99.08 191.864 99.08H196.364V96.8C196.364 91.82 194.444 89.72 189.644 89.72C185.324 89.72 182.924 91.52 182.444 95.36H177.464C178.124 88.22 183.824 85.58 189.884 85.58C195.884 85.58 201.344 88.04 201.344 96.8V117.5H196.364V113.54C194.024 116.48 191.204 118.04 186.584 118.04ZM187.064 114.08C192.344 114.08 196.364 111.38 196.364 106.52V102.62H192.044C185.744 102.62 181.124 104.18 181.124 108.8C181.124 112.04 182.684 114.08 187.064 114.08Z" fill="#E6E8E9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 796 B

assets/site-images/foundationImages/foundation-preview-type.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="M131.76 117.5L145.92 74.6H158.52L172.44 117.5H162.3L159.3 107.9H143.82L140.88 117.5H131.76ZM151.62 82.52L145.86 101.06H157.26L151.62 82.52ZM186.584 118.04C180.764 118.04 176.144 115.22 176.144 108.8C176.144 101.54 183.824 99.08 191.864 99.08H196.364V96.8C196.364 91.82 194.444 89.72 189.644 89.72C185.324 89.72 182.924 91.52 182.444 95.36H177.464C178.124 88.22 183.824 85.58 189.884 85.58C195.884 85.58 201.344 88.04 201.344 96.8V117.5H196.364V113.54C194.024 116.48 191.204 118.04 186.584 118.04ZM187.064 114.08C192.344 114.08 196.364 111.38 196.364 106.52V102.62H192.044C185.744 102.62 181.124 104.18 181.124 108.8C181.124 112.04 182.684 114.08 187.064 114.08Z" fill="#3E4550"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 796 B

assets/site-images/foundationImages/foundation-preview-voice-and-tone-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="M195.875 62.0415C200.915 62.0415 205 66.1269 205 71.1665V92.4582C205 97.4978 200.915 101.583 195.875 101.583H192.833V118.051L183.628 108.846C183.049 113.328 179.223 116.792 174.583 116.792H166.528L147.208 132.246V116.792H141.125C136.085 116.792 132 112.706 132 107.667V86.3748C132 81.3352 136.085 77.2498 141.125 77.2498H153.292V71.1665C153.292 66.1269 157.377 62.0415 162.417 62.0415H195.875ZM141.125 83.3332C139.445 83.3332 138.083 84.695 138.083 86.3748V107.667C138.083 109.346 139.445 110.708 141.125 110.708H153.292V119.584L163.557 111.374L164.392 110.708H174.583C176.263 110.708 177.625 109.346 177.625 107.667V86.3748C177.625 84.695 176.263 83.3332 174.583 83.3332H141.125ZM162.417 68.1248C160.737 68.1248 159.375 69.4866 159.375 71.1665V77.2498H174.583C179.623 77.2498 183.708 81.3352 183.708 86.3748V100.324L186.75 103.365V95.4998H195.875C197.555 95.4998 198.917 94.138 198.917 92.4582V71.1665C198.917 69.4866 197.555 68.1248 195.875 68.1248H162.417Z" fill="#E6E8E9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

assets/site-images/foundationImages/foundation-preview-voice-and-tone.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="M195.875 62.0417C200.915 62.0417 205 66.1271 205 71.1667V92.4584C205 97.498 200.915 101.583 195.875 101.583H192.833V118.051L183.628 108.846C183.049 113.328 179.223 116.792 174.583 116.792H166.528L147.208 132.247V116.792H141.125C136.085 116.792 132 112.706 132 107.667V86.375C132 81.3354 136.085 77.25 141.125 77.25H153.292V71.1667C153.292 66.1271 157.377 62.0417 162.417 62.0417H195.875ZM141.125 83.3334C139.445 83.3334 138.083 84.6952 138.083 86.375V107.667C138.083 109.347 139.445 110.708 141.125 110.708H153.292V119.584L163.557 111.374L164.392 110.708H174.583C176.263 110.708 177.625 109.347 177.625 107.667V86.375C177.625 84.6952 176.263 83.3334 174.583 83.3334H141.125ZM162.417 68.125C160.737 68.125 159.375 69.4868 159.375 71.1667V77.25H174.583C179.623 77.25 183.708 81.3354 183.708 86.375V100.324L186.75 103.366V95.5H195.875C197.555 95.5 198.917 94.1382 198.917 92.4584V71.1667C198.917 69.4868 197.555 68.125 195.875 68.125H162.417Z" fill="#3E4550"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB