justin/hpe-branding
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial mirror of the HPE Design System

Browse Source 
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:
claude
2026-07-30 08:34:50 -04:00
commit 0730557624
752 changed files with 8423 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/site-images/home.svg
+27
View File
@@ -0,0 +1,27 @@
<svg width="786" height="514" viewBox="0 0 786 514" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="601" y="44" width="185" height="115" rx="14.439" fill="#17EBA0"/>
<rect x="601" y="190" width="77" height="115" rx="14.439" fill="#FFD63E"/>
<rect x="125" y="186" width="121" height="119" rx="14.439" fill="#FF8300"/>
<rect x="289.78" y="36.7805" width="279.439" height="278.439" rx="21.6585" stroke="#00739D" stroke-width="14.439"/>
<rect x="417" y="68" width="121" height="121" rx="14.439" fill="#00C8FF"/>
<path d="M587 385.724H649.076" stroke="#CCCCCC" stroke-width="4" stroke-linecap="round"/>
<path d="M680.725 385.724H708.314" stroke="#CCCCCC" stroke-width="4" stroke-linecap="round"/>
<path d="M587 418.266H747.502" stroke="#CCCCCC" stroke-width="4" stroke-linecap="round"/>
<path d="M587 447.518H667.893" stroke="#CCCCCC" stroke-width="4" stroke-linecap="round"/>
<path d="M693.723 447.521H707.517" stroke="#CCCCCC" stroke-width="4" stroke-linecap="round"/>
<path d="M614.322 479.283L746.648 479.283" stroke="#CCCCCC" stroke-width="4" stroke-linecap="round"/>
<path d="M646.074 511.033L714.884 511.033" stroke="#CCCCCC" stroke-width="4" stroke-linecap="round"/>
<path d="M2 2.72432H64.0756" stroke="#CCCCCC" stroke-width="4" stroke-linecap="round"/>
<path d="M95.7246 2.72432H123.314" stroke="#CCCCCC" stroke-width="4" stroke-linecap="round"/>
<path d="M2 35.2656H162.502" stroke="#CCCCCC" stroke-width="4" stroke-linecap="round"/>
<path d="M2 64.5176H82.893" stroke="#CCCCCC" stroke-width="4" stroke-linecap="round"/>
<path d="M108.723 64.5215H122.517" stroke="#CCCCCC" stroke-width="4" stroke-linecap="round"/>
<path d="M29.3223 96.2832L161.648 96.2832" stroke="#CCCCCC" stroke-width="4" stroke-linecap="round"/>
<path d="M61.0742 128.033L129.884 128.033" stroke="#CCCCCC" stroke-width="4" stroke-linecap="round"/>
<rect x="125" y="44" width="121" height="121" rx="14.439" fill="#F740FF"/>
<path d="M549.623 271.426H515.188L466.057 399.973H499.441L508.47 375.059H555.292L564.53 399.973H598.754L549.623 271.426ZM518.758 347.423L531.986 311.204L545.213 347.423H518.758Z" fill="#444444"/>
<path d="M666.255 338.212V350.354C662.266 346.795 652.607 342.817 642.949 342.817C623.002 342.817 607.465 354.542 607.465 371.918C607.465 390.342 623.002 401.648 642.109 401.648C653.027 401.648 662.685 396.832 666.255 393.064V399.973H681.582V336.955C681.582 317.276 668.565 305.133 646.518 305.133C634.97 305.133 623.842 308.482 617.543 312.879V327.744C625.312 322.719 633.71 319.579 643.999 319.579C657.646 319.579 666.255 326.697 666.255 338.212ZM666.255 367.313V376.943C663.735 383.852 654.497 388.458 644.629 388.458C633.29 388.458 622.372 383.224 622.372 371.918C622.372 360.822 633.29 355.798 644.629 355.798C654.497 355.798 663.735 360.404 666.255 367.313Z" fill="#444444"/>
<circle cx="417" cy="269.5" r="12" fill="#F740FF"/>
<circle cx="453" cy="269.5" r="12" fill="#F740FF"/>
<circle cx="489" cy="269.5" r="12" fill="#F740FF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB