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.
24 lines
2.2 KiB
XML
24 lines
2.2 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_1101)">
|
|
<path d="M4 5.75C4 3.67893 5.6789 2 7.75 2H120.25C122.321 2 124 3.67893 124 5.75V118.25C124 120.321 122.321 122 120.25 122H7.75C5.6789 122 4 120.321 4 118.25V5.75Z" fill="white"/>
|
|
</g>
|
|
<path d="M86 20C86 16.6863 83.3137 14 80 14H62C58.6863 14 56 16.6863 56 20C56 23.3137 58.6863 26 62 26H80C83.3137 26 86 23.3137 86 20Z" fill="#F7F7F7"/>
|
|
<path d="M112.125 20C112.125 16.6863 109.439 14 106.125 14H105C101.686 14 99 16.6863 99 20C99 23.3137 101.686 26 105 26H106.125C109.439 26 112.125 23.3137 112.125 20Z" fill="black" fill-opacity="0.12"/>
|
|
<path d="M44.125 20C44.125 16.6863 41.4387 14 38.125 14H22C18.6863 14 16 16.6863 16 20C16 23.3137 18.6863 26 22 26H38.125C41.4387 26 44.125 23.3137 44.125 20Z" fill="#292D3A"/>
|
|
<path d="M44 41.5C44 39.567 42.433 38 40.5 38H19.5C17.567 38 16 39.567 16 41.5C16 43.433 17.567 45 19.5 45H40.5C42.433 45 44 43.433 44 41.5Z" fill="black" fill-opacity="0.12"/>
|
|
<path d="M112 50C112 43.3726 106.627 38 100 38H68C61.3726 38 56 43.3726 56 50V98C56 104.627 61.3726 110 68 110H100C106.627 110 112 104.627 112 98V50Z" fill="#F7F7F7"/>
|
|
<path d="M44 58.5C44 56.567 42.433 55 40.5 55H19.5C17.567 55 16 56.567 16 58.5C16 60.433 17.567 62 19.5 62H40.5C42.433 62 44 60.433 44 58.5Z" fill="black" fill-opacity="0.12"/>
|
|
<path d="M44 76.5C44 74.567 42.433 73 40.5 73H19.5C17.567 73 16 74.567 16 76.5C16 78.433 17.567 80 19.5 80H40.5C42.433 80 44 78.433 44 76.5Z" fill="black" fill-opacity="0.12"/>
|
|
<defs>
|
|
<filter id="filter0_d_177_1101" 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_1101"/>
|
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_177_1101" result="shape"/>
|
|
</filter>
|
|
</defs>
|
|
</svg>
|
