Files
hpe-branding/assets/site-images/templateImages/template-preview-child objects-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

9 lines
8.8 KiB
XML

<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M260 27H76C73.7909 27 72 28.599 72 30.5714V148.429C72 150.401 73.7909 152 76 152H260C262.209 152 264 150.401 264 148.429V30.5714C264 28.599 262.209 27 260 27Z" fill="#292D3A"/>
<path d="M254 71V72H80V71H254Z" fill="white" fill-opacity="0.12"/>
<path d="M86.32 97.16C82.736 97.16 80.736 94.872 80.736 91.352V91.224C80.736 87.784 83.088 85.384 86.288 85.384C88.912 85.384 90.944 86.696 91.2 89.384H89.04C88.816 87.864 87.952 87.08 86.304 87.08C84.288 87.08 82.976 88.648 82.976 91.208V91.336C82.976 93.912 84.208 95.448 86.32 95.448C87.904 95.448 89.008 94.632 89.248 93H91.328C90.992 95.768 89.04 97.16 86.32 97.16ZM93.0594 97V84.76H94.9954V97H93.0594ZM100.155 97.16C98.5071 97.16 97.2751 96.216 97.2751 93.992V88.632H99.2111V93.768C99.2111 95.032 99.7391 95.608 100.843 95.608C101.915 95.608 102.811 94.936 102.811 93.608V88.632H104.747V97H102.811V95.688C102.395 96.504 101.515 97.16 100.155 97.16ZM109.907 97.16C107.747 97.16 106.483 96.168 106.403 94.392H108.227C108.323 95.24 108.755 95.736 109.891 95.736C110.931 95.736 111.395 95.368 111.395 94.664C111.395 93.976 110.835 93.72 109.603 93.512C107.395 93.16 106.579 92.536 106.579 90.968C106.579 89.288 108.147 88.456 109.715 88.456C111.427 88.456 112.787 89.096 112.995 90.984H111.203C111.043 90.216 110.611 89.864 109.715 89.864C108.883 89.864 108.387 90.264 108.387 90.856C108.387 91.464 108.787 91.704 110.115 91.928C112.083 92.232 113.251 92.712 113.251 94.488C113.251 96.184 112.051 97.16 109.907 97.16ZM117.797 97.144C116.133 97.144 115.269 96.248 115.269 94.664V90.072H114.149V88.632H115.269V86.792H117.205V88.632H119.029V90.072H117.205V94.488C117.205 95.224 117.541 95.576 118.165 95.576C118.549 95.576 118.837 95.512 119.109 95.4V96.936C118.805 97.032 118.389 97.144 117.797 97.144ZM124.52 97.16C122.056 97.16 120.28 95.544 120.28 92.904V92.776C120.28 90.184 122.056 88.456 124.44 88.456C126.52 88.456 128.392 89.688 128.392 92.68V93.24H122.264C122.328 94.824 123.128 95.72 124.568 95.72C125.736 95.72 126.344 95.256 126.488 94.44H128.36C128.088 96.2 126.664 97.16 124.52 97.16ZM122.296 91.944H126.472C126.376 90.504 125.64 89.864 124.44 89.864C123.272 89.864 122.488 90.648 122.296 91.944ZM130.121 97V88.632H132.057V90.2C132.585 89.128 133.369 88.52 134.777 88.504V90.312C133.081 90.344 132.057 90.872 132.057 92.648V97H130.121ZM139.297 97.16C137.137 97.16 135.873 96.168 135.793 94.392H137.617C137.713 95.24 138.145 95.736 139.281 95.736C140.321 95.736 140.785 95.368 140.785 94.664C140.785 93.976 140.225 93.72 138.993 93.512C136.785 93.16 135.969 92.536 135.969 90.968C135.969 89.288 137.537 88.456 139.105 88.456C140.817 88.456 142.177 89.096 142.385 90.984H140.593C140.433 90.216 140.001 89.864 139.105 89.864C138.273 89.864 137.777 90.264 137.777 90.856C137.777 91.464 138.177 91.704 139.505 91.928C141.473 92.232 142.641 92.712 142.641 94.488C142.641 96.184 141.441 97.16 139.297 97.16ZM80.504 117L83.948 106.99H85.544L88.932 117H87.728L86.748 114.116H82.618L81.652 117H80.504ZM84.69 107.998L82.954 113.15H86.426L84.69 107.998ZM93.2309 117.126C91.3129 117.126 89.9269 115.768 89.9269 113.486V113.374C89.9269 111.134 91.3269 109.552 93.3429 109.552C94.5609 109.552 95.3169 110.14 95.7369 110.854V106.178H96.8989V117H95.7369V115.74C95.3169 116.454 94.2949 117.126 93.2309 117.126ZM93.3569 116.16C94.7149 116.16 95.7789 115.264 95.7789 113.388V113.276C95.7789 111.4 94.8829 110.518 93.4549 110.518C91.9989 110.518 91.1309 111.54 91.1309 113.318V113.43C91.1309 115.278 92.1249 116.16 93.3569 116.16ZM99.2502 117V109.678H100.412V110.798C100.748 110.112 101.546 109.552 102.596 109.552C103.534 109.552 104.36 109.944 104.738 110.924C105.242 109.972 106.334 109.552 107.244 109.552C108.56 109.552 109.708 110.336 109.708 112.464V117H108.546V112.38C108.546 111.092 108 110.56 106.992 110.56C106.04 110.56 105.06 111.204 105.06 112.52V117H103.898V112.38C103.898 111.092 103.352 110.56 102.344 110.56C101.392 110.56 100.412 111.204 100.412 112.52V117H99.2502ZM112.58 108.152C112.16 108.152 111.81 107.802 111.81 107.382C111.81 106.962 112.16 106.612 112.58 106.612C113 106.612 113.35 106.962 113.35 107.382C113.35 107.802 113 108.152 112.58 108.152ZM112.02 117V109.678H113.182V117H112.02ZM115.561 117V109.678H116.723V110.84C117.059 110.154 117.871 109.552 119.075 109.552C120.587 109.552 121.651 110.378 121.651 112.506V117H120.489V112.422C120.489 111.134 119.943 110.56 118.767 110.56C117.689 110.56 116.723 111.246 116.723 112.562V117H115.561Z" fill="#E6E8E9"/>
<path d="M245.679 98.4599C245.972 98.167 246.447 98.167 246.74 98.4599C247.033 98.7528 247.033 99.2276 246.74 99.5205L242.24 104.02C241.947 104.313 241.472 104.313 241.179 104.02L236.679 99.5205C236.386 99.2276 236.386 98.7528 236.679 98.4599C236.972 98.167 237.447 98.167 237.74 98.4599L241.709 102.43L245.679 98.4599Z" fill="#E6E8E9"/>
<path d="M254 131V132H80V131H254Z" fill="white" fill-opacity="0.12"/>
<path d="M81.476 56V43.13H85.616C88.496 43.13 90.368 44.408 90.368 47.108V47.18C90.368 49.898 88.424 51.122 85.67 51.122H83.87V56H81.476ZM83.87 49.376H85.616C87.2 49.376 88.046 48.602 88.046 47.18V47.108C88.046 45.578 87.128 44.984 85.616 44.984H83.87V49.376ZM96.1235 56.18C93.3515 56.18 91.3535 54.362 91.3535 51.392V51.248C91.3535 48.332 93.3515 46.388 96.0335 46.388C98.3735 46.388 100.48 47.774 100.48 51.14V51.77H93.5855C93.6575 53.552 94.5575 54.56 96.1775 54.56C97.4915 54.56 98.1755 54.038 98.3375 53.12H100.444C100.138 55.1 98.5355 56.18 96.1235 56.18ZM93.6215 50.312H98.3195C98.2115 48.692 97.3835 47.972 96.0335 47.972C94.7195 47.972 93.8375 48.854 93.6215 50.312ZM102.425 56V46.586H104.603V48.35C105.197 47.144 106.079 46.46 107.663 46.442V48.476C105.755 48.512 104.603 49.106 104.603 51.104V56H102.425ZM109.562 56V46.586H111.74V48.026C112.19 47.144 113.198 46.388 114.602 46.388C115.826 46.388 116.798 46.91 117.266 48.08C117.986 46.892 119.282 46.388 120.452 46.388C122.18 46.388 123.584 47.45 123.584 50.042V56H121.406V50.186C121.406 48.8 120.794 48.206 119.732 48.206C118.634 48.206 117.644 48.926 117.644 50.366V56H115.484V50.186C115.484 48.8 114.89 48.206 113.81 48.206C112.73 48.206 111.74 48.926 111.74 50.366V56H109.562ZM127.201 45.038C126.481 45.038 125.905 44.498 125.905 43.796C125.905 43.094 126.481 42.536 127.201 42.536C127.939 42.536 128.515 43.094 128.515 43.796C128.515 44.498 127.939 45.038 127.201 45.038ZM126.139 56V46.586H128.317V56H126.139ZM134.194 56.18C131.764 56.18 130.342 55.064 130.252 53.066H132.304C132.412 54.02 132.898 54.578 134.176 54.578C135.346 54.578 135.868 54.164 135.868 53.372C135.868 52.598 135.238 52.31 133.852 52.076C131.368 51.68 130.45 50.978 130.45 49.214C130.45 47.324 132.214 46.388 133.978 46.388C135.904 46.388 137.434 47.108 137.668 49.232H135.652C135.472 48.368 134.986 47.972 133.978 47.972C133.042 47.972 132.484 48.422 132.484 49.088C132.484 49.772 132.934 50.042 134.428 50.294C136.642 50.636 137.956 51.176 137.956 53.174C137.956 55.082 136.606 56.18 134.194 56.18ZM143.106 56.18C140.676 56.18 139.254 55.064 139.164 53.066H141.216C141.324 54.02 141.81 54.578 143.088 54.578C144.258 54.578 144.78 54.164 144.78 53.372C144.78 52.598 144.15 52.31 142.764 52.076C140.28 51.68 139.362 50.978 139.362 49.214C139.362 47.324 141.126 46.388 142.89 46.388C144.816 46.388 146.346 47.108 146.58 49.232H144.564C144.384 48.368 143.898 47.972 142.89 47.972C141.954 47.972 141.396 48.422 141.396 49.088C141.396 49.772 141.846 50.042 143.34 50.294C145.554 50.636 146.868 51.176 146.868 53.174C146.868 55.082 145.518 56.18 143.106 56.18ZM149.894 45.038C149.174 45.038 148.598 44.498 148.598 43.796C148.598 43.094 149.174 42.536 149.894 42.536C150.632 42.536 151.208 43.094 151.208 43.796C151.208 44.498 150.632 45.038 149.894 45.038ZM148.832 56V46.586H151.01V56H148.832ZM157.859 56.18C155.087 56.18 153.035 54.254 153.035 51.392V51.248C153.035 48.332 155.105 46.388 157.877 46.388C160.631 46.388 162.701 48.314 162.701 51.194V51.338C162.701 54.272 160.631 56.18 157.859 56.18ZM157.877 54.488C159.497 54.488 160.469 53.264 160.469 51.374V51.23C160.469 49.286 159.497 48.098 157.877 48.098C156.257 48.098 155.267 49.268 155.267 51.212V51.356C155.267 53.282 156.239 54.488 157.877 54.488ZM164.669 56V46.586H166.847V48.08C167.297 47.162 168.341 46.388 169.889 46.388C171.779 46.388 173.111 47.486 173.111 50.096V56H170.933V50.276C170.933 48.854 170.357 48.206 169.061 48.206C167.855 48.206 166.847 48.962 166.847 50.456V56H164.669ZM178.842 56.18C176.412 56.18 174.99 55.064 174.9 53.066H176.952C177.06 54.02 177.546 54.578 178.824 54.578C179.994 54.578 180.516 54.164 180.516 53.372C180.516 52.598 179.886 52.31 178.5 52.076C176.016 51.68 175.098 50.978 175.098 49.214C175.098 47.324 176.862 46.388 178.626 46.388C180.552 46.388 182.082 47.108 182.316 49.232H180.3C180.12 48.368 179.634 47.972 178.626 47.972C177.69 47.972 177.132 48.422 177.132 49.088C177.132 49.772 177.582 50.042 179.076 50.294C181.29 50.636 182.604 51.176 182.604 53.174C182.604 55.082 181.254 56.18 178.842 56.18Z" fill="#E6E8E9"/>
</svg>