Files
hpe-branding/assets/site-images/templateImages/template-preview-scrolling-pagination.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

16 lines
2.6 KiB
XML

<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M65.1627 160.088C65.3905 160.316 65.3905 160.685 65.1627 160.913C64.9349 161.141 64.5657 161.141 64.3378 160.913L60.8378 157.413C60.61 157.185 60.61 156.816 60.8378 156.588L64.3378 153.088C64.5657 152.86 64.9349 152.86 65.1627 153.088C65.3905 153.316 65.3905 153.685 65.1627 153.913L62.0752 157L65.1627 160.088Z" fill="black" fill-opacity="0.24"/>
<path d="M94.6294 162V153.838L92.5294 155.266V153.642L94.8394 151.99H96.5054V162H94.6294Z" fill="#292D3A"/>
<path d="M113 157C113 149.268 119.268 143 127 143H129C136.732 143 143 149.268 143 157C143 164.732 136.732 171 129 171H127C119.268 171 113 164.732 113 157Z" fill="black" fill-opacity="0.04"/>
<path d="M124.019 162V161.636L127.687 157.758C128.653 156.722 129.269 155.854 129.269 154.944C129.269 154.118 128.807 153.586 127.939 153.586C127.057 153.586 126.497 154.104 126.357 155.42H124.285C124.397 153.124 125.797 151.85 128.023 151.85C130.263 151.85 131.509 153.096 131.509 154.888C131.509 156.218 130.739 157.31 129.577 158.43L127.687 160.278H131.579V162H124.019Z" fill="#006750"/>
<path d="M160.895 162.14C158.515 162.14 157.213 160.824 157.129 158.92H158.809C158.921 159.956 159.509 160.726 160.853 160.726C162.155 160.726 162.757 160.11 162.757 159.116C162.757 158.024 162.169 157.478 160.951 157.478H160.181V156.148H160.895C162.043 156.148 162.561 155.616 162.561 154.678C162.561 153.866 162.043 153.278 161.007 153.278C159.943 153.278 159.257 153.908 159.145 154.916H157.493C157.591 153.18 158.893 151.864 161.035 151.864C163.107 151.864 164.339 153.04 164.339 154.538C164.339 155.672 163.681 156.372 162.715 156.722C163.877 157.002 164.647 157.814 164.647 159.13C164.647 160.992 163.191 162.14 160.895 162.14Z" fill="#292D3A"/>
<path d="M194.906 162V159.97H189.95V159.312L194.36 151.99H196.712V158.598H198.056V159.97H196.712V162H194.906ZM191.938 158.598H194.934V153.404L191.938 158.598Z" fill="#292D3A"/>
<path d="M223.837 153.913C223.61 153.685 223.61 153.316 223.837 153.088C224.065 152.86 224.434 152.86 224.662 153.088L228.162 156.588C228.39 156.816 228.39 157.185 228.162 157.413L224.662 160.913C224.434 161.141 224.065 161.141 223.837 160.913C223.61 160.685 223.61 160.316 223.837 160.088L226.925 157L223.837 153.913Z" fill="#292D3A"/>
<mask id="path-13-inside-1_125_287" fill="white">
<path d="M264 21H288V171H264V21Z"/>
</mask>
<path d="M264 21H288V171H264V21Z" fill="white"/>
<path d="M288 21H287V171H288H289V21H288ZM264 171H265V21H264H263V171H264Z" fill="#D4D8DB" mask="url(#path-13-inside-1_125_287)"/>
<rect x="268" y="23" width="16" height="53" rx="8" fill="#7D8A92"/>
</svg>