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,10 @@
<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_177_1036)">
<path d="M23.26 82L37.42 39.1H50.02L63.94 82H53.8L50.8 72.4H35.32L32.38 82H23.26ZM43.12 47.02L37.36 65.56H48.76L43.12 47.02ZM78.0836 82.54C72.2636 82.54 67.6436 79.72 67.6436 73.3C67.6436 66.04 75.3236 63.58 83.3636 63.58H87.8636V61.3C87.8636 56.32 85.9436 54.22 81.1436 54.22C76.8236 54.22 74.4236 56.02 73.9436 59.86H68.9636C69.6236 52.72 75.3236 50.08 81.3836 50.08C87.3836 50.08 92.8436 52.54 92.8436 61.3V82H87.8636V78.04C85.5236 80.98 82.7036 82.54 78.0836 82.54ZM78.5636 78.58C83.8436 78.58 87.8636 75.88 87.8636 71.02V67.12H83.5436C77.2436 67.12 72.6236 68.68 72.6236 73.3C72.6236 76.54 74.1836 78.58 78.5636 78.58Z" fill="#3E4550"/>
</g>
<defs>
<clipPath id="clip0_177_1036">
<rect width="120" height="120" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 895 B