Files
hpe-branding/assets/site-images/componentImages/component-preview-pageheader-invert.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

15 lines
1.3 KiB
XML

<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_7059)">
<path d="M331.268 59H4.73239C2.11881 59 0 59.6902 0 60.5417V131.458C0 132.31 2.11881 133 4.73239 133H331.268C333.881 133 336 132.31 336 131.458V60.5417C336 59.6902 333.881 59 331.268 59Z" fill="#292D3A"/>
<path d="M57.0207 73H10.4159C9.89059 73 9.46478 73.8394 9.46478 74.875V81.125C9.46478 82.1606 9.89059 83 10.4159 83H57.0207C57.546 83 57.9718 82.1606 57.9718 81.125V74.875C57.9718 73.8394 57.546 73 57.0207 73Z" fill="#1D1F27"/>
<path d="M325.12 90H255.781C255 90 254.366 90.8394 254.366 91.875V98.125C254.366 99.1606 255 100 255.781 100H325.12C325.902 100 326.535 99.1606 326.535 98.125V91.875C326.535 90.8394 325.902 90 325.12 90Z" fill="#1D1F27"/>
<path d="M225.206 90H13.7796C11.3965 90 9.46478 90.8394 9.46478 91.875V98.125C9.46478 99.1606 11.3965 100 13.7796 100H225.206C227.59 100 229.521 99.1606 229.521 98.125V91.875C229.521 90.8394 227.59 90 225.206 90Z" fill="#1D1F27"/>
<path d="M225.206 107H13.7796C11.3965 107 9.46478 107.839 9.46478 108.875V115.125C9.46478 116.161 11.3965 117 13.7796 117H225.206C227.59 117 229.521 116.161 229.521 115.125V108.875C229.521 107.839 227.59 107 225.206 107Z" fill="#1D1F27"/>
</g>
<defs>
<clipPath id="clip0_1_7059">
<rect width="336" height="192" fill="white"/>
</clipPath>
</defs>
</svg>