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/foundationImages/foundation-preview-spacing.svg
+8
View File
@@ -0,0 +1,8 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M48 60C48 53.3726 53.3726 48 60 48H132C138.627 48 144 53.3726 144 60V132C144 138.627 138.627 144 132 144H60C53.3726 144 48 138.627 48 132V60Z" fill="#7D8A92"/>
<path d="M192 60C192 53.3726 197.373 48 204 48H276C282.627 48 288 53.3726 288 60V132C288 138.627 282.627 144 276 144H204C197.373 144 192 138.627 192 132V60Z" fill="#7D8A92"/>
<path d="M152.728 89.4595V89.2195L156.136 85.6315C156.916 84.8035 157.372 84.0235 157.372 83.1475C157.372 82.1875 156.808 81.6115 155.836 81.6115C154.84 81.6115 154.192 82.1755 154.024 83.5195H153.052C153.184 81.8395 154.204 80.7715 155.836 80.7715C157.42 80.7715 158.428 81.7075 158.428 83.1835C158.428 84.2395 157.756 85.2715 156.7 86.3035L154.336 88.6075H158.476V89.4595H152.728ZM163.487 89.4595V87.6595H159.191V87.3235L163.115 80.8795H164.507V86.8075H165.695V87.6595H164.507V89.4595H163.487ZM160.511 86.8075H163.487V81.6715L160.511 86.8075ZM170.313 91.6435V83.1835H171.309V84.2395C171.669 83.6275 172.521 83.0755 173.433 83.0755C175.077 83.0755 176.289 84.2755 176.289 86.2315V86.3275C176.289 88.2475 175.161 89.5675 173.433 89.5675C172.401 89.5675 171.669 89.0515 171.309 88.4275V91.6435H170.313ZM173.337 88.7395C174.585 88.7395 175.257 87.8995 175.257 86.3755V86.2795C175.257 84.6955 174.381 83.9035 173.325 83.9035C172.161 83.9035 171.273 84.6715 171.273 86.2795V86.3755C171.273 87.9835 172.113 88.7395 173.337 88.7395ZM176.988 89.4595L179.232 86.2315L177.132 83.1835H178.296L179.832 85.4635L181.356 83.1835H182.436L180.36 86.1595L182.652 89.4595H181.476L179.784 86.9275L178.056 89.4595H176.988Z" fill="#3E4550"/>
<path d="M146.557 96.3076H189.426" stroke="#606A70" stroke-linecap="round"/>
<line x1="146.5" y1="93.5" x2="146.5" y2="98.749" stroke="#606A70" stroke-linecap="round"/>
<line x1="189.46" y1="93.5" x2="189.46" y2="98.749" stroke="#606A70" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB