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/highlightImages/accessibility.svg
+11
View File
@@ -0,0 +1,11 @@
<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_1089)">
<path d="M83.25 47.5C84.6307 47.5 85.75 48.6193 85.75 50C85.75 51.3807 84.6307 52.5 83.25 52.5H65.75V62.9517L80.2935 83.5571C81.0896 84.685 80.8206 86.2472 79.6929 87.0435C78.565 87.8396 77.0028 87.5706 76.2065 86.4429L61.2065 65.1929C61.1635 65.132 61.1314 65.0641 61.0942 65H60.4082C60.3878 65.0352 60.3718 65.0731 60.3496 65.1074L46.5996 86.3574C45.8497 87.5164 44.3017 87.849 43.1426 87.0996C41.9836 86.3497 41.651 84.8017 42.4004 83.6426L55.75 63.0103V52.5H38.25C36.8693 52.5 35.75 51.3807 35.75 50C35.75 48.6193 36.8693 47.5 38.25 47.5H83.25Z" fill="#3E4550"/>
<path d="M60.75 35C63.5114 35 65.75 37.2386 65.75 40C65.75 42.7614 63.5114 45 60.75 45C57.9886 45 55.75 42.7614 55.75 40C55.75 37.2386 57.9886 35 60.75 35Z" fill="#3E4550"/>
</g>
<defs>
<clipPath id="clip0_177_1089">
<rect width="120" height="120" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 994 B