Files
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

24 lines
9.7 KiB
XML

<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M0 192L0 0H72L72 192H0Z" fill="#0E5265"/>
<rect opacity="0.5" x="96" y="12" width="96" height="72" rx="4" fill="white"/>
<rect opacity="0.5" x="96" y="96" width="96" height="72" rx="4" fill="white"/>
<rect opacity="0.5" x="96" y="180" width="96" height="72" rx="4" fill="white"/>
<rect opacity="0.5" x="204" y="12" width="96" height="72" rx="4" fill="white"/>
<rect opacity="0.5" x="204" y="96" width="96" height="72" rx="4" fill="white"/>
<rect opacity="0.5" x="204" y="180" width="96" height="72" rx="4" fill="white"/>
<rect opacity="0.5" x="312" y="12" width="96" height="72" rx="4" fill="white"/>
<rect opacity="0.5" x="312" y="96" width="96" height="72" rx="4" fill="white"/>
<rect opacity="0.5" x="312" y="180" width="96" height="72" rx="4" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.2 185H29.1615H29.1614C28.6343 185 28.1795 185 27.805 185.031C27.4096 185.063 27.0164 185.134 26.638 185.327C26.0735 185.615 25.6146 186.074 25.327 186.638C25.1342 187.016 25.0629 187.41 25.0306 187.805C25 188.18 25 188.634 25 189.161V189.161V189.2V191.05V191.089V191.089C25 191.616 25 192.07 25.0306 192.445C25.0629 192.84 25.1342 193.234 25.327 193.612C25.6146 194.176 26.0735 194.635 26.638 194.923C27.0164 195.116 27.4096 195.187 27.805 195.219C28.1795 195.25 28.6343 195.25 29.1614 195.25H29.1615H29.2H31.05H31.0885H31.0886C31.6157 195.25 32.0705 195.25 32.445 195.219C32.8404 195.187 33.2336 195.116 33.612 194.923C34.1765 194.635 34.6354 194.176 34.923 193.612C35.1158 193.234 35.1871 192.84 35.2194 192.445C35.25 192.07 35.25 191.616 35.25 191.089V191.089V191.05V189.2V189.161V189.161C35.25 188.634 35.25 188.18 35.2194 187.805C35.1871 187.41 35.1158 187.016 34.923 186.638C34.6354 186.074 34.1765 185.615 33.612 185.327C33.2336 185.134 32.8404 185.063 32.445 185.031C32.0705 185 31.6157 185 31.0886 185H31.0885H31.05H29.2ZM27.546 187.109C27.5955 187.084 27.6962 187.046 27.9678 187.024C28.2512 187.001 28.6234 187 29.2 187H31.05C31.6266 187 31.9988 187.001 32.2822 187.024C32.5538 187.046 32.6545 187.084 32.704 187.109C32.8922 187.205 33.0451 187.358 33.141 187.546C33.1662 187.595 33.2039 187.696 33.2261 187.968C33.2492 188.251 33.25 188.623 33.25 189.2V191.05C33.25 191.627 33.2492 191.999 33.2261 192.282C33.2039 192.554 33.1662 192.655 33.141 192.704C33.0451 192.892 32.8922 193.045 32.704 193.141C32.6545 193.166 32.5538 193.204 32.2822 193.226C31.9988 193.249 31.6266 193.25 31.05 193.25H29.2C28.6234 193.25 28.2512 193.249 27.9678 193.226C27.6962 193.204 27.5955 193.166 27.546 193.141C27.3578 193.045 27.2049 192.892 27.109 192.704C27.0838 192.655 27.0461 192.554 27.0239 192.282C27.0008 191.999 27 191.627 27 191.05V189.2C27 188.623 27.0008 188.251 27.0239 187.968C27.0461 187.696 27.0838 187.595 27.109 187.546C27.2049 187.358 27.3578 187.205 27.546 187.109ZM42.95 185H42.9115H42.9114C42.3843 185 41.9295 185 41.555 185.031C41.1596 185.063 40.7664 185.134 40.388 185.327C39.8235 185.615 39.3646 186.074 39.077 186.638C38.8842 187.016 38.8129 187.41 38.7806 187.805C38.75 188.18 38.75 188.634 38.75 189.161L38.75 189.2V191.05L38.75 191.089C38.75 191.616 38.75 192.07 38.7806 192.445C38.8129 192.84 38.8842 193.234 39.077 193.612C39.3646 194.176 39.8235 194.635 40.388 194.923C40.7664 195.116 41.1596 195.187 41.555 195.219C41.9295 195.25 42.3843 195.25 42.9115 195.25H42.9115H42.95H44.8H44.8385H44.8386C45.3657 195.25 45.8205 195.25 46.195 195.219C46.5904 195.187 46.9836 195.116 47.362 194.923C47.9265 194.635 48.3854 194.176 48.673 193.612C48.8658 193.234 48.9371 192.84 48.9694 192.445C49 192.07 49 191.616 49 191.089V191.089V191.089V191.089V191.05V189.2V189.161V189.161V189.161V189.161C49 188.634 49 188.18 48.9694 187.805C48.9371 187.41 48.8658 187.016 48.673 186.638C48.3854 186.074 47.9265 185.615 47.362 185.327C46.9836 185.134 46.5904 185.063 46.195 185.031C45.8205 185 45.3657 185 44.8386 185H44.8385H44.8H42.95ZM41.296 187.109C41.3455 187.084 41.4462 187.046 41.7178 187.024C42.0012 187.001 42.3734 187 42.95 187H44.8C45.3766 187 45.7488 187.001 46.0322 187.024C46.3038 187.046 46.4045 187.084 46.454 187.109C46.6422 187.205 46.7951 187.358 46.891 187.546C46.9162 187.595 46.9539 187.696 46.9761 187.968C46.9992 188.251 47 188.623 47 189.2V191.05C47 191.627 46.9992 191.999 46.9761 192.282C46.9539 192.554 46.9162 192.655 46.891 192.704C46.7951 192.892 46.6422 193.045 46.454 193.141C46.4045 193.166 46.3038 193.204 46.0322 193.226C45.7488 193.249 45.3766 193.25 44.8 193.25H42.95C42.3734 193.25 42.0012 193.249 41.7178 193.226C41.4462 193.204 41.3455 193.166 41.296 193.141C41.1078 193.045 40.9549 192.892 40.859 192.704C40.8338 192.655 40.7961 192.554 40.7739 192.282C40.7508 191.999 40.75 191.627 40.75 191.05V189.2C40.75 188.623 40.7508 188.251 40.7739 187.968C40.7961 187.696 40.8338 187.595 40.859 187.546C40.9549 187.358 41.1078 187.205 41.296 187.109ZM29.1615 198.75L29.2 198.75H31.05L31.0885 198.75C31.6157 198.75 32.0705 198.75 32.445 198.781C32.8404 198.813 33.2336 198.884 33.612 199.077C34.1765 199.365 34.6354 199.824 34.923 200.388C35.1158 200.766 35.1871 201.16 35.2194 201.555C35.25 201.93 35.25 202.384 35.25 202.911V202.911V202.95V204.8V204.839V204.839C35.25 205.366 35.25 205.82 35.2194 206.195C35.1871 206.59 35.1158 206.984 34.923 207.362C34.6354 207.926 34.1765 208.385 33.612 208.673C33.2336 208.866 32.8404 208.937 32.445 208.969C32.0705 209 31.6158 209 31.0887 209H31.0886H31.0885H31.05H29.2H29.1615H29.1614H29.1613C28.6342 209 28.1795 209 27.805 208.969C27.4096 208.937 27.0164 208.866 26.638 208.673C26.0735 208.385 25.6146 207.926 25.327 207.362C25.1342 206.984 25.0629 206.59 25.0306 206.195C25 205.82 25 205.366 25 204.839V204.839V204.8V202.95V202.911V202.911C25 202.384 25 201.93 25.0306 201.555C25.0629 201.16 25.1342 200.766 25.327 200.388C25.6146 199.824 26.0735 199.365 26.638 199.077C27.0164 198.884 27.4096 198.813 27.805 198.781C28.1795 198.75 28.6343 198.75 29.1615 198.75ZM27.9678 200.774C27.6962 200.796 27.5955 200.834 27.546 200.859C27.3578 200.955 27.2049 201.108 27.109 201.296C27.0838 201.345 27.0461 201.446 27.0239 201.718C27.0008 202.001 27 202.373 27 202.95V204.8C27 205.377 27.0008 205.749 27.0239 206.032C27.0461 206.304 27.0838 206.405 27.109 206.454C27.2049 206.642 27.3578 206.795 27.546 206.891C27.5955 206.916 27.6962 206.954 27.9678 206.976C28.2512 206.999 28.6234 207 29.2 207H31.05C31.6266 207 31.9988 206.999 32.2822 206.976C32.5538 206.954 32.6545 206.916 32.704 206.891C32.8922 206.795 33.0451 206.642 33.141 206.454C33.1662 206.405 33.2039 206.304 33.2261 206.032C33.2492 205.749 33.25 205.377 33.25 204.8V202.95C33.25 202.373 33.2492 202.001 33.2261 201.718C33.2039 201.446 33.1662 201.345 33.141 201.296C33.0451 201.108 32.8922 200.955 32.704 200.859C32.6545 200.834 32.5538 200.796 32.2822 200.774C31.9988 200.751 31.6266 200.75 31.05 200.75H29.2C28.6234 200.75 28.2512 200.751 27.9678 200.774ZM42.95 198.75L42.9115 198.75C42.3843 198.75 41.9295 198.75 41.555 198.781C41.1596 198.813 40.7664 198.884 40.388 199.077C39.8235 199.365 39.3646 199.824 39.077 200.388C38.8842 200.766 38.8129 201.16 38.7806 201.555C38.75 201.93 38.75 202.384 38.75 202.911L38.75 202.95V204.8L38.75 204.839C38.75 205.366 38.75 205.82 38.7806 206.195C38.8129 206.59 38.8842 206.984 39.077 207.362C39.3646 207.926 39.8235 208.385 40.388 208.673C40.7664 208.866 41.1596 208.937 41.555 208.969C41.9295 209 42.3843 209 42.9114 209H42.9115H42.95H44.8H44.8385H44.8386C45.3658 209 45.8205 209 46.195 208.969C46.5904 208.937 46.9836 208.866 47.362 208.673C47.9265 208.385 48.3854 207.926 48.673 207.362C48.8658 206.984 48.9371 206.59 48.9694 206.195C49 205.82 49 205.366 49 204.839V204.839V204.8V202.95V202.911V202.911C49 202.384 49 201.93 48.9694 201.555C48.9371 201.16 48.8658 200.766 48.673 200.388C48.3854 199.824 47.9265 199.365 47.362 199.077C46.9836 198.884 46.5904 198.813 46.195 198.781C45.8205 198.75 45.3657 198.75 44.8385 198.75L44.8 198.75H42.95ZM41.296 200.859C41.3455 200.834 41.4462 200.796 41.7178 200.774C42.0012 200.751 42.3734 200.75 42.95 200.75H44.8C45.3766 200.75 45.7488 200.751 46.0322 200.774C46.3038 200.796 46.4045 200.834 46.454 200.859C46.6422 200.955 46.7951 201.108 46.891 201.296C46.9162 201.345 46.9539 201.446 46.9761 201.718C46.9992 202.001 47 202.373 47 202.95V204.8C47 205.377 46.9992 205.749 46.9761 206.032C46.9539 206.304 46.9162 206.405 46.891 206.454C46.7951 206.642 46.6422 206.795 46.454 206.891C46.4045 206.916 46.3038 206.954 46.0322 206.976C45.7488 206.999 45.3766 207 44.8 207H42.95C42.3734 207 42.0012 206.999 41.7178 206.976C41.4462 206.954 41.3455 206.916 41.296 206.891C41.1078 206.795 40.9549 206.642 40.859 206.454C40.8338 206.405 40.7961 206.304 40.7739 206.032C40.7508 205.749 40.75 205.377 40.75 204.8V202.95C40.75 202.373 40.7508 202.001 40.7739 201.718C40.7961 201.446 40.8338 201.345 40.859 201.296C40.9549 201.108 41.1078 200.955 41.296 200.859Z" fill="white"/>
<rect x="25" y="114" width="22" height="22" rx="4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="12" y="24" width="48" height="48" rx="24" fill="#00739D"/>
<path d="M35.2744 41.264H26.1304V56H35.2744V54.872H27.3304V48.968H34.5304V47.84H27.3304V42.392H35.2744V41.264ZM37.5219 53.336V54.752C38.4819 55.592 40.1139 56.216 42.0819 56.216C44.7699 56.216 46.7379 54.656 46.7379 52.304C46.7379 50.408 45.7539 49.352 43.5939 48.416L41.3139 47.456C39.7539 46.832 38.7459 46.208 38.7459 44.768C38.7459 43.04 40.2099 42.176 42.0339 42.176C43.6899 42.176 44.9859 42.704 46.1379 43.664V42.296C45.0579 41.504 43.5459 41.048 42.0099 41.048C39.6339 41.048 37.5459 42.296 37.5459 44.792C37.5459 47.024 39.2019 47.912 40.7379 48.56L42.8979 49.472C44.6979 50.24 45.5379 50.84 45.5379 52.328C45.5379 54.032 44.1939 55.088 42.0819 55.088C40.3779 55.088 38.9379 54.608 37.5219 53.336Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="336" height="192" fill="white"/>
</clipPath>
</defs>
</svg>