Files
hpe-branding/assets/site-images/extendImages/extend-preview-roadmap.svg
T
claude 0730557624 Initial mirror of the HPE Design System
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.
2026-07-30 08:34:50 -04:00

13 lines
4.2 KiB
XML

<svg width="337" height="192" viewBox="0 0 337 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M207.323 19.0299C207.323 19.0299 153.725 18.4898 146.991 21.9996C140.258 25.5094 136.637 30.0544 133.524 36.5788C127.599 48.9979 142.951 59.7974 146.991 60.8774C151.031 61.9573 242.337 60.6077 247.186 60.8774C252.034 61.147 257.421 63.0375 261.191 74.1065C264.962 85.1755 254.458 95.4355 252.034 96.7851C249.61 98.1346 161.805 96.7851 157.495 98.405C153.186 100.025 146.535 107.009 145.644 115.144C144.604 124.653 153.186 134.043 157.495 135.663C161.805 137.282 222.137 135.932 224.561 135.663C226.985 135.393 237.759 138.363 238.836 152.941C239.913 167.52 224.561 174 224.561 174H74" stroke="#444444" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="10 17"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.5 141.625C39.7015 141.625 32.0417 147.438 32.0417 157.083C32.0417 162.836 35.9515 168.924 40.3172 173.835C42.4483 176.232 44.5862 178.237 46.1938 179.644C46.6855 180.074 47.1262 180.447 47.5 180.757C47.8738 180.447 48.3145 180.074 48.8062 179.644C50.4138 178.237 52.5517 176.232 54.6828 173.835C59.0485 168.924 62.9583 162.836 62.9583 157.083C62.9583 147.438 55.2985 141.625 47.5 141.625ZM47.5 183.583C46.175 185.35 46.1745 185.35 46.174 185.349L46.1725 185.348L46.1684 185.345L46.1555 185.335L46.1108 185.301C46.0727 185.272 46.0184 185.231 45.9488 185.177C45.8098 185.069 45.6098 184.912 45.3576 184.71C44.8534 184.304 44.1394 183.715 43.2854 182.968C41.5805 181.476 39.3017 179.341 37.0161 176.769C32.5485 171.743 27.625 164.581 27.625 157.083C27.625 144.645 37.6318 137.208 47.5 137.208C57.3682 137.208 67.375 144.645 67.375 157.083C67.375 164.581 62.4515 171.743 57.9839 176.769C55.6983 179.341 53.4195 181.476 51.7146 182.968C50.8606 183.715 50.1466 184.304 49.6424 184.71C49.3902 184.912 49.1902 185.069 49.0512 185.177C48.9816 185.231 48.9273 185.272 48.8892 185.301L48.8445 185.335L48.8315 185.345L48.8275 185.348L48.826 185.349C48.8255 185.35 48.825 185.35 47.5 183.583ZM47.5 183.583L48.825 185.35L47.5 186.344L46.175 185.35L47.5 183.583ZM38.6667 157.083C38.6667 152.205 42.6212 148.25 47.5 148.25C52.3788 148.25 56.3333 152.205 56.3333 157.083C56.3333 161.962 52.3788 165.917 47.5 165.917C42.6212 165.917 38.6667 161.962 38.6667 157.083ZM47.5 152.667C45.0604 152.667 43.0833 154.644 43.0833 157.083C43.0833 159.523 45.0604 161.5 47.5 161.5C49.9396 161.5 51.9167 159.523 51.9167 157.083C51.9167 154.644 49.9396 152.667 47.5 152.667Z" fill="#17EBA0"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M229 3.49996C224.88 3.49996 220.833 6.57111 220.833 11.6666C220.833 14.7058 222.899 17.9218 225.205 20.5165C226.331 21.7831 227.461 22.8424 228.31 23.5855C228.57 23.8128 228.803 24.0099 229 24.1735C229.197 24.0099 229.43 23.8128 229.69 23.5855C230.539 22.8424 231.669 21.7831 232.795 20.5165C235.101 17.9218 237.167 14.7058 237.167 11.6666C237.167 6.57111 233.12 3.49996 229 3.49996ZM229 25.6666C228.3 26.6 228.3 26.5998 228.299 26.5996L228.299 26.599L228.297 26.5974L228.29 26.5922L228.266 26.5743C228.246 26.5589 228.217 26.5369 228.181 26.5085C228.107 26.4515 228.001 26.3687 227.868 26.2616C227.602 26.0476 227.225 25.7363 226.773 25.3415C225.873 24.5534 224.669 23.4251 223.461 22.0667C221.101 19.4114 218.5 15.6275 218.5 11.6666C218.5 5.09548 223.787 1.16663 229 1.16663C234.213 1.16663 239.5 5.09548 239.5 11.6666C239.5 15.6275 236.899 19.4114 234.539 22.0667C233.331 23.4251 232.127 24.5534 231.227 25.3415C230.775 25.7363 230.398 26.0476 230.132 26.2616C229.999 26.3687 229.893 26.4515 229.819 26.5085C229.783 26.5369 229.754 26.5589 229.734 26.5743L229.71 26.5922L229.703 26.5974L229.701 26.599L229.701 26.5996C229.7 26.5998 229.7 26.6 229 25.6666ZM229 25.6666L229.7 26.6L229 27.125L228.3 26.6L229 25.6666ZM224.333 11.6666C224.333 9.08913 226.423 6.99996 229 6.99996C231.577 6.99996 233.667 9.08913 233.667 11.6666C233.667 14.2441 231.577 16.3333 229 16.3333C226.423 16.3333 224.333 14.2441 224.333 11.6666ZM229 9.33329C227.711 9.33329 226.667 10.3778 226.667 11.6666C226.667 12.9555 227.711 14 229 14C230.289 14 231.333 12.9555 231.333 11.6666C231.333 10.3778 230.289 9.33329 229 9.33329Z" fill="#00C8FF"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="336.542" height="192" fill="white"/>
</clipPath>
</defs>
</svg>