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.
15 lines
3.3 KiB
XML
15 lines
3.3 KiB
XML
<svg width="368" height="192" viewBox="0 0 368 192" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<rect x="22" y="22" width="324" height="148" rx="4" fill="white"/>
|
|
<path d="M87.9 44.1587V48.5913H102V52H84.3V40.75H102V44.1587H87.9Z" fill="#01A982"/>
|
|
<path d="M73.5841 34H62.4273V52H66.0273V47.4241H73.5283C78.2676 47.4241 80.9898 44.7254 80.9898 40.7498C80.9898 36.7482 78.2676 34 73.5841 34ZM73.349 43.9741H66.0273V37.4088H73.349C76.1839 37.4088 77.2591 38.7192 77.2591 40.7498C77.2591 42.7597 76.1839 43.9741 73.349 43.9741ZM87.9 39.0787H84.3V34H102V37.4088H87.9V39.0787ZM57.9 34V52H54.3V44.623H42.6V52H39V34H42.6V41.173H54.3V34H57.9Z" fill="#292D3A"/>
|
|
<path d="M101.5 41.25V43.6592H87.4004V49.0908H101.5V51.5H84.7998V41.25H101.5ZM73.584 34.5C75.8285 34.5 77.5475 35.1574 78.7012 36.2393C79.852 37.3185 80.4902 38.8664 80.4902 40.75C80.4902 42.6191 79.8527 44.1465 78.6973 45.21C77.5378 46.277 75.8044 46.9238 73.5283 46.9238H65.5273V51.5H62.9277V34.5H73.584ZM42.0996 34.5V41.6729H54.7998V34.5H57.4004V51.5H54.7998V44.123H42.0996V51.5H39.5V34.5H42.0996ZM65.5273 44.4746H73.3486C74.8249 44.4746 75.9461 44.1596 76.6992 43.4893C77.4645 42.8079 77.7588 41.8417 77.7588 40.75C77.7588 39.6499 77.4661 38.6595 76.708 37.9521C75.9566 37.2512 74.8336 36.9092 73.3486 36.9092H65.5273V44.4746ZM101.5 34.5V36.9092H87.4004V38.5791H84.7998V34.5H101.5Z" stroke="black" stroke-opacity="0.04"/>
|
|
<path opacity="0.5" d="M122.5 114H45.5C43.567 114 42 115.194 42 116.667V159.333C42 160.806 43.567 162 45.5 162H122.5C124.433 162 126 160.806 126 159.333V116.667C126 115.194 124.433 114 122.5 114Z" fill="black" fill-opacity="0.04"/>
|
|
<path opacity="0.5" d="M218.5 114H141.5C139.567 114 138 115.194 138 116.667V159.333C138 160.806 139.567 162 141.5 162H218.5C220.433 162 222 160.806 222 159.333V116.667C222 115.194 220.433 114 218.5 114Z" fill="black" fill-opacity="0.04"/>
|
|
<path opacity="0.5" d="M314.5 114H237.5C235.567 114 234 115.194 234 116.667V159.333C234 160.806 235.567 162 237.5 162H314.5C316.433 162 318 160.806 318 159.333V116.667C318 115.194 316.433 114 314.5 114Z" fill="black" fill-opacity="0.04"/>
|
|
<path d="M22 62.7822H346" stroke="black" stroke-opacity="0.04" stroke-width="0.7"/>
|
|
<rect width="324" height="42" transform="translate(22 63)" fill="#FFECEC"/>
|
|
<path d="M47.5878 74.8779C48.0916 74.374 48.9084 74.374 49.4122 74.8779L57.6221 83.0878C58.126 83.5916 58.126 84.4084 57.6221 84.9122L49.4122 93.1221C48.9084 93.626 48.0916 93.626 47.5878 93.1221L39.3779 84.9122C38.874 84.4084 38.874 83.5916 39.3779 83.0878L47.5878 74.8779Z" fill="#EC3331"/>
|
|
<path opacity="0.5" d="M251.964 80.8117L73.4061 80.1874C71.2623 80.1799 69.5195 81.5667 69.5135 83.2849L69.5108 84.0627C69.5048 85.7809 71.2378 87.1799 73.3816 87.1874L251.94 87.8117C254.083 87.8192 255.826 86.4323 255.832 84.7141L255.835 83.9364C255.841 82.2182 254.108 80.8192 251.964 80.8117Z" fill="#3E4550"/>
|
|
<path d="M325.171 79.5039C325.399 79.2761 325.768 79.2761 325.996 79.5039C326.224 79.7317 326.224 80.1009 325.996 80.3287L322.325 83.9996L325.996 87.6705C326.224 87.8983 326.224 88.2676 325.996 88.4954C325.768 88.7232 325.399 88.7231 325.171 88.4954L321.5 84.8245L317.829 88.4954C317.601 88.7232 317.232 88.7232 317.004 88.4954C316.777 88.2676 316.777 87.8983 317.004 87.6705L320.675 83.9996L317.004 80.3287C316.777 80.1009 316.777 79.7317 317.004 79.5039C317.232 79.2761 317.601 79.2761 317.829 79.5039L321.5 83.1748L325.171 79.5039Z" fill="#292D3A"/>
|
|
</svg>
|