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.
25 lines
12 KiB
XML
25 lines
12 KiB
XML
<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g filter="url(#filter0_d_177_1048)">
|
|
<path d="M120 2H8C5.79086 2 4 3.79086 4 6V118C4 120.209 5.79086 122 8 122H120C122.209 122 124 120.209 124 118V6C124 3.79086 122.209 2 120 2Z" fill="white"/>
|
|
</g>
|
|
<mask id="path-2-inside-1_177_1048" fill="white">
|
|
<path d="M18.8633 56.3809C18.8633 53.8967 20.8771 51.8828 23.3613 51.8828H100.365C102.849 51.8828 104.863 53.8967 104.863 56.3809V67.626C104.863 70.1102 102.849 72.124 100.365 72.124H23.3613C20.8771 72.124 18.8633 70.1102 18.8633 67.626V56.3809Z"/>
|
|
</mask>
|
|
<path d="M23.3613 51.8828V52.4451H100.365V51.8828V51.3206H23.3613V51.8828ZM104.863 56.3809H104.301V67.626H104.863H105.426V56.3809H104.863ZM100.365 72.124V71.5618H23.3613V72.124V72.6863H100.365V72.124ZM18.8633 67.626H19.4255V56.3809H18.8633H18.301V67.626H18.8633ZM23.3613 72.124V71.5618C21.1877 71.5618 19.4255 69.7997 19.4255 67.626H18.8633H18.301C18.301 70.4207 20.5666 72.6863 23.3613 72.6863V72.124ZM104.863 67.626H104.301C104.301 69.7997 102.539 71.5618 100.365 71.5618V72.124V72.6863C103.16 72.6863 105.426 70.4207 105.426 67.626H104.863ZM100.365 51.8828V52.4451C102.539 52.4451 104.301 54.2072 104.301 56.3809H104.863H105.426C105.426 53.5861 103.16 51.3206 100.365 51.3206V51.8828ZM23.3613 51.8828V51.3206C20.5666 51.3206 18.301 53.5861 18.301 56.3809H18.8633H19.4255C19.4255 54.2072 21.1877 52.4451 23.3613 52.4451V51.8828Z" fill="#B1B9BE" mask="url(#path-2-inside-1_177_1048)"/>
|
|
<path d="M27.3061 59.5703C27.0362 59.5703 26.8113 59.3454 26.8113 59.0755C26.8113 58.8057 27.0362 58.5808 27.3061 58.5808C27.576 58.5808 27.8009 58.8057 27.8009 59.0755C27.8009 59.3454 27.576 59.5703 27.3061 59.5703ZM26.2536 66.9741V66.3444C26.7843 66.2994 26.9463 66.0295 26.9463 65.6157V60.5509H27.6929V65.5527C27.6929 66.4523 27.2971 66.9381 26.2536 66.9741ZM30.3997 65.3368C29.5271 65.3368 28.8344 64.914 28.8344 63.9514C28.8344 62.8629 29.9859 62.4941 31.1914 62.4941H31.8661V62.1522C31.8661 61.4055 31.5782 61.0907 30.8585 61.0907C30.2108 61.0907 29.851 61.3606 29.779 61.9363H29.0323C29.1313 60.8658 29.9859 60.4699 30.8945 60.4699C31.7941 60.4699 32.6128 60.8388 32.6128 62.1522V65.2559H31.8661V64.6621C31.5152 65.1029 31.0924 65.3368 30.3997 65.3368ZM30.4717 64.7431C31.2633 64.7431 31.8661 64.3383 31.8661 63.6096V63.0248H31.2184C30.2738 63.0248 29.5811 63.2587 29.5811 63.9514C29.5811 64.4372 29.815 64.7431 30.4717 64.7431ZM34.0795 65.2559V60.5509H34.8261V61.2976C35.0421 60.8568 35.5638 60.4699 36.3375 60.4699C37.3091 60.4699 37.9928 61.0007 37.9928 62.3681V65.2559H37.2461V62.3141C37.2461 61.4865 36.8952 61.1177 36.1396 61.1177C35.4469 61.1177 34.8261 61.5585 34.8261 62.4041V65.2559H34.0795ZM41.3812 65.3368C40.0498 65.3368 39.1052 64.4012 39.1052 62.9529V62.8809C39.1052 61.4595 40.0138 60.4699 41.3092 60.4699C42.3978 60.4699 43.4233 61.1267 43.4233 62.8089V63.0518H39.8789C39.9148 64.1224 40.4276 64.7161 41.3902 64.7161C42.1189 64.7161 42.5417 64.4462 42.6407 63.8974H43.3873C43.2254 64.842 42.4427 65.3368 41.3812 65.3368ZM39.9058 62.4491H42.6587C42.5867 61.4775 42.0829 61.0907 41.3092 61.0907C40.5446 61.0907 40.0318 61.6124 39.9058 62.4491ZM47.9426 66.5783C45.5406 66.5783 44.2182 64.833 44.2182 62.9169C44.2182 60.7128 45.9814 59.0665 48.0595 59.0665C50.2096 59.0665 51.64 60.5059 51.64 62.3591C51.64 64.0504 50.6684 64.6531 49.9487 64.6531C49.22 64.6531 48.9861 64.3473 48.9142 63.8795C48.6533 64.3473 48.1315 64.7161 47.5738 64.7161C46.7011 64.7161 46.1254 64.1224 46.1254 63.1508C46.1254 61.9453 46.917 61.0637 47.8976 61.0637C48.5363 61.0637 48.8602 61.3695 48.9861 61.6754L49.0491 61.1356H49.7958L49.5259 63.4027C49.4629 63.8795 49.6159 64.1134 49.9577 64.1134C50.4705 64.1134 50.9923 63.6006 50.9923 62.3771C50.9923 60.7668 49.9127 59.6603 48.0595 59.6603C46.2423 59.6603 44.9109 60.9917 44.9109 62.8989C44.9109 64.5362 45.9365 65.9845 47.9426 65.9845C48.9232 65.9845 49.5079 65.7327 50.0657 65.2559H50.7584C50.2996 66.0385 49.238 66.5783 47.9426 66.5783ZM47.7357 64.1403C48.2934 64.1403 48.8872 63.6276 48.8872 62.674C48.8872 61.9903 48.5363 61.6574 47.9516 61.6574C47.3848 61.6574 46.89 62.1972 46.89 63.1418C46.89 63.7715 47.2499 64.1403 47.7357 64.1403ZM52.8008 65.2559V58.3019H53.5475V61.2976C53.7634 60.8568 54.2852 60.4699 55.0589 60.4699C56.0304 60.4699 56.7141 61.0007 56.7141 62.3681V65.2559H55.9675V62.3141C55.9675 61.4865 55.6166 61.1177 54.8609 61.1177C54.1682 61.1177 53.5475 61.5585 53.5475 62.4041V65.2559H52.8008ZM58.1774 66.8931V60.5509H58.9241V61.3426C59.194 60.8838 59.8327 60.4699 60.5164 60.4699C61.7489 60.4699 62.6575 61.3695 62.6575 62.8359V62.9079C62.6575 64.3473 61.8118 65.3368 60.5164 65.3368C59.7427 65.3368 59.194 64.95 58.9241 64.4822V66.8931H58.1774ZM60.4444 64.7161C61.38 64.7161 61.8838 64.0864 61.8838 62.9439V62.8719C61.8838 61.6844 61.2271 61.0907 60.4354 61.0907C59.5628 61.0907 58.8971 61.6664 58.8971 62.8719V62.9439C58.8971 64.1493 59.5268 64.7161 60.4444 64.7161ZM65.7427 65.3368C64.4113 65.3368 63.4667 64.4012 63.4667 62.9529V62.8809C63.4667 61.4595 64.3753 60.4699 65.6707 60.4699C66.7593 60.4699 67.7848 61.1267 67.7848 62.8089V63.0518H64.2404C64.2763 64.1224 64.7891 64.7161 65.7517 64.7161C66.4804 64.7161 66.9032 64.4462 67.0022 63.8974H67.7488C67.5869 64.842 66.8042 65.3368 65.7427 65.3368ZM64.2673 62.4491H67.0201C66.9482 61.4775 66.4444 61.0907 65.6707 61.0907C64.9061 61.0907 64.3933 61.6124 64.2673 62.4491ZM69.3994 65.3008C69.0845 65.3008 68.8237 65.0489 68.8237 64.7251C68.8237 64.4012 69.0845 64.1493 69.3994 64.1493C69.7143 64.1493 69.9752 64.4012 69.9752 64.7251C69.9752 65.0489 69.7143 65.3008 69.3994 65.3008ZM73.1493 65.3368C71.8359 65.3368 70.8463 64.4102 70.8463 62.9529V62.8809C70.8463 61.4415 71.8719 60.4699 73.1313 60.4699C74.1119 60.4699 75.0295 60.9197 75.1734 62.1162H74.4357C74.3188 61.3695 73.779 61.0907 73.1313 61.0907C72.2767 61.0907 71.62 61.7744 71.62 62.8809V62.9529C71.62 64.1044 72.2497 64.7161 73.1583 64.7161C73.824 64.7161 74.4267 64.3293 74.5077 63.5646H75.2004C75.1014 64.5812 74.2828 65.3368 73.1493 65.3368ZM78.2799 65.3368C76.9395 65.3368 75.9769 64.3203 75.9769 62.9439V62.8719C75.9769 61.4595 76.9575 60.4699 78.2889 60.4699C79.6203 60.4699 80.6009 61.4505 80.6009 62.8629V62.9349C80.6009 64.3562 79.6203 65.3368 78.2799 65.3368ZM78.2889 64.7161C79.2335 64.7161 79.8272 64.0054 79.8272 62.9439V62.8809C79.8272 61.7924 79.2245 61.0907 78.2889 61.0907C77.3443 61.0907 76.7505 61.7924 76.7505 62.8719V62.9439C76.7505 64.0144 77.3353 64.7161 78.2889 64.7161ZM81.757 65.2559V60.5509H82.5037V61.2706C82.7196 60.8298 83.2324 60.4699 83.9071 60.4699C84.5098 60.4699 85.0406 60.7218 85.2835 61.3516C85.6073 60.7398 86.309 60.4699 86.8938 60.4699C87.7394 60.4699 88.4771 60.9737 88.4771 62.3411V65.2559H87.7304V62.2871C87.7304 61.4595 87.3796 61.1177 86.7319 61.1177C86.1201 61.1177 85.4904 61.5315 85.4904 62.3771V65.2559H84.7437V62.2871C84.7437 61.4595 84.3929 61.1177 83.7451 61.1177C83.1334 61.1177 82.5037 61.5315 82.5037 62.3771V65.2559H81.757Z" fill="#606A70"/>
|
|
<path d="M23.4133 39.2806C20.6833 39.2806 19.5353 37.9226 19.3953 36.0326H21.1873C21.3133 37.0406 21.7193 37.8806 23.4133 37.8806C24.5193 37.8806 25.3033 37.2646 25.3033 36.3406C25.3033 35.4166 24.8413 35.0666 23.2173 34.8006C20.8233 34.4786 19.6893 33.7506 19.6893 31.8746C19.6893 30.2366 21.0893 29.0046 23.1753 29.0046C25.3313 29.0046 26.6193 29.9846 26.8153 31.9026H25.1073C24.9253 30.8526 24.3233 30.4046 23.1753 30.4046C22.0413 30.4046 21.4533 30.9506 21.4533 31.7206C21.4533 32.5326 21.7893 32.9386 23.5253 33.1906C25.8773 33.5126 27.0953 34.1846 27.0953 36.1866C27.0953 37.9226 25.6253 39.2806 23.4133 39.2806ZM29.626 30.6146C29.066 30.6146 28.618 30.1946 28.618 29.6486C28.618 29.1026 29.066 28.6686 29.626 28.6686C30.2 28.6686 30.648 29.1026 30.648 29.6486C30.648 30.1946 30.2 30.6146 29.626 30.6146ZM28.8 39.1406V31.8186H30.494V39.1406H28.8ZM35.6808 41.8286C33.3848 41.8286 32.3488 40.7926 32.1528 39.3926H33.8608C34.0008 40.1206 34.5608 40.5406 35.6668 40.5406C36.9828 40.5406 37.7108 39.8826 37.7108 38.5666V37.4886C37.3048 38.1886 36.3948 38.8466 35.3168 38.8466C33.4828 38.8466 32.0688 37.4746 32.0688 35.3606V35.2626C32.0688 33.2046 33.4688 31.6646 35.3588 31.6646C36.5628 31.6646 37.2908 32.2106 37.7108 32.9386V31.8186H39.4048V38.5946C39.3908 40.7506 37.9488 41.8286 35.6808 41.8286ZM35.7368 37.5446C36.9128 37.5446 37.7668 36.7046 37.7668 35.3046V35.2066C37.7668 33.8206 37.0108 32.9946 35.7928 32.9946C34.5328 32.9946 33.8048 33.9046 33.8048 35.2346V35.3466C33.8048 36.7046 34.6448 37.5446 35.7368 37.5446ZM41.4182 39.1406V31.8186H43.1122V32.9806C43.4622 32.2666 44.2742 31.6646 45.4782 31.6646C46.9482 31.6646 47.9842 32.5186 47.9842 34.5486V39.1406H46.2902V34.6886C46.2902 33.5826 45.8422 33.0786 44.8342 33.0786C43.8962 33.0786 43.1122 33.6666 43.1122 34.8286V39.1406H41.4182ZM54.1397 30.6146C53.5797 30.6146 53.1317 30.1946 53.1317 29.6486C53.1317 29.1026 53.5797 28.6686 54.1397 28.6686C54.7137 28.6686 55.1617 29.1026 55.1617 29.6486C55.1617 30.1946 54.7137 30.6146 54.1397 30.6146ZM53.3137 39.1406V31.8186H55.0077V39.1406H53.3137ZM57.0725 39.1406V31.8186H58.7665V32.9806C59.1165 32.2666 59.9285 31.6646 61.1325 31.6646C62.6025 31.6646 63.6385 32.5186 63.6385 34.5486V39.1406H61.9445V34.6886C61.9445 33.5826 61.4965 33.0786 60.4885 33.0786C59.5505 33.0786 58.7665 33.6666 58.7665 34.8286V39.1406H57.0725Z" fill="#3E4550"/>
|
|
<path d="M18.8633 91.2963C18.8633 87.2667 22.13 84 26.1596 84H51.6968C55.7265 84 58.9932 87.2667 58.9932 91.2963C58.9932 95.326 55.7265 98.5927 51.6968 98.5927H26.1596C22.13 98.5927 18.8633 95.326 18.8633 91.2963Z" fill="#292D3A"/>
|
|
<path d="M29.386 93.3698C27.9632 93.3698 27.3649 92.6621 27.2919 91.6771H28.2259C28.2915 92.2024 28.5031 92.6402 29.386 92.6402C29.9624 92.6402 30.371 92.3192 30.371 91.8376C30.371 91.356 30.1302 91.1736 29.2838 91.035C28.0362 90.8672 27.4451 90.4878 27.4451 89.5101C27.4451 88.6564 28.1748 88.0143 29.2619 88.0143C30.3856 88.0143 31.0568 88.5251 31.159 89.5247H30.2688C30.174 88.9774 29.8602 88.744 29.2619 88.744C28.6709 88.744 28.3645 89.0285 28.3645 89.4298C28.3645 89.853 28.5396 90.0646 29.4443 90.1959C30.6701 90.3637 31.3049 90.714 31.3049 91.7573C31.3049 92.6621 30.5388 93.3698 29.386 93.3698ZM32.6238 88.8534C32.332 88.8534 32.0985 88.6345 32.0985 88.35C32.0985 88.0654 32.332 87.8392 32.6238 87.8392C32.923 87.8392 33.1565 88.0654 33.1565 88.35C33.1565 88.6345 32.923 88.8534 32.6238 88.8534ZM32.1934 93.2969V89.4809H33.0762V93.2969H32.1934ZM35.7794 94.6978C34.5828 94.6978 34.0429 94.1578 33.9407 93.4282H34.8309C34.9038 93.8076 35.1957 94.0265 35.7721 94.0265C36.458 94.0265 36.8374 93.6836 36.8374 92.9977V92.4359C36.6258 92.8007 36.1515 93.1437 35.5897 93.1437C34.6339 93.1437 33.8969 92.4286 33.8969 91.3269V91.2758C33.8969 90.2032 34.6266 89.4006 35.6116 89.4006C36.2391 89.4006 36.6185 89.6852 36.8374 90.0646V89.4809H37.7202V93.0123C37.7129 94.136 36.9614 94.6978 35.7794 94.6978ZM35.8086 92.4651C36.4215 92.4651 36.8666 92.0273 36.8666 91.2977V91.2466C36.8666 90.5243 36.4725 90.0938 35.8378 90.0938C35.1811 90.0938 34.8017 90.568 34.8017 91.2612V91.3196C34.8017 92.0273 35.2395 92.4651 35.8086 92.4651ZM38.7695 93.2969V89.4809H39.6524V90.0865C39.8348 89.7144 40.258 89.4006 40.8855 89.4006C41.6516 89.4006 42.1915 89.8457 42.1915 90.9037V93.2969H41.3087V90.9766C41.3087 90.4002 41.0752 90.1376 40.5498 90.1376C40.061 90.1376 39.6524 90.444 39.6524 91.0496V93.2969H38.7695ZM45.3996 88.8534C45.1077 88.8534 44.8742 88.6345 44.8742 88.35C44.8742 88.0654 45.1077 87.8392 45.3996 87.8392C45.6987 87.8392 45.9322 88.0654 45.9322 88.35C45.9322 88.6345 45.6987 88.8534 45.3996 88.8534ZM44.9691 93.2969V89.4809H45.8519V93.2969H44.9691ZM46.928 93.2969V89.4809H47.8109V90.0865C47.9933 89.7144 48.4165 89.4006 49.044 89.4006C49.8101 89.4006 50.35 89.8457 50.35 90.9037V93.2969H49.4672V90.9766C49.4672 90.4002 49.2337 90.1376 48.7083 90.1376C48.2195 90.1376 47.8109 90.444 47.8109 91.0496V93.2969H46.928Z" fill="white"/>
|
|
<defs>
|
|
<filter id="filter0_d_177_1048" x="0" y="0" width="128" height="128" 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="2"/>
|
|
<feGaussianBlur stdDeviation="2"/>
|
|
<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_177_1048"/>
|
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_177_1048" result="shape"/>
|
|
</filter>
|
|
</defs>
|
|
</svg>
|