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/templateImages/template-preview-cards-invert.svg
+18
View File
@@ -0,0 +1,18 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M200 48H136C133.791 48 132 49.7909 132 52V140C132 142.209 133.791 144 136 144H200C202.209 144 204 142.209 204 140V52C204 49.7909 202.209 48 200 48Z" fill="#22252E"/>
<g filter="url(#filter0_d_11_254)">
<path d="M104 48H40C37.7909 48 36 49.7909 36 52V140C36 142.209 37.7909 144 40 144H104C106.209 144 108 142.209 108 140V52C108 49.7909 106.209 48 104 48Z" fill="#292D3A"/>
</g>
<path d="M296 48H232C229.791 48 228 49.7909 228 52V140C228 142.209 229.791 144 232 144H296C298.209 144 300 142.209 300 140V52C300 49.7909 298.209 48 296 48Z" fill="#22252E"/>
<defs>
<filter id="filter0_d_11_254" x="24" y="42" width="96" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.36 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_11_254"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_11_254" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB