Files
hpe-branding/assets/site-images/creativetoolkitimages/templates.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

36 lines
4.2 KiB
XML

<svg width="196" height="196" viewBox="0 0 196 196" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M47.9404 176.137C47.9404 177.86 48.7983 179.273 50.0479 180.119C50.5506 180.46 50.6937 181.137 50.3711 181.651C50.0483 182.166 49.3759 182.332 48.8506 182.027L35.8262 174.472C35.7898 174.451 35.7545 174.427 35.7207 174.402C34.0286 173.148 32.8731 171.133 32.873 168.729V90.1367C32.873 89.7339 33.0876 89.3615 33.4365 89.1602C33.7854 88.9588 34.2157 88.9595 34.5645 89.1611L47.377 96.5674C47.7254 96.7688 47.9404 97.1405 47.9404 97.543V176.137Z" fill="#01A982" stroke="#292D3A" stroke-width="2.25451" stroke-linejoin="round"/>
<path d="M139.857 12.8281C142.471 11.3172 145.452 11.7016 147.572 13.2588L159.56 20.1396H159.559L159.721 20.2305H159.72C159.725 20.2335 159.73 20.2362 159.735 20.2393C160.27 20.5517 160.452 21.2374 160.144 21.7744C159.835 22.311 159.151 22.4986 158.612 22.1943L158.459 22.1074C157.075 21.3689 155.346 21.293 153.798 22.1855L54.498 79.5908C50.4411 81.9346 47.9405 86.2708 47.9404 90.9648V97.5439C47.9404 97.9468 47.7249 98.3192 47.376 98.5205C47.0271 98.7216 46.5977 98.721 46.249 98.5195L33.4355 91.1143C33.0871 90.9128 32.873 90.5402 32.873 90.1377V83.5586C32.8731 78.0609 35.8016 72.9801 40.5566 70.2305L139.857 12.8281Z" fill="url(#paint0_linear_2178_6792)" stroke="#292D3A" stroke-width="2.25451" stroke-linejoin="round"/>
<path d="M149.318 53.1016L115.966 72.3816V109.416L149.318 90.1359V53.1016Z" fill="#00E0AF"/>
<path d="M103.994 141.19L102.285 140.16L92.584 134.316L92.0381 133.987V133.351L92.0283 85.5693V84.9189L92.5908 84.5938L102.303 78.9795L103.994 78.001V141.19Z" fill="#01A982" stroke="#292D3A" stroke-width="2.25451"/>
<path d="M93.7354 132.384L103.447 138.229L105.084 139.214L103.431 140.17L60.1914 165.181L58.5 166.159V152.171L59.0605 151.845L92.5879 132.375L93.165 132.04L93.7354 132.384Z" fill="#00E0AF" stroke="#292D3A" stroke-width="2.25451"/>
<path d="M163.257 111.528C163.257 117.026 160.329 122.107 155.574 124.856L56.2749 182.259V182.26C53.7528 183.717 50.885 183.411 48.7837 181.985C46.9585 180.749 45.6861 178.659 45.686 176.138V96.8926L46.2485 96.5674L161.566 29.9053L163.257 28.9268V111.528ZM60.7544 105.6V162.251L101.739 138.544V81.9082L60.7544 105.6ZM117.093 73.0322V107.462L148.191 89.4844V55.0557L117.093 73.0322Z" fill="url(#paint1_linear_2178_6792)" stroke="#292D3A" stroke-width="2.25451"/>
<ellipse cx="2.29854" cy="2.29854" rx="2.29854" ry="2.29854" transform="matrix(0.866025 -0.5 0 1 115.507 118.844)" fill="#292D3A"/>
<rect width="33.4748" height="2.63026" rx="1.31513" transform="matrix(0.866025 -0.5 0 1 122.832 115.68)" fill="#292D3A"/>
<ellipse cx="2.29854" cy="2.29854" rx="2.29854" ry="2.29854" transform="matrix(0.866025 -0.5 0 1 115.507 128.381)" fill="#292D3A"/>
<rect width="32.5122" height="2.63026" rx="1.31513" transform="matrix(0.866025 -0.5 0 1 122.832 125.217)" fill="#292D3A"/>
<path d="M152.67 20.2354C155.023 18.8757 157.678 19.048 159.73 20.2354C161.782 21.4223 163.258 23.6385 163.259 26.3564V30.8828C163.258 31.2851 163.043 31.657 162.695 31.8584L47.3787 98.5205C47.0299 98.7221 46.5997 98.7228 46.2507 98.5215C45.9018 98.3202 45.6873 97.9477 45.6873 97.5449V90.9658C45.6873 85.468 48.6157 80.3874 53.3708 77.6377L152.67 20.2354Z" fill="url(#paint2_linear_2178_6792)" stroke="#292D3A" stroke-width="2.25451" stroke-linejoin="round"/>
<defs>
<linearGradient id="paint0_linear_2178_6792" x1="34" y1="55.2719" x2="159.167" y2="55.2719" gradientUnits="userSpaceOnUse">
<stop stop-color="#7764FC"/>
<stop offset="0.5" stop-color="#62E5F6"/>
<stop offset="0.7" stop-color="#3FDBD1"/>
<stop offset="1" stop-color="#05CC93"/>
</linearGradient>
<linearGradient id="paint1_linear_2178_6792" x1="58.4493" y1="186.295" x2="151.789" y2="24.9003" gradientUnits="userSpaceOnUse">
<stop stop-color="#B1B9BE"/>
<stop offset="0.143" stop-color="#C9CED2"/>
<stop offset="0.326" stop-color="#E0E3E5"/>
<stop offset="0.521" stop-color="#F1F3F3"/>
<stop offset="0.735" stop-color="#FBFCFC"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
<linearGradient id="paint2_linear_2178_6792" x1="46.8142" y1="58.9756" x2="162.131" y2="58.9756" gradientUnits="userSpaceOnUse">
<stop stop-color="#7764FC"/>
<stop offset="0.5" stop-color="#62E5F6"/>
<stop offset="0.7" stop-color="#3FDBD1"/>
<stop offset="1" stop-color="#05CC93"/>
</linearGradient>
</defs>
</svg>