justin/hpe-branding
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial mirror of the HPE Design System

Browse Source 
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.
This commit is contained in:
claude
2026-07-30 08:34:50 -04:00
commit 0730557624
752 changed files with 8423 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/site-images/highlightImages/icons.svg
+19
View File
@@ -0,0 +1,19 @@
<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.25 20.75C32.3921 20.75 35.75 24.1079 35.75 28.25C35.75 30.051 35.1147 31.7032 34.0566 32.9961L37.0303 35.9697C37.3232 36.2626 37.3232 36.7374 37.0303 37.0303C36.7374 37.3232 36.2626 37.3232 35.9697 37.0303L32.9961 34.0566C31.7032 35.1147 30.051 35.75 28.25 35.75C24.1079 35.75 20.75 32.3921 20.75 28.25C20.75 24.1079 24.1079 20.75 28.25 20.75ZM28.25 22.25C24.9363 22.25 22.25 24.9363 22.25 28.25C22.25 31.5637 24.9363 34.25 28.25 34.25C31.5637 34.25 34.25 31.5637 34.25 28.25C34.25 24.9363 31.5637 22.25 28.25 22.25Z" fill="#3E4550"/>
<path d="M66.0833 28.25C66.4975 28.25 66.8333 28.5858 66.8333 29C66.8333 29.4142 66.4975 29.75 66.0833 29.75H60.8333C60.4191 29.75 60.0833 29.4142 60.0833 29C60.0833 28.5858 60.4191 28.25 60.8333 28.25H66.0833Z" fill="#3E4550"/>
<path d="M66.0833 25.25C66.4975 25.25 66.8333 25.5858 66.8333 26C66.8333 26.4142 66.4975 26.75 66.0833 26.75H57.8333C57.4191 26.75 57.0833 26.4142 57.0833 26C57.0833 25.5858 57.4191 25.25 57.8333 25.25H66.0833Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M66.8333 20.75C68.9044 20.75 70.5833 22.4289 70.5833 24.5V38.0608L65.8196 34.25H57.8333C55.7622 34.25 54.0833 32.5711 54.0833 30.5V24.5C54.0833 22.4289 55.7622 20.75 57.8333 20.75H66.8333ZM57.8333 22.25C56.5907 22.25 55.5833 23.2574 55.5833 24.5V30.5C55.5833 31.7426 56.5907 32.75 57.8333 32.75H66.3463L66.5521 32.9141L69.0833 34.9385V24.5C69.0833 23.2574 68.076 22.25 66.8333 22.25H57.8333Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M95.6667 20.75C98.5662 20.75 100.917 23.1005 100.917 26C100.917 27.6983 100.109 29.2071 98.8586 30.1667C99.597 30.3831 100.279 30.6895 100.875 31.1021C102.307 32.0935 103.167 33.6426 103.167 35.75V36.5C103.167 36.9142 102.831 37.25 102.417 37.25C102.002 37.25 101.667 36.9142 101.667 36.5V35.75C101.667 34.1074 101.026 33.0315 100.021 32.3354C98.9751 31.6115 97.4595 31.25 95.6667 31.25C93.8758 31.25 92.3597 31.6159 91.3132 32.3428C90.3059 33.0424 89.6667 34.1197 89.6667 35.75V36.5C89.6667 36.9142 89.3309 37.25 88.9167 37.25C88.5025 37.25 88.1667 36.9142 88.1667 36.5V35.75C88.1667 33.6524 89.0274 32.1043 90.4577 31.1108C91.0545 30.6964 91.7377 30.3878 92.4777 30.1697C91.2251 29.2102 90.4167 27.6998 90.4167 26C90.4167 23.1005 92.7672 20.75 95.6667 20.75ZM95.6667 22.25C93.5956 22.25 91.9167 23.9289 91.9167 26C91.9167 28.0711 93.5956 29.75 95.6667 29.75C97.7378 29.75 99.4167 28.0711 99.4167 26C99.4167 23.9289 97.7378 22.25 95.6667 22.25Z" fill="#3E4550"/>
<path d="M29 54.084C31.8091 54.084 34.2962 55.4896 35.75 57.6392V55.584C35.75 55.1698 36.0858 54.834 36.5 54.834C36.9142 54.834 37.25 55.1698 37.25 55.584V59.334C37.25 59.7482 36.9142 60.084 36.5 60.084H32.75C32.3358 60.084 32 59.7482 32 59.334C32 58.9198 32.3358 58.584 32.75 58.584H34.5759C33.4069 56.781 31.347 55.584 29 55.584C25.2721 55.584 22.25 58.6061 22.25 62.334C22.25 66.0619 25.2721 69.084 29 69.084C32.2647 69.084 34.9899 66.7653 35.6152 63.6846C35.6978 63.2788 36.0934 63.0163 36.4993 63.0986C36.9052 63.181 37.1676 63.5775 37.0852 63.9834C36.3207 67.7493 32.9921 70.584 29 70.584C24.4437 70.584 20.75 66.8903 20.75 62.334C20.75 57.7776 24.4437 54.084 29 54.084Z" fill="#3E4550"/>
<path d="M60.0833 67.584C60.9119 67.584 61.5833 68.2554 61.5833 69.084C61.5833 69.9126 60.9119 70.584 60.0833 70.584C59.2547 70.584 58.5833 69.9126 58.5833 69.084C58.5833 68.2554 59.2547 67.584 60.0833 67.584Z" fill="#3E4550"/>
<path d="M67.5833 67.584C68.4119 67.584 69.0833 68.2554 69.0833 69.084C69.0833 69.9126 68.4119 70.584 67.5833 70.584C66.7547 70.584 66.0833 69.9126 66.0833 69.084C66.0833 68.2554 66.7547 67.584 67.5833 67.584Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M55.4566 54.084C56.5438 54.0841 57.4753 54.8615 57.67 55.9312L57.7432 56.334H68.9837C69.886 56.334 70.5839 57.1247 70.472 58.02L69.9915 61.863C69.8508 62.989 68.8938 63.834 67.7591 63.834H59.46C59.2885 63.834 59.1206 63.8144 58.959 63.7776L59.1143 64.707C59.1746 65.0687 59.4874 65.334 59.8541 65.334H68.3333C68.7475 65.334 69.0833 65.6698 69.0833 66.084C69.0833 66.4982 68.7475 66.834 68.3333 66.834H59.8541C58.7542 66.834 57.8157 66.0388 57.6348 64.9539L56.3436 57.207C56.3315 57.1345 56.33 57.0626 56.3384 56.9932L56.1942 56.2C56.1293 55.8434 55.819 55.5841 55.4566 55.584H54.0833C53.6691 55.584 53.3333 55.2482 53.3333 54.834C53.3333 54.4198 53.6691 54.084 54.0833 54.084H55.4566ZM58.7225 61.718C58.7873 62.0746 59.0976 62.3339 59.46 62.334H67.7591C68.1373 62.334 68.4563 62.0523 68.5032 61.677L68.9837 57.834H58.0164L58.7225 61.718Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M101.667 54.9358C101.668 55.9819 101.669 57.3388 100.852 58.3884C100.06 59.4065 98.6613 59.9687 96.4166 60.0679V64.584H100.167C100.581 64.584 100.917 64.9198 100.917 65.334C100.917 65.7482 100.581 66.084 100.167 66.084H100.052L99.6151 68.7039C99.4343 69.7888 98.4958 70.584 97.3959 70.584H93.9374C92.8375 70.584 91.899 69.7888 91.7181 68.7039L91.2816 66.084H91.1666C90.7524 66.0839 90.4166 65.7482 90.4166 65.334C90.4166 64.9198 90.7524 64.584 91.1666 64.584H94.9166V63.0679C92.672 62.9686 91.273 62.4065 90.4811 61.3884C89.6647 60.3388 89.6657 58.9819 89.6666 57.9358V57.084H90.4166C92.5366 57.084 93.9929 57.4372 94.9437 58.1394C95.001 57.3398 95.179 56.4893 95.7311 55.7795C96.6078 54.6525 98.2283 54.084 100.917 54.084H101.667V54.9358ZM93.1976 68.457C93.2579 68.8187 93.5708 69.084 93.9374 69.084H97.3959C97.7625 69.084 98.0753 68.8187 98.1356 68.457L98.5311 66.084H92.8021L93.1976 68.457ZM91.1761 58.6016C91.2032 59.3983 91.3035 60.0025 91.6647 60.467C92.0545 60.9683 92.8997 61.4669 94.9071 61.5664C94.8801 60.7696 94.7798 60.1655 94.4186 59.7009C94.0287 59.1997 93.1835 58.701 91.1761 58.6016ZM100.157 55.6016C98.1497 55.701 97.3045 56.1997 96.9147 56.7009C96.5535 57.1655 96.4532 57.7697 96.4261 58.5664C98.4335 58.4669 99.2787 57.9683 99.6686 57.467C100.03 57.0025 100.13 56.3983 100.157 55.6016Z" fill="#3E4550"/>
<path d="M25.25 93.416C25.6642 93.416 26 93.7518 26 94.166V94.916H26.75C27.1642 94.916 27.5 95.2518 27.5 95.666C27.5 96.0802 27.1642 96.416 26.75 96.416H26V97.166C26 97.5802 25.6642 97.916 25.25 97.916C24.8358 97.916 24.5 97.5802 24.5 97.166V96.416H23.75C23.3358 96.416 23 96.0802 23 95.666C23 95.2518 23.3358 94.916 23.75 94.916H24.5V94.166C24.5 93.7518 24.8358 93.416 25.25 93.416Z" fill="#3E4550"/>
<path d="M30.125 94.916C30.7463 94.916 31.25 95.4197 31.25 96.041C31.25 96.6623 30.7463 97.166 30.125 97.166C29.5037 97.166 29 96.6623 29 96.041C29 95.4197 29.5037 94.916 30.125 94.916Z" fill="#3E4550"/>
<path d="M33.125 93.416C33.7463 93.416 34.25 93.9197 34.25 94.541C34.25 95.1623 33.7463 95.666 33.125 95.666C32.5037 95.666 32 95.1623 32 94.541C32 93.9197 32.5037 93.416 33.125 93.416Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M29 88.166C29.4142 88.166 29.75 88.5018 29.75 88.916V90.4241C31.1804 90.4384 32.0864 90.416 32.75 90.416C33.5505 90.416 34.4749 90.5129 35.312 91.051C36.1641 91.5989 36.8123 92.5284 37.2214 93.9602C37.9999 96.685 38 98.2669 38 100.166C38 101.348 37.5022 102.169 36.6904 102.642C35.9506 103.074 35.0341 103.166 34.25 103.166C33.6089 103.166 33.1067 102.841 32.7273 102.519C32.3687 102.215 31.9697 101.772 31.644 101.448C30.934 100.743 30.1788 100.166 29 100.166C27.8212 100.166 27.066 100.743 26.356 101.448C26.0303 101.772 25.6313 102.215 25.2727 102.519C24.8933 102.841 24.3911 103.166 23.75 103.166C22.9659 103.166 22.0494 103.074 21.3096 102.642C20.4978 102.169 20 101.348 20 100.166C20 98.2669 20.0001 96.685 20.7786 93.9602C21.1877 92.5284 21.8359 91.5989 22.688 91.051C23.5251 90.5129 24.4495 90.416 25.25 90.416C25.9136 90.416 26.8196 90.4384 28.25 90.4241V88.916C28.25 88.5018 28.5858 88.166 29 88.166ZM32.75 91.916C32.0311 91.916 30.8722 91.949 29 91.916C27.1278 91.949 25.9689 91.916 25.25 91.916C24.5506 91.916 23.9749 92.0068 23.4995 92.3123C23.0393 92.6081 22.5623 93.179 22.2214 94.3718C21.5 96.8969 21.5 98.3152 21.5 100.166C21.5 100.859 21.7523 101.163 22.0654 101.346C22.4506 101.571 23.0341 101.666 23.75 101.666C23.8589 101.666 24.0183 101.616 24.3015 101.375C24.6053 101.117 24.8698 100.81 25.2991 100.384C26.0993 99.5888 27.2196 98.666 29 98.666C30.7804 98.666 31.9007 99.5888 32.7009 100.384C33.1302 100.81 33.3947 101.117 33.6985 101.375C33.9817 101.616 34.1411 101.666 34.25 101.666C34.9659 101.666 35.5494 101.571 35.9346 101.346C36.2477 101.163 36.5 100.859 36.5 100.166C36.5 98.3152 36.5 96.8969 35.7786 94.3718C35.4377 93.179 34.9607 92.6081 34.5005 92.3123C34.0251 92.0068 33.4494 91.916 32.75 91.916Z" fill="#3E4550"/>
<path d="M69.8333 97.916C70.2475 97.916 70.5833 98.2518 70.5833 98.666V100.166C70.5833 102.237 68.9044 103.916 66.8333 103.916H57.8333C55.7622 103.916 54.0833 102.237 54.0833 100.166V98.666C54.0834 98.2518 54.4191 97.916 54.8333 97.916C55.2475 97.916 55.5833 98.2518 55.5833 98.666V100.166C55.5833 101.409 56.5907 102.416 57.8333 102.416H66.8333C68.076 102.416 69.0833 101.409 69.0833 100.166V98.666C69.0834 98.2518 69.4191 97.916 69.8333 97.916Z" fill="#3E4550"/>
<path d="M62.3333 87.416C62.7475 87.416 63.0833 87.7518 63.0833 88.166V96.1055L65.553 93.6357C65.8459 93.3428 66.3207 93.3428 66.6136 93.6357C66.9065 93.9286 66.9065 94.4034 66.6136 94.6963L62.8636 98.4463C62.5707 98.7392 62.0959 98.7392 61.803 98.4463L58.053 94.6963C57.7601 94.4034 57.7601 93.9286 58.053 93.6357C58.3459 93.3428 58.8207 93.3428 59.1136 93.6357L61.5833 96.1055V88.166C61.5833 87.7518 61.9191 87.416 62.3333 87.416Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.3105 87.416C97.1393 87.416 97.9453 87.6905 98.6015 88.1968L102.457 91.1711C103.377 91.8811 103.917 92.978 103.917 94.1404V100.166C103.917 102.237 102.238 103.916 100.167 103.916H91.1667C89.0956 103.916 87.4167 102.237 87.4167 100.166V91.166C87.4167 89.0949 89.0956 87.416 91.1667 87.416H96.3105ZM91.1667 88.916C89.924 88.916 88.9167 89.9234 88.9167 91.166V100.166C88.9167 101.409 89.924 102.416 91.1667 102.416H100.167C101.409 102.416 102.417 101.409 102.417 100.166V94.166H98.6667C97.424 94.166 96.4167 93.1587 96.4167 91.916V88.9197C96.3814 88.918 96.3459 88.916 96.3105 88.916H91.1667ZM97.9167 91.916C97.9167 92.3302 98.2525 92.666 98.6667 92.666H101.864C101.768 92.5545 101.66 92.451 101.541 92.3591L97.9167 89.5627V91.916Z" fill="#3E4550"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB