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