justin/hpe-branding
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
hpe-branding/assets/site-images/templateImages/tab-nav-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

28 lines
13 KiB
XML
Raw Permalink Blame History

<svg width="415" height="195" viewBox="0 0 415 195" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2_30)">
<line x1="20" y1="59" x2="2862" y2="59.0002" stroke="#7887A2" stroke-width="2"/>
<path d="M20 16C20 13.7909 21.7909 12 24 12H105C107.209 12 109 13.7909 109 16V60H20V16Z" fill="white" fill-opacity="0.08"/>
<path d="M44.6012 29.948V32.432H48.0032V41H50.9012V32.432H54.3212V29.948H44.6012ZM58.8651 36.122V36.41C58.5411 36.176 57.7851 35.96 57.1011 35.96C55.3551 35.96 53.9871 36.968 53.9871 38.534C53.9871 40.244 55.3551 41.144 56.9571 41.144C57.8211 41.144 58.5951 40.856 58.8651 40.586V41H61.5831V35.996C61.5831 33.854 60.2151 32.72 57.8211 32.72C56.6691 32.72 55.5891 32.99 54.9231 33.35V35.618C55.5711 35.24 56.3631 35.042 57.1371 35.042C58.2891 35.042 58.8651 35.492 58.8651 36.122ZM58.8651 38.264V38.732C58.6851 39.056 58.2351 39.272 57.7311 39.272C57.1731 39.272 56.6151 39.038 56.6151 38.48C56.6151 37.94 57.1731 37.706 57.7311 37.706C58.2351 37.706 58.6851 37.922 58.8651 38.264ZM65.8584 41V40.352C66.2364 40.784 67.0284 41.18 67.8564 41.18C70.1964 41.18 71.4744 39.29 71.4744 36.95C71.4744 34.61 70.1964 32.72 67.8564 32.72C67.0284 32.72 66.2364 33.116 65.8584 33.548V29.3H63.0324V41H65.8584ZM65.8584 38.012V35.87C66.0744 35.438 66.5604 35.114 67.1004 35.114C68.0724 35.114 68.6484 35.906 68.6484 36.95C68.6484 37.994 68.0724 38.768 67.1004 38.768C66.5424 38.768 66.0744 38.462 65.8584 38.012ZM76.3972 38.516V41H84.1372V38.516H81.8692V29.948H79.9432L76.4872 31.604V34.358L79.0792 33.08V38.516H76.3972Z" fill="white"/>
<line x1="20" y1="58" x2="109" y2="58" stroke="#AFBCD2" stroke-width="4"/>
<path d="M133.601 29.948V32.432H137.003V41H139.901V32.432H143.321V29.948H133.601ZM147.865 36.122V36.41C147.541 36.176 146.785 35.96 146.101 35.96C144.355 35.96 142.987 36.968 142.987 38.534C142.987 40.244 144.355 41.144 145.957 41.144C146.821 41.144 147.595 40.856 147.865 40.586V41H150.583V35.996C150.583 33.854 149.215 32.72 146.821 32.72C145.669 32.72 144.589 32.99 143.923 33.35V35.618C144.571 35.24 145.363 35.042 146.137 35.042C147.289 35.042 147.865 35.492 147.865 36.122ZM147.865 38.264V38.732C147.685 39.056 147.235 39.272 146.731 39.272C146.173 39.272 145.615 39.038 145.615 38.48C145.615 37.94 146.173 37.706 146.731 37.706C147.235 37.706 147.685 37.922 147.865 38.264ZM154.858 41V40.352C155.236 40.784 156.028 41.18 156.856 41.18C159.196 41.18 160.474 39.29 160.474 36.95C160.474 34.61 159.196 32.72 156.856 32.72C156.028 32.72 155.236 33.116 154.858 33.548V29.3H152.032V41H154.858ZM154.858 38.012V35.87C155.074 35.438 155.56 35.114 156.1 35.114C157.072 35.114 157.648 35.906 157.648 36.95C157.648 37.994 157.072 38.768 156.1 38.768C155.542 38.768 155.074 38.462 154.858 38.012ZM172.993 38.516H169.699L170.779 37.04C171.733 35.708 172.543 34.502 172.543 33.098C172.543 31.1 171.139 29.768 168.943 29.768C167.341 29.768 165.991 30.344 165.145 31.046V33.818C165.847 33.242 167.053 32.468 168.187 32.468C169.069 32.468 169.555 32.936 169.555 33.674C169.555 34.61 169.033 35.294 168.043 36.608L164.803 40.928V41H172.993V38.516Z" fill="white"/>
<line x1="109" y1="59" x2="198" y2="59" stroke="#7887A2" stroke-width="2"/>
<path d="M222.601 29.948V32.432H226.003V41H228.901V32.432H232.321V29.948H222.601ZM236.865 36.122V36.41C236.541 36.176 235.785 35.96 235.101 35.96C233.355 35.96 231.987 36.968 231.987 38.534C231.987 40.244 233.355 41.144 234.957 41.144C235.821 41.144 236.595 40.856 236.865 40.586V41H239.583V35.996C239.583 33.854 238.215 32.72 235.821 32.72C234.669 32.72 233.589 32.99 232.923 33.35V35.618C233.571 35.24 234.363 35.042 235.137 35.042C236.289 35.042 236.865 35.492 236.865 36.122ZM236.865 38.264V38.732C236.685 39.056 236.235 39.272 235.731 39.272C235.173 39.272 234.615 39.038 234.615 38.48C234.615 37.94 235.173 37.706 235.731 37.706C236.235 37.706 236.685 37.922 236.865 38.264ZM243.858 41V40.352C244.236 40.784 245.028 41.18 245.856 41.18C248.196 41.18 249.474 39.29 249.474 36.95C249.474 34.61 248.196 32.72 245.856 32.72C245.028 32.72 244.236 33.116 243.858 33.548V29.3H241.032V41H243.858ZM243.858 38.012V35.87C244.074 35.438 244.56 35.114 245.1 35.114C246.072 35.114 246.648 35.906 246.648 36.95C246.648 37.994 246.072 38.768 245.1 38.768C244.542 38.768 244.074 38.462 243.858 38.012ZM254.289 29.948V32.432H258.087L256.251 35.816V35.87C257.781 35.78 259.203 36.248 259.203 37.436C259.203 38.354 258.465 38.822 257.331 38.822C256.233 38.822 255.135 38.372 254.217 37.598V40.244C255.027 40.784 256.071 41.18 257.655 41.18C259.959 41.18 261.903 39.794 261.903 37.418C261.903 35.96 261.039 34.826 259.599 34.304L261.903 30.002V29.948H254.289Z" fill="white"/>
<line x1="198" y1="59" x2="287" y2="59" stroke="#7887A2" stroke-width="2"/>
</g>
<rect x="20" y="90" width="112" height="91" fill="white" fill-opacity="0.08"/>
<rect x="148" y="90" width="112" height="91" fill="white" fill-opacity="0.08"/>
<rect x="273" y="90" width="112" height="91" fill="white" fill-opacity="0.08"/>
<path d="M35.4907 135.474C35.4907 138.912 37.7947 141.18 41.1607 141.18C42.3307 141.18 43.2667 140.892 43.9687 140.424V137.616C43.1767 138.228 42.3127 138.498 41.3947 138.498C39.5587 138.498 38.3887 137.364 38.3887 135.474C38.3887 133.566 39.5587 132.432 41.3947 132.432C42.3127 132.432 43.1767 132.72 43.9687 133.332V130.524C43.2667 130.056 42.3307 129.768 41.1607 129.768C37.7947 129.768 35.4907 132.036 35.4907 135.474ZM53.2261 136.95C53.2261 134.448 51.5521 132.72 49.0861 132.72C46.6381 132.72 44.9461 134.448 44.9461 136.95C44.9461 139.452 46.6381 141.18 49.0861 141.18C51.5521 141.18 53.2261 139.452 53.2261 136.95ZM50.4541 136.95C50.4541 138.066 49.9681 138.84 49.0861 138.84C48.2221 138.84 47.7361 138.066 47.7361 136.95C47.7361 135.834 48.2221 135.042 49.0861 135.042C49.9681 135.042 50.4541 135.834 50.4541 136.95ZM54.3253 132.9V141H57.1513V136.104C57.2953 135.546 57.7633 135.222 58.3213 135.222C59.0413 135.222 59.3833 135.708 59.3833 136.374V141H62.1913V135.69C62.1913 133.89 61.1293 132.72 59.3293 132.72C58.3933 132.72 57.6013 133.098 57.1513 133.602V132.9H54.3253ZM67.4033 141V135.096H68.9873V132.9H67.4033V130.668H64.5953V132.9H63.1913V135.096H64.5953V141H67.4033ZM72.2563 137.598H77.2423V136.77C77.2423 134.358 75.9643 132.72 73.4443 132.72C71.2123 132.72 69.5203 134.466 69.5203 137.004C69.5203 139.614 71.2843 141.18 73.8763 141.18C75.0463 141.18 76.0363 140.928 76.6663 140.46V138.318C75.8563 138.804 75.1903 138.966 74.3263 138.966C73.2823 138.966 72.4903 138.57 72.2563 137.598ZM73.5523 134.862C74.2363 134.862 74.6503 135.33 74.7223 136.014H72.2923C72.4903 135.276 72.9403 134.862 73.5523 134.862ZM78.3722 132.9V141H81.1982V136.104C81.3422 135.546 81.8102 135.222 82.3682 135.222C83.0882 135.222 83.4302 135.708 83.4302 136.374V141H86.2382V135.69C86.2382 133.89 85.1762 132.72 83.3762 132.72C82.4402 132.72 81.6482 133.098 81.1982 133.602V132.9H78.3722ZM91.4502 141V135.096H93.0342V132.9H91.4502V130.668H88.6422V132.9H87.2382V135.096H88.6422V141H91.4502ZM97.907 138.516V141H105.647V138.516H103.379V129.948H101.453L97.997 131.604V134.358L100.589 133.08V138.516H97.907ZM113.559 129.948H110.607L106.395 141H109.257L110.031 138.858H114.045L114.837 141H117.771L113.559 129.948ZM110.913 136.482L112.047 133.368L113.181 136.482H110.913Z" fill="white"/>
<path d="M162.799 135.474C162.799 138.912 165.103 141.18 168.469 141.18C169.639 141.18 170.575 140.892 171.277 140.424V137.616C170.485 138.228 169.621 138.498 168.703 138.498C166.867 138.498 165.697 137.364 165.697 135.474C165.697 133.566 166.867 132.432 168.703 132.432C169.621 132.432 170.485 132.72 171.277 133.332V130.524C170.575 130.056 169.639 129.768 168.469 129.768C165.103 129.768 162.799 132.036 162.799 135.474ZM180.535 136.95C180.535 134.448 178.861 132.72 176.395 132.72C173.947 132.72 172.255 134.448 172.255 136.95C172.255 139.452 173.947 141.18 176.395 141.18C178.861 141.18 180.535 139.452 180.535 136.95ZM177.763 136.95C177.763 138.066 177.277 138.84 176.395 138.84C175.531 138.84 175.045 138.066 175.045 136.95C175.045 135.834 175.531 135.042 176.395 135.042C177.277 135.042 177.763 135.834 177.763 136.95ZM181.634 132.9V141H184.46V136.104C184.604 135.546 185.072 135.222 185.63 135.222C186.35 135.222 186.692 135.708 186.692 136.374V141H189.5V135.69C189.5 133.89 188.438 132.72 186.638 132.72C185.702 132.72 184.91 133.098 184.46 133.602V132.9H181.634ZM194.712 141V135.096H196.296V132.9H194.712V130.668H191.904V132.9H190.5V135.096H191.904V141H194.712ZM199.565 137.598H204.551V136.77C204.551 134.358 203.273 132.72 200.753 132.72C198.521 132.72 196.829 134.466 196.829 137.004C196.829 139.614 198.593 141.18 201.185 141.18C202.355 141.18 203.345 140.928 203.975 140.46V138.318C203.165 138.804 202.499 138.966 201.635 138.966C200.591 138.966 199.799 138.57 199.565 137.598ZM200.861 134.862C201.545 134.862 201.959 135.33 202.031 136.014H199.601C199.799 135.276 200.249 134.862 200.861 134.862ZM205.681 132.9V141H208.507V136.104C208.651 135.546 209.119 135.222 209.677 135.222C210.397 135.222 210.739 135.708 210.739 136.374V141H213.547V135.69C213.547 133.89 212.485 132.72 210.685 132.72C209.749 132.72 208.957 133.098 208.507 133.602V132.9H205.681ZM218.759 141V135.096H220.343V132.9H218.759V130.668H215.951V132.9H214.547V135.096H215.951V141H218.759ZM225.216 138.516V141H232.956V138.516H230.688V129.948H228.762L225.306 131.604V134.358L227.898 133.08V138.516H225.216ZM241.353 135.294C242.163 135.006 242.829 134.142 242.829 132.954C242.829 130.974 241.443 129.948 239.139 129.948H234.405V141H239.481C241.785 141 243.153 139.902 243.153 137.904C243.153 136.662 242.397 135.636 241.353 135.294ZM238.815 134.322H237.159V132.324H238.815C239.661 132.324 240.111 132.63 240.111 133.314C240.111 133.998 239.661 134.322 238.815 134.322ZM237.159 138.624V136.482H239.103C239.913 136.482 240.363 136.896 240.363 137.562C240.363 138.192 239.913 138.624 239.103 138.624H237.159Z" fill="white"/>
<path d="M291.545 135.474C291.545 138.912 293.849 141.18 297.215 141.18C298.385 141.18 299.321 140.892 300.023 140.424V137.616C299.231 138.228 298.367 138.498 297.449 138.498C295.613 138.498 294.443 137.364 294.443 135.474C294.443 133.566 295.613 132.432 297.449 132.432C298.367 132.432 299.231 132.72 300.023 133.332V130.524C299.321 130.056 298.385 129.768 297.215 129.768C293.849 129.768 291.545 132.036 291.545 135.474ZM309.281 136.95C309.281 134.448 307.607 132.72 305.141 132.72C302.693 132.72 301.001 134.448 301.001 136.95C301.001 139.452 302.693 141.18 305.141 141.18C307.607 141.18 309.281 139.452 309.281 136.95ZM306.509 136.95C306.509 138.066 306.023 138.84 305.141 138.84C304.277 138.84 303.791 138.066 303.791 136.95C303.791 135.834 304.277 135.042 305.141 135.042C306.023 135.042 306.509 135.834 306.509 136.95ZM310.38 132.9V141H313.206V136.104C313.35 135.546 313.818 135.222 314.376 135.222C315.096 135.222 315.438 135.708 315.438 136.374V141H318.246V135.69C318.246 133.89 317.184 132.72 315.384 132.72C314.448 132.72 313.656 133.098 313.206 133.602V132.9H310.38ZM323.458 141V135.096H325.042V132.9H323.458V130.668H320.65V132.9H319.246V135.096H320.65V141H323.458ZM328.311 137.598H333.297V136.77C333.297 134.358 332.019 132.72 329.499 132.72C327.267 132.72 325.575 134.466 325.575 137.004C325.575 139.614 327.339 141.18 329.931 141.18C331.101 141.18 332.091 140.928 332.721 140.46V138.318C331.911 138.804 331.245 138.966 330.381 138.966C329.337 138.966 328.545 138.57 328.311 137.598ZM329.607 134.862C330.291 134.862 330.705 135.33 330.777 136.014H328.347C328.545 135.276 328.995 134.862 329.607 134.862ZM334.427 132.9V141H337.253V136.104C337.397 135.546 337.865 135.222 338.423 135.222C339.143 135.222 339.485 135.708 339.485 136.374V141H342.293V135.69C342.293 133.89 341.231 132.72 339.431 132.72C338.495 132.72 337.703 133.098 337.253 133.602V132.9H334.427ZM347.505 141V135.096H349.089V132.9H347.505V130.668H344.697V132.9H343.293V135.096H344.697V141H347.505ZM353.962 138.516V141H361.702V138.516H359.434V129.948H357.508L354.052 131.604V134.358L356.644 133.08V138.516H353.962ZM362.719 135.474C362.719 138.912 365.023 141.18 368.389 141.18C369.559 141.18 370.495 140.892 371.197 140.424V137.616C370.405 138.228 369.541 138.498 368.623 138.498C366.787 138.498 365.617 137.364 365.617 135.474C365.617 133.566 366.787 132.432 368.623 132.432C369.541 132.432 370.405 132.72 371.197 133.332V130.524C370.495 130.056 369.559 129.768 368.389 129.768C365.023 129.768 362.719 132.036 362.719 135.474Z" fill="white"/>
<path d="M102 29.5H115M115 29.5L110.015 24M115 29.5L110.015 35" stroke="#7630EA" stroke-width="2"/>
<path d="M115 42.5H102M102 42.5L106.985 48M102 42.5L106.985 37" stroke="#7630EA" stroke-width="2"/>
<path d="M191 29.5H204M204 29.5L199.015 24M204 29.5L199.015 35" stroke="#7630EA" stroke-width="2"/>
<path d="M204 42.5H191M191 42.5L195.985 48M191 42.5L195.985 37" stroke="#7630EA" stroke-width="2"/>
<defs>
<clipPath id="clip0_2_30">
<rect width="290" height="52" fill="white" transform="translate(17 8)"/>
</clipPath>
</defs>
</svg>
Reference in New Issue View Git Blame Copy Permalink