claude
0730557624
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.
35 lines
8.9 KiB
XML
35 lines
8.9 KiB
XML
<svg width="144" height="144" viewBox="0 0 144 144" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g filter="url(#filter0_d)">
|
|
<rect x="12" y="6" width="120" height="120" rx="4" fill="#354050" fill-opacity="0.08"/>
|
|
<rect x="12.5" y="6.5" width="119" height="119" rx="3.5" stroke="#7887A2"/>
|
|
</g>
|
|
<rect x="26" y="86" width="48" height="18" rx="2" fill="#01A982"/>
|
|
<path d="M26.8904 39.138V40.328C27.4784 40.79 28.4304 41.126 29.5924 41.126C31.2584 41.126 32.4904 40.244 32.4904 38.774C32.4904 37.584 31.9024 36.898 30.5864 36.394L29.2284 35.862C28.4304 35.554 27.9404 35.246 27.9404 34.518C27.9404 33.664 28.6824 33.244 29.6344 33.244C30.6284 33.244 31.3984 33.594 32.0844 34.14V32.978C31.4404 32.53 30.5584 32.278 29.6204 32.278C28.1364 32.278 26.8624 33.048 26.8624 34.532C26.8624 35.89 27.7864 36.464 28.7944 36.856L30.0544 37.346C30.9644 37.724 31.4264 38.032 31.4264 38.788C31.4264 39.67 30.6984 40.146 29.5924 40.146C28.5844 40.146 27.6884 39.824 26.8904 39.138ZM35.1986 32.908C35.1986 32.53 34.8906 32.236 34.5126 32.236C34.1486 32.236 33.8406 32.53 33.8406 32.908C33.8406 33.272 34.1486 33.58 34.5126 33.58C34.8906 33.58 35.1986 33.272 35.1986 32.908ZM35.0446 41V34.784H33.9946V41H35.0446ZM40.9804 40.174V40.58C40.9804 41.91 40.1124 42.568 39.0064 42.568C38.2784 42.568 37.6204 42.372 37.0044 41.798V42.96C37.4804 43.296 38.2084 43.52 39.0064 43.52C40.4904 43.52 42.0444 42.68 42.0444 40.51V34.784H40.9804V35.484C40.6724 35.05 40.0144 34.658 39.2444 34.658C37.4244 34.658 36.4724 36.17 36.4724 37.836C36.4724 39.502 37.4244 41.014 39.2444 41.014C40.0144 41.014 40.6724 40.608 40.9804 40.174ZM40.9804 36.562V39.096C40.6584 39.684 40.0704 40.062 39.3984 40.062C38.2224 40.062 37.5364 39.124 37.5364 37.836C37.5364 36.534 38.2224 35.596 39.3984 35.596C40.0704 35.596 40.6584 35.974 40.9804 36.562ZM43.9068 34.784V41H44.9568V36.786C45.1808 36.114 45.8108 35.624 46.5388 35.624C47.4768 35.624 47.9108 36.226 47.9108 37.094V41H48.9748V36.926C48.9748 35.568 48.2048 34.658 46.7908 34.658C45.9928 34.658 45.3208 35.078 44.9568 35.568V34.784H43.9068ZM55.0502 32.908C55.0502 32.53 54.7422 32.236 54.3642 32.236C54.0002 32.236 53.6922 32.53 53.6922 32.908C53.6922 33.272 54.0002 33.58 54.3642 33.58C54.7422 33.58 55.0502 33.272 55.0502 32.908ZM54.8962 41V34.784H53.8462V41H54.8962ZM56.772 34.784V41H57.822V36.786C58.046 36.114 58.676 35.624 59.404 35.624C60.342 35.624 60.776 36.226 60.776 37.094V41H61.84V36.926C61.84 35.568 61.07 34.658 59.656 34.658C58.858 34.658 58.186 35.078 57.822 35.568V34.784H56.772Z" fill="white"/>
|
|
<rect opacity="0.5" x="26" y="53" width="92" height="21" rx="2" fill="#1A1F2B"/>
|
|
<g opacity="0.3">
|
|
<path d="M35.8355 60.0632C35.8355 59.7392 35.5715 59.4872 35.2475 59.4872C34.9355 59.4872 34.6715 59.7392 34.6715 60.0632C34.6715 60.3752 34.9355 60.6392 35.2475 60.6392C35.5715 60.6392 35.8355 60.3752 35.8355 60.0632ZM35.7035 67.6112V61.6712H34.8035V67.5512C34.8035 68.1512 34.5515 68.3672 34.0835 68.3672C33.9755 68.3672 33.8435 68.3432 33.7715 68.3312V69.0992C33.8675 69.1352 34.0475 69.1472 34.1555 69.1472C35.1515 69.1472 35.7035 68.6072 35.7035 67.6112Z" fill="white"/>
|
|
<path d="M40.2519 63.4592V64.1552C40.0239 63.9512 39.4719 63.7232 38.9199 63.7232C37.7799 63.7232 36.8919 64.3952 36.8919 65.3912C36.8919 66.4472 37.7799 67.0952 38.8719 67.0952C39.4959 67.0952 40.0479 66.8192 40.2519 66.6032V66.9992H41.1279V63.3872C41.1279 62.2592 40.3839 61.5632 39.1239 61.5632C38.4639 61.5632 37.8279 61.7552 37.4679 62.0072V62.8592C37.9119 62.5712 38.3919 62.3912 38.9799 62.3912C39.7599 62.3912 40.2519 62.7992 40.2519 63.4592ZM40.2519 65.1272V65.6792C40.1079 66.0752 39.5799 66.3392 39.0159 66.3392C38.3679 66.3392 37.7439 66.0392 37.7439 65.3912C37.7439 64.7552 38.3679 64.4672 39.0159 64.4672C39.5799 64.4672 40.1079 64.7312 40.2519 65.1272Z" fill="white"/>
|
|
<path d="M42.6668 61.6712V66.9992H43.5668V63.3872C43.7588 62.8112 44.2988 62.3912 44.9228 62.3912C45.7268 62.3912 46.0988 62.9072 46.0988 63.6512V66.9992H47.0108V63.5072C47.0108 62.3432 46.3508 61.5632 45.1388 61.5632C44.4548 61.5632 43.8788 61.9232 43.5668 62.3432V61.6712H42.6668Z" fill="white"/>
|
|
<path d="M49.0419 64.4912H52.7139V64.1672C52.7139 62.6072 51.9699 61.5632 50.5299 61.5632C49.1139 61.5632 48.1539 62.7272 48.1539 64.3832C48.1539 66.0632 49.1859 67.1072 50.7219 67.1072C51.3579 67.1072 51.9099 66.9752 52.3419 66.6392V65.8112C51.8619 66.1712 51.4299 66.3152 50.8299 66.3152C49.8579 66.3152 49.0779 65.7272 49.0419 64.4912ZM50.5419 62.3312C51.4059 62.3312 51.8019 63.0032 51.8379 63.7832H49.0899C49.2579 62.7992 49.8339 62.3312 50.5419 62.3312Z" fill="white"/>
|
|
<path d="M59.4925 65.3432L60.0085 62.4272H59.2045L59.1205 62.8712C58.9525 62.5952 58.5685 62.3192 58.0285 62.3192C56.7325 62.3192 55.8445 63.5432 55.8445 64.8512C55.8445 65.8472 56.4205 66.6272 57.4285 66.6272C57.9085 66.6272 58.4125 66.3392 58.6525 65.9432C58.8205 66.3872 59.2885 66.6392 59.8525 66.6392C61.0405 66.6392 62.1925 65.7032 62.1925 63.7472C62.1925 61.7312 60.5845 60.2072 58.2205 60.2072C55.4965 60.2072 53.6725 62.2352 53.6725 64.7432C53.6725 67.6232 55.9045 68.8472 58.2325 68.8472C59.2885 68.8472 60.2365 68.5952 60.8365 68.3072V67.6232C60.1525 67.9352 59.3005 68.1752 58.2325 68.1752C56.4325 68.1752 54.4165 67.2992 54.4165 64.7432C54.4165 62.5232 55.9645 60.8792 58.2205 60.8792C60.1045 60.8792 61.4725 62.0072 61.4725 63.7472C61.4725 65.1752 60.8245 65.9912 59.9725 65.9912C59.5885 65.9912 59.4085 65.8232 59.4925 65.3432ZM58.9645 63.6992L58.6885 65.1872C58.4365 65.5712 58.0885 65.8832 57.5965 65.8832C57.0205 65.8832 56.6725 65.4512 56.6725 64.8152C56.6725 63.9512 57.2125 63.0632 58.0765 63.0632C58.5085 63.0632 58.8325 63.3392 58.9645 63.6992Z" fill="white"/>
|
|
<path d="M63.3855 59.1992V66.9992H64.2855V63.3872C64.4775 62.8112 65.0175 62.3912 65.6415 62.3912C66.4455 62.3912 66.8175 62.9072 66.8175 63.6512V66.9992H67.7295V63.5072C67.7295 62.3432 67.0695 61.5632 65.8575 61.5632C65.1735 61.5632 64.5975 61.9232 64.2855 62.3432V59.1992H63.3855Z" fill="white"/>
|
|
<path d="M70.1566 69.0392V66.3752C70.4326 66.7592 70.9966 67.1072 71.6566 67.1072C73.2286 67.1072 74.0566 65.8112 74.0566 64.3352C74.0566 62.8592 73.2286 61.5632 71.6566 61.5632C70.9966 61.5632 70.4326 61.9112 70.1566 62.2952V61.6712H69.2566V69.0392H70.1566ZM70.1566 65.4152V63.2552C70.4326 62.7032 70.9606 62.3792 71.5246 62.3792C72.5446 62.3792 73.1446 63.2072 73.1446 64.3352C73.1446 65.4632 72.5446 66.2912 71.5246 66.2912C70.9606 66.2912 70.4326 65.9672 70.1566 65.4152Z" fill="white"/>
|
|
<path d="M75.8075 64.4912H79.4795V64.1672C79.4795 62.6072 78.7355 61.5632 77.2955 61.5632C75.8795 61.5632 74.9195 62.7272 74.9195 64.3832C74.9195 66.0632 75.9515 67.1072 77.4875 67.1072C78.1235 67.1072 78.6755 66.9752 79.1075 66.6392V65.8112C78.6275 66.1712 78.1955 66.3152 77.5955 66.3152C76.6235 66.3152 75.8435 65.7272 75.8075 64.4912ZM77.3075 62.3312C78.1715 62.3312 78.5675 63.0032 78.6035 63.7832H75.8555C76.0235 62.7992 76.5995 62.3312 77.3075 62.3312Z" fill="white"/>
|
|
<path d="M80.2858 66.4112C80.2858 66.7832 80.5738 67.0592 80.9338 67.0592C81.2818 67.0592 81.5698 66.7832 81.5698 66.4112C81.5698 66.0392 81.2818 65.7512 80.9338 65.7512C80.5738 65.7512 80.2858 66.0392 80.2858 66.4112Z" fill="white"/>
|
|
<path d="M82.2203 64.3352C82.2203 66.0392 83.3483 67.1072 84.7883 67.1072C85.3043 67.1072 85.8443 66.9872 86.2163 66.6632V65.7512C85.8323 66.1352 85.3643 66.3032 84.8483 66.3032C83.9003 66.3032 83.1323 65.5592 83.1323 64.3352C83.1323 63.1112 83.9003 62.3672 84.8483 62.3672C85.3643 62.3672 85.8323 62.5352 86.2163 62.9192V62.0072C85.8443 61.6832 85.3043 61.5632 84.7883 61.5632C83.3483 61.5632 82.2203 62.6312 82.2203 64.3352Z" fill="white"/>
|
|
<path d="M91.9795 64.3352C91.9795 62.7032 90.9835 61.5632 89.5315 61.5632C88.0675 61.5632 87.0835 62.7032 87.0835 64.3352C87.0835 65.9672 88.0675 67.1072 89.5315 67.1072C90.9835 67.1072 91.9795 65.9672 91.9795 64.3352ZM91.0675 64.3352C91.0675 65.4992 90.4915 66.3152 89.5315 66.3152C88.5715 66.3152 87.9955 65.4992 87.9955 64.3352C87.9955 63.1712 88.5715 62.3552 89.5315 62.3552C90.4915 62.3552 91.0675 63.1712 91.0675 64.3352Z" fill="white"/>
|
|
<path d="M96.978 62.4152C96.726 61.9112 96.21 61.5632 95.538 61.5632C94.878 61.5632 94.362 61.8752 94.098 62.2952V61.6712H93.198V66.9992H94.098V63.3272C94.266 62.7512 94.734 62.3792 95.274 62.3792C95.958 62.3792 96.282 62.8712 96.282 63.6152V66.9992H97.182V63.3272C97.35 62.7512 97.818 62.3792 98.358 62.3792C99.042 62.3792 99.366 62.8712 99.366 63.6152V66.9992H100.278V63.4712C100.278 62.3192 99.678 61.5632 98.598 61.5632C97.854 61.5632 97.314 61.9352 96.978 62.4152Z" fill="white"/>
|
|
</g>
|
|
<defs>
|
|
<filter id="filter0_d" x="0" y="0" width="144" height="144" 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"/>
|
|
<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.1 0"/>
|
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
|
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
|
|
</filter>
|
|
</defs>
|
|
</svg>
|