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/foundationImages/foundation-preview-icons.svg
+19
View File
@@ -0,0 +1,19 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M119.667 33.3333C127.031 33.3333 133 39.3029 133 46.6667C133 49.8684 131.871 52.8057 129.99 55.1042L135.276 60.3906C135.797 60.9113 135.797 61.7553 135.276 62.2761C134.756 62.7967 133.911 62.7967 133.391 62.2761L128.104 56.9896C125.806 58.8705 122.869 60 119.667 60C112.303 60 106.333 54.0305 106.333 46.6667C106.333 39.3029 112.303 33.3333 119.667 33.3333ZM119.667 36C113.776 36 109 40.7756 109 46.6667C109 52.5577 113.776 57.3333 119.667 57.3333C125.558 57.3333 130.333 52.5577 130.333 46.6667C130.333 40.7756 125.558 36 119.667 36Z" fill="#3E4550"/>
<path d="M176.667 46.6667C177.403 46.6667 178 47.2636 178 48C178 48.7364 177.403 49.3333 176.667 49.3333H167.333C166.597 49.3333 166 48.7364 166 48C166 47.2636 166.597 46.6667 167.333 46.6667H176.667Z" fill="#3E4550"/>
<path d="M176.667 41.3333C177.403 41.3333 178 41.9303 178 42.6667C178 43.4031 177.403 44 176.667 44H162C161.264 44 160.667 43.4031 160.667 42.6667C160.667 41.9303 161.264 41.3333 162 41.3333H176.667Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M178 33.3333C181.682 33.3333 184.667 36.3181 184.667 40V64.1081L176.198 57.3333H162C158.318 57.3333 155.333 54.3486 155.333 50.6667V40C155.333 36.3181 158.318 33.3333 162 33.3333H178ZM162 36C159.791 36 158 37.7909 158 40V50.6667C158 52.8758 159.791 54.6667 162 54.6667H177.134L177.5 54.9583L182 58.5573V40C182 37.7909 180.209 36 178 36H162Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M219 33.3333C224.154 33.3333 228.333 37.512 228.333 42.6667C228.333 45.6859 226.898 48.3683 224.674 50.0742C225.987 50.4589 227.199 51.0035 228.259 51.737C230.805 53.4996 232.333 56.2535 232.333 60V61.3333C232.333 62.0697 231.736 62.6667 231 62.6667C230.263 62.6667 229.667 62.0697 229.667 61.3333V60C229.667 57.0799 228.528 55.1671 226.741 53.9297C224.882 52.6426 222.187 52 219 52C215.816 52 213.121 52.6505 211.26 53.9427C209.47 55.1864 208.333 57.1016 208.333 60V61.3333C208.333 62.0697 207.736 62.6667 207 62.6667C206.263 62.6667 205.667 62.0697 205.667 61.3333V60C205.667 56.271 207.197 53.5187 209.739 51.7526C210.8 51.0157 212.015 50.4672 213.331 50.0794C211.104 48.3737 209.667 45.6885 209.667 42.6667C209.667 37.512 213.845 33.3333 219 33.3333ZM219 36C215.318 36 212.333 38.9848 212.333 42.6667C212.333 46.3486 215.318 49.3333 219 49.3333C222.682 49.3333 225.667 46.3486 225.667 42.6667C225.667 38.9848 222.682 36 219 36Z" fill="#3E4550"/>
<path d="M121 82.3333C125.994 82.3333 130.416 84.8322 133 88.6537V85C133 84.2636 133.597 83.6667 134.333 83.6667C135.07 83.6667 135.667 84.2636 135.667 85V91.6667C135.667 92.4031 135.07 93 134.333 93H127.667C126.93 93 126.333 92.4031 126.333 91.6667C126.333 90.9303 126.93 90.3333 127.667 90.3333H130.913C128.835 87.128 125.173 85 121 85C114.373 85 109 90.3726 109 97C109 103.627 114.373 109 121 109C126.804 109 131.649 104.878 132.761 99.4011C132.907 98.6797 133.611 98.2129 134.332 98.3594C135.054 98.5059 135.52 99.2107 135.374 99.9323C134.015 106.627 128.097 111.667 121 111.667C112.9 111.667 106.333 105.1 106.333 97C106.333 88.8998 112.9 82.3333 121 82.3333Z" fill="#3E4550"/>
<path d="M166 106.333C167.473 106.333 168.667 107.527 168.667 109C168.667 110.473 167.473 111.667 166 111.667C164.527 111.667 163.333 110.473 163.333 109C163.333 107.527 164.527 106.333 166 106.333Z" fill="#3E4550"/>
<path d="M179.333 106.333C180.806 106.333 182 107.527 182 109C182 110.473 180.806 111.667 179.333 111.667C177.86 111.667 176.667 110.473 176.667 109C176.667 107.527 177.86 106.333 179.333 106.333Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M157.775 82.3333C159.708 82.3335 161.364 83.7157 161.71 85.6172L161.84 86.3333H181.823C183.427 86.3333 184.668 87.7391 184.469 89.3307L183.615 96.1628C183.364 98.1645 181.663 99.6667 179.646 99.6667H164.892C164.587 99.6667 164.288 99.6319 164.001 99.5664L164.277 101.219C164.384 101.862 164.941 102.333 165.592 102.333H180.667C181.403 102.333 182 102.93 182 103.667C182 104.403 181.403 105 180.667 105H165.592C163.637 105 161.969 103.586 161.647 101.658L159.352 87.8854C159.33 87.7565 159.327 87.6287 159.342 87.5052L159.086 86.0951C158.971 85.4612 158.419 85.0001 157.775 85H155.333C154.597 85 154 84.4031 154 83.6667C154 82.9303 154.597 82.3333 155.333 82.3333H157.775ZM163.581 95.905C163.696 96.5389 164.248 96.9999 164.892 97H179.646C180.318 97 180.885 96.4993 180.969 95.832L181.823 89H162.326L163.581 95.905Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M229.666 83.8477C229.668 85.7075 229.67 88.1197 228.219 89.9857C226.811 91.7955 224.324 92.795 220.333 92.9714V101H227C227.736 101 228.333 101.597 228.333 102.333C228.333 103.07 227.736 103.667 227 103.667H226.797L226.019 108.324C225.698 110.253 224.029 111.667 222.074 111.667H215.926C213.97 111.667 212.302 110.253 211.98 108.324L211.204 103.667H211C210.263 103.667 209.666 103.07 209.666 102.333C209.666 101.597 210.263 101 211 101H217.666V98.3047C213.676 98.1283 211.189 97.1289 209.781 95.319C208.33 93.4531 208.332 91.0408 208.333 89.181V87.6667H209.666C213.435 87.6667 216.024 88.2947 217.715 89.543C217.816 88.1214 218.133 86.6095 219.114 85.3477C220.673 83.3441 223.554 82.3334 228.333 82.3333H229.666V83.8477ZM214.61 107.885C214.718 108.528 215.274 109 215.926 109H222.074C222.726 109 223.282 108.528 223.389 107.885L224.092 103.667H213.907L214.61 107.885ZM211.017 90.3646C211.065 91.781 211.243 92.8552 211.885 93.681C212.578 94.5721 214.081 95.4586 217.65 95.6354C217.601 94.2189 217.423 93.1449 216.781 92.319C216.088 91.4279 214.585 90.5414 211.017 90.3646ZM226.983 85.0313C223.414 85.2081 221.912 86.0946 221.219 86.9857C220.576 87.8115 220.398 88.8857 220.35 90.3021C223.919 90.1252 225.421 89.2387 226.114 88.3477C226.757 87.5218 226.935 86.4477 226.983 85.0313Z" fill="#3E4550"/>
<path d="M114.333 142C115.07 142 115.667 142.597 115.667 143.333V144.667H117C117.736 144.667 118.333 145.264 118.333 146C118.333 146.736 117.736 147.333 117 147.333H115.667V148.667C115.667 149.403 115.07 150 114.333 150C113.597 150 113 149.403 113 148.667V147.333H111.667C110.93 147.333 110.333 146.736 110.333 146C110.333 145.264 110.93 144.667 111.667 144.667H113V143.333C113 142.597 113.597 142 114.333 142Z" fill="#3E4550"/>
<path d="M123 144.667C124.105 144.667 125 145.562 125 146.667C125 147.771 124.105 148.667 123 148.667C121.895 148.667 121 147.771 121 146.667C121 145.562 121.895 144.667 123 144.667Z" fill="#3E4550"/>
<path d="M128.333 142C129.438 142 130.333 142.895 130.333 144C130.333 145.105 129.438 146 128.333 146C127.229 146 126.333 145.105 126.333 144C126.333 142.895 127.229 142 128.333 142Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M121 132.667C121.736 132.667 122.333 133.264 122.333 134V136.681C124.876 136.706 126.487 136.667 127.667 136.667C129.09 136.667 130.733 136.839 132.221 137.796C133.736 138.77 134.889 140.422 135.616 142.967C137 147.811 137 150.624 137 154C137 156.101 136.115 157.56 134.672 158.402C133.357 159.169 131.727 159.333 130.333 159.333C129.194 159.333 128.301 158.756 127.626 158.184C126.989 157.642 126.279 156.855 125.701 156.28C124.438 155.026 123.096 154 121 154C118.904 154 117.562 155.026 116.299 156.28C115.721 156.855 115.011 157.642 114.374 158.184C113.699 158.756 112.806 159.333 111.667 159.333C110.273 159.333 108.643 159.169 107.328 158.402C105.885 157.56 105 156.101 105 154C105 150.624 105 147.811 106.384 142.967C107.111 140.422 108.264 138.77 109.779 137.796C111.267 136.839 112.91 136.667 114.333 136.667C115.513 136.667 117.124 136.706 119.667 136.681V134C119.667 133.264 120.264 132.667 121 132.667ZM127.667 139.333C126.389 139.333 124.328 139.392 121 139.333C117.672 139.392 115.611 139.333 114.333 139.333C113.09 139.333 112.066 139.495 111.221 140.038C110.403 140.564 109.555 141.579 108.949 143.699C107.667 148.188 107.667 150.71 107.667 154C107.667 155.232 108.115 155.773 108.672 156.098C109.357 156.497 110.394 156.667 111.667 156.667C111.86 156.667 112.144 156.577 112.647 156.15C113.187 155.691 113.657 155.145 114.421 154.387C115.843 152.974 117.835 151.333 121 151.333C124.165 151.333 126.157 152.974 127.579 154.387C128.343 155.145 128.813 155.691 129.353 156.15C129.856 156.577 130.14 156.667 130.333 156.667C131.606 156.667 132.643 156.497 133.328 156.098C133.885 155.773 134.333 155.232 134.333 154C134.333 150.71 134.333 148.188 133.051 143.699C132.445 141.579 131.597 140.564 130.779 140.038C129.934 139.495 128.91 139.333 127.667 139.333Z" fill="#3E4550"/>
<path d="M183.333 150C184.07 150 184.667 150.597 184.667 151.333V154C184.667 157.682 181.682 160.667 178 160.667H162C158.318 160.667 155.333 157.682 155.333 154V151.333C155.334 150.597 155.93 150 156.667 150C157.403 150 158 150.597 158 151.333V154C158 156.209 159.791 158 162 158H178C180.209 158 182 156.209 182 154V151.333C182 150.597 182.597 150 183.333 150Z" fill="#3E4550"/>
<path d="M170 131.333C170.737 131.333 171.333 131.93 171.333 132.667V146.781L175.724 142.391C176.245 141.87 177.089 141.87 177.61 142.391C178.13 142.911 178.13 143.755 177.61 144.276L170.943 150.943C170.422 151.463 169.578 151.463 169.057 150.943L162.391 144.276C161.87 143.755 161.87 142.911 162.391 142.391C162.911 141.87 163.756 141.87 164.276 142.391L168.667 146.781V132.667C168.667 131.93 169.264 131.333 170 131.333Z" fill="#3E4550"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M220.145 131.333C221.618 131.333 223.051 131.821 224.218 132.721L231.072 138.009C232.708 139.271 233.667 141.221 233.667 143.288V154C233.667 157.682 230.682 160.667 227 160.667H211C207.318 160.667 204.333 157.682 204.333 154V138C204.333 134.318 207.318 131.333 211 131.333H220.145ZM211 134C208.791 134 207 135.791 207 138V154C207 156.209 208.791 158 211 158H227C229.209 158 231 156.209 231 154V143.333H224.333C222.124 143.333 220.333 141.542 220.333 139.333V134.007C220.271 134.004 220.208 134 220.145 134H211ZM223 139.333C223 140.07 223.597 140.667 224.333 140.667H230.018C229.846 140.468 229.655 140.284 229.443 140.121L223 135.15V139.333Z" fill="#3E4550"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB