Files
hpe-branding/assets/site-images/foundationImages/foundation-preview-containersizing.svg
T
claude 0730557624 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.
2026-07-30 08:34:50 -04:00

10 lines
826 B
XML

<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M127 53C127 46.3726 132.373 41 139 41H211C217.627 41 223 46.3726 223 53V125C223 131.627 217.627 137 211 137H139C132.373 137 127 131.627 127 125V53Z" fill="#7D8A92"/>
<path d="M127.557 147.308H222.486" stroke="#606A70" stroke-linecap="round"/>
<line x1="127.5" y1="144.5" x2="127.5" y2="149.749" stroke="#606A70" stroke-linecap="round"/>
<line x1="222.51" y1="144.5" x2="222.51" y2="149.749" stroke="#606A70" stroke-linecap="round"/>
<path d="M115.308 137.442L115.308 42.6597" stroke="#606A70" stroke-linecap="round"/>
<line x1="112.5" y1="137.5" x2="117.749" y2="137.5" stroke="#606A70" stroke-linecap="round"/>
<line x1="112.5" y1="42.4902" x2="117.749" y2="42.4902" stroke="#606A70" stroke-linecap="round"/>
</svg>