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.
This commit is contained in:
2026-07-30 08:34:50 -04:00
commit 0730557624
752 changed files with 8423 additions and 0 deletions
@@ -0,0 +1,11 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="48" height="48" rx="6" fill="url(#paint0_linear_86_10221)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.1507 13.2404L28.4999 12.6826L27.8491 13.2404L24.3491 16.2404L25.6507 17.759L27.4999 16.1739V22.4402C27.4999 23.3056 27.3166 23.7829 27.1163 24.089C26.9019 24.4166 26.6083 24.6476 26.1708 24.9583L26.0767 25.0248C25.6826 25.3029 25.1508 25.678 24.742 26.2323C24.2675 26.8757 23.9999 27.686 23.9999 28.768V30.7587C23.5986 30.5185 23.1852 30.3248 22.8236 30.1554L22.6763 30.0862C21.971 29.7537 21.4443 29.481 21.0714 29.1028C20.7478 28.7745 20.4999 28.3229 20.4999 27.514V21.1739L22.3491 22.759L23.6507 21.2404L20.1507 18.2404L19.4999 17.6826L18.8491 18.2404L15.3491 21.2404L16.6507 22.759L18.4999 21.1739V27.514C18.4999 28.8265 18.9395 29.7892 19.6472 30.5069C20.3055 31.1746 21.1538 31.5796 21.8235 31.8953L21.8779 31.9209C22.5864 32.2548 23.0993 32.4966 23.4716 32.8316C23.7852 33.1139 23.9999 33.4662 23.9999 34.114V35.9997H25.9999V34.114V28.768C25.9999 28.042 26.1699 27.6658 26.3516 27.4194C26.5628 27.133 26.8468 26.9313 27.311 26.6016L27.329 26.5889C27.7665 26.2781 28.3479 25.8594 28.7898 25.1841C29.2457 24.4874 29.4999 23.6088 29.4999 22.4402V16.1739L31.3491 17.759L32.6507 16.2404L29.1507 13.2404Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_86_10221" x1="24" y1="-1.02593e-06" x2="24" y2="48" gradientUnits="userSpaceOnUse">
<stop stop-color="#8F00FF"/>
<stop offset="0.526042" stop-color="#F740FF"/>
<stop offset="1" stop-color="#FFC400"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB