Files
hpe-branding/assets/site-images/foundationImages/foundation-preview-componentsizing-invert.svg
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

9 lines
3.1 KiB
XML

<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M100 106C100 98.268 106.268 92 114 92C121.732 92 128 98.268 128 106C128 113.732 121.732 120 114 120C106.268 120 100 113.732 100 106Z" fill="white" fill-opacity="0.06"/>
<path d="M108.525 111.126C107.699 111.126 107.279 111 106.957 110.832V109.376C107.307 109.516 107.657 109.628 108.245 109.628C109.155 109.628 109.743 109.152 109.743 107.92V100.99H111.619V107.976C111.619 110.132 110.373 111.126 108.525 111.126ZM117.21 111.14C114.48 111.14 113.332 109.782 113.192 107.892H114.984C115.11 108.9 115.516 109.74 117.21 109.74C118.316 109.74 119.1 109.124 119.1 108.2C119.1 107.276 118.638 106.926 117.014 106.66C114.62 106.338 113.486 105.61 113.486 103.734C113.486 102.096 114.886 100.864 116.972 100.864C119.128 100.864 120.416 101.844 120.612 103.762H118.904C118.722 102.712 118.12 102.264 116.972 102.264C115.838 102.264 115.25 102.81 115.25 103.58C115.25 104.392 115.586 104.798 117.322 105.05C119.674 105.372 120.892 106.044 120.892 108.046C120.892 109.782 119.422 111.14 117.21 111.14Z" fill="#E6E8E9"/>
<path d="M140 102C140 92.0589 148.059 84 158 84C167.941 84 176 92.0589 176 102C176 111.941 167.941 120 158 120C148.059 120 140 111.941 140 102Z" fill="white" fill-opacity="0.06"/>
<path d="M151.743 108.144C150.799 108.144 150.319 108 149.951 107.808V106.144C150.351 106.304 150.751 106.432 151.423 106.432C152.463 106.432 153.135 105.888 153.135 104.48V96.56H155.279V104.544C155.279 107.008 153.855 108.144 151.743 108.144ZM161.669 108.16C158.549 108.16 157.237 106.608 157.077 104.448H159.125C159.269 105.6 159.733 106.56 161.669 106.56C162.933 106.56 163.829 105.856 163.829 104.8C163.829 103.744 163.301 103.344 161.445 103.04C158.709 102.672 157.413 101.84 157.413 99.696C157.413 97.824 159.013 96.416 161.397 96.416C163.861 96.416 165.333 97.536 165.557 99.728H163.605C163.397 98.528 162.709 98.016 161.397 98.016C160.101 98.016 159.429 98.64 159.429 99.52C159.429 100.448 159.813 100.912 161.797 101.2C164.485 101.568 165.877 102.336 165.877 104.624C165.877 106.608 164.197 108.16 161.669 108.16Z" fill="#E6E8E9"/>
<path d="M188 96C188 82.7452 198.745 72 212 72C225.255 72 236 82.7452 236 96C236 109.255 225.255 120 212 120C198.745 120 188 109.255 188 96Z" fill="white" fill-opacity="0.06"/>
<path d="M204.961 102.162C203.899 102.162 203.359 102 202.945 101.784V99.912C203.395 100.092 203.845 100.236 204.601 100.236C205.771 100.236 206.527 99.624 206.527 98.04V89.13H208.939V98.112C208.939 100.884 207.337 102.162 204.961 102.162ZM216.127 102.18C212.617 102.18 211.141 100.434 210.961 98.004H213.265C213.427 99.3 213.949 100.38 216.127 100.38C217.549 100.38 218.557 99.588 218.557 98.4C218.557 97.212 217.963 96.762 215.875 96.42C212.797 96.006 211.339 95.07 211.339 92.658C211.339 90.552 213.139 88.968 215.821 88.968C218.593 88.968 220.249 90.228 220.501 92.694H218.305C218.071 91.344 217.297 90.768 215.821 90.768C214.363 90.768 213.607 91.47 213.607 92.46C213.607 93.504 214.039 94.026 216.271 94.35C219.295 94.764 220.861 95.628 220.861 98.202C220.861 100.434 218.971 102.18 216.127 102.18Z" fill="#E6E8E9"/>
</svg>