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/templateImages/ascending-button-preview.svg
+22
View File
@@ -0,0 +1,22 @@
<svg width="321" height="177" viewBox="0 0 321 177" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_2862_21633)">
<rect x="12" y="6" width="297" height="153" fill="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M82.4141 120L87.707 114.707L86.2928 113.293L79.5857 120L86.2928 126.707L87.707 125.293L82.4141 120Z" fill="black"/>
<path d="M109.92 124.73L110.802 125.81L112.548 124.406L111.738 123.416C112.638 122.408 113.196 121.04 113.196 119.474C113.196 116.162 110.982 113.768 107.778 113.768C104.592 113.768 102.396 116.162 102.396 119.474C102.396 122.768 104.592 125.18 107.778 125.18C108.534 125.18 109.272 125.018 109.92 124.73ZM110.28 119.474C110.28 120.194 110.172 120.788 109.992 121.274L109.164 120.248L107.418 121.616L108.3 122.714C108.138 122.75 107.958 122.768 107.778 122.768C106.284 122.768 105.312 121.382 105.312 119.474C105.312 117.566 106.284 116.306 107.778 116.306C109.272 116.306 110.28 117.566 110.28 119.474ZM122.116 125V116.9H119.29V121.814C119.146 122.372 118.66 122.714 118.138 122.714C117.418 122.714 117.094 122.228 117.094 121.544V116.9H114.286V122.21C114.286 124.01 115.348 125.18 117.13 125.18C118.048 125.18 118.858 124.802 119.29 124.298V125H122.116ZM125.925 121.598H130.911V120.77C130.911 118.358 129.633 116.72 127.113 116.72C124.881 116.72 123.189 118.466 123.189 121.004C123.189 123.614 124.953 125.18 127.545 125.18C128.715 125.18 129.705 124.928 130.335 124.46V122.318C129.525 122.804 128.859 122.966 127.995 122.966C126.951 122.966 126.159 122.57 125.925 121.598ZM127.221 118.862C127.905 118.862 128.319 119.33 128.391 120.014H125.961C126.159 119.276 126.609 118.862 127.221 118.862ZM139.835 125V116.9H137.009V121.814C136.865 122.372 136.379 122.714 135.857 122.714C135.137 122.714 134.813 122.228 134.813 121.544V116.9H132.005V122.21C132.005 124.01 133.067 125.18 134.849 125.18C135.767 125.18 136.577 124.802 137.009 124.298V125H139.835ZM143.644 121.598H148.63V120.77C148.63 118.358 147.352 116.72 144.832 116.72C142.6 116.72 140.908 118.466 140.908 121.004C140.908 123.614 142.672 125.18 145.264 125.18C146.434 125.18 147.424 124.928 148.054 124.46V122.318C147.244 122.804 146.578 122.966 145.714 122.966C144.67 122.966 143.878 122.57 143.644 121.598ZM144.94 118.862C145.624 118.862 146.038 119.33 146.11 120.014H143.68C143.878 119.276 144.328 118.862 144.94 118.862ZM149.489 122.03V124.406C150.245 124.91 151.433 125.18 152.567 125.18C154.565 125.18 156.059 124.334 156.059 122.606C156.059 121.238 155.357 120.518 153.593 120.05L152.855 119.834C152.459 119.726 152.225 119.618 152.225 119.312C152.225 118.988 152.549 118.826 153.035 118.826C153.953 118.826 154.817 119.204 155.591 119.762V117.44C154.799 116.954 153.917 116.72 152.765 116.72C150.857 116.72 149.453 117.674 149.453 119.366C149.453 120.824 150.407 121.526 151.901 121.85L152.531 122.012C153.017 122.12 153.269 122.246 153.269 122.57C153.269 122.93 152.909 123.056 152.351 123.056C151.523 123.056 150.263 122.66 149.489 122.03Z" fill="black"/>
<rect width="297" height="72" transform="translate(12 6)" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M39 33H105V51H39V33ZM43.5 37.5H100.5V46.5H43.5V37.5Z" fill="#01A982"/>
<path d="M142.89 35.948H139.992V40.142H135.726V35.948H132.828V47H135.726V42.626H139.992V47H142.89V35.948ZM147.397 43.562H149.377C151.771 43.562 153.391 42.212 153.391 39.764C153.391 37.298 151.771 35.948 149.377 35.948H144.535V47H147.397V43.562ZM150.583 39.764C150.583 40.592 150.115 41.15 149.071 41.15H147.397V38.378H149.071C150.115 38.378 150.583 38.918 150.583 39.764ZM162.527 35.948H154.625V47H162.527V44.498H157.469V42.59H162.095V40.16H157.469V38.432H162.527V35.948Z" fill="black"/>
<path d="M175.868 45.902C173.564 45.902 172.088 44.138 172.088 41.474C172.088 38.81 173.69 37.064 175.994 37.064C177.2 37.064 178.244 37.442 179.18 38.288V36.776C178.406 36.164 177.29 35.786 175.994 35.786C172.952 35.786 170.666 38.036 170.666 41.474C170.666 44.894 172.754 47.162 175.832 47.162C177.2 47.162 178.658 46.748 179.72 45.578V41.258H175.976V42.446H178.406V45.056C177.686 45.65 176.876 45.902 175.868 45.902ZM185.98 40.358V38.972C185.836 38.9 185.548 38.846 185.206 38.846C184.324 38.846 183.568 39.368 183.226 40.052V39.008H181.876V47H183.226V41.636C183.496 40.7 184.234 40.142 185.08 40.142C185.422 40.142 185.764 40.214 185.98 40.358ZM188.187 43.238H193.695V42.752C193.695 40.412 192.579 38.846 190.419 38.846C188.295 38.846 186.855 40.592 186.855 43.076C186.855 45.596 188.403 47.162 190.707 47.162C191.661 47.162 192.489 46.964 193.137 46.46V45.218C192.417 45.758 191.769 45.974 190.869 45.974C189.411 45.974 188.241 45.092 188.187 43.238ZM190.437 39.998C191.733 39.998 192.327 41.006 192.381 42.176H188.259C188.511 40.7 189.375 39.998 190.437 39.998ZM196.29 43.238H201.798V42.752C201.798 40.412 200.682 38.846 198.522 38.846C196.398 38.846 194.958 40.592 194.958 43.076C194.958 45.596 196.506 47.162 198.81 47.162C199.764 47.162 200.592 46.964 201.24 46.46V45.218C200.52 45.758 199.872 45.974 198.972 45.974C197.514 45.974 196.344 45.092 196.29 43.238ZM198.54 39.998C199.836 39.998 200.43 41.006 200.484 42.176H196.362C196.614 40.7 197.478 39.998 198.54 39.998ZM203.638 39.008V47H204.988V41.582C205.276 40.718 206.086 40.088 207.022 40.088C208.228 40.088 208.786 40.862 208.786 41.978V47H210.154V41.762C210.154 40.016 209.164 38.846 207.346 38.846C206.32 38.846 205.456 39.386 204.988 40.016V39.008H203.638ZM212.552 35.948V47H219.608V45.722H213.974V35.948H212.552ZM225.961 41.69V42.734C225.619 42.428 224.791 42.086 223.963 42.086C222.253 42.086 220.921 43.094 220.921 44.588C220.921 46.172 222.253 47.144 223.891 47.144C224.827 47.144 225.655 46.73 225.961 46.406V47H227.275V41.582C227.275 39.89 226.159 38.846 224.269 38.846C223.279 38.846 222.325 39.134 221.785 39.512V40.79C222.451 40.358 223.171 40.088 224.053 40.088C225.223 40.088 225.961 40.7 225.961 41.69ZM225.961 44.192V45.02C225.745 45.614 224.953 46.01 224.107 46.01C223.135 46.01 222.199 45.56 222.199 44.588C222.199 43.634 223.135 43.202 224.107 43.202C224.953 43.202 225.745 43.598 225.961 44.192ZM236.297 47L232.301 42.662L236.225 39.008H234.479L230.933 42.374V35.3H229.583V47H230.933V43.04L234.623 47H236.297ZM238.232 43.238H243.74V42.752C243.74 40.412 242.624 38.846 240.464 38.846C238.34 38.846 236.9 40.592 236.9 43.076C236.9 45.596 238.448 47.162 240.752 47.162C241.706 47.162 242.534 46.964 243.182 46.46V45.218C242.462 45.758 241.814 45.974 240.914 45.974C239.456 45.974 238.286 45.092 238.232 43.238ZM240.482 39.998C241.778 39.998 242.372 41.006 242.426 42.176H238.304C238.556 40.7 239.42 39.998 240.482 39.998Z" fill="black"/>
<defs>
<filter id="filter0_d_2862_21633" x="0" y="0" width="321" height="177" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2862_21633"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2862_21633" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB