justin/hpe-branding
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
0730557624a28835a85eec44e1d2a513e6961546
hpe-branding/assets/site-images/components-preview-tooltip-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

27 lines
6.9 KiB
XML
Raw Blame History

<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_32_326)">
<mask id="path-1-inside-1_32_326" fill="white">
<path d="M124.5 110.5C124.5 107.186 127.186 104.5 130.5 104.5H205.5C208.814 104.5 211.5 107.186 211.5 110.5V122.5C211.5 125.814 208.814 128.5 205.5 128.5H130.5C127.186 128.5 124.5 125.814 124.5 122.5V110.5Z"/>
</mask>
<path d="M124.5 110.5C124.5 107.186 127.186 104.5 130.5 104.5H205.5C208.814 104.5 211.5 107.186 211.5 110.5V122.5C211.5 125.814 208.814 128.5 205.5 128.5H130.5C127.186 128.5 124.5 125.814 124.5 122.5V110.5Z" fill="#22252E"/>
<path d="M130.5 104.5V105.5H205.5V104.5V103.5H130.5V104.5ZM211.5 110.5H210.5V122.5H211.5H212.5V110.5H211.5ZM205.5 128.5V127.5H130.5V128.5V129.5H205.5V128.5ZM124.5 122.5H125.5V110.5H124.5H123.5V122.5H124.5ZM130.5 128.5V127.5C127.739 127.5 125.5 125.261 125.5 122.5H124.5H123.5C123.5 126.366 126.634 129.5 130.5 129.5V128.5ZM211.5 122.5H210.5C210.5 125.261 208.261 127.5 205.5 127.5V128.5V129.5C209.366 129.5 212.5 126.366 212.5 122.5H211.5ZM205.5 104.5V105.5C208.261 105.5 210.5 107.739 210.5 110.5H211.5H212.5C212.5 106.634 209.366 103.5 205.5 103.5V104.5ZM130.5 104.5V103.5C126.634 103.5 123.5 106.634 123.5 110.5H124.5H125.5C125.5 107.739 127.739 105.5 130.5 105.5V104.5Z" fill="white" fill-opacity="0.12" mask="url(#path-1-inside-1_32_326)"/>
<path d="M134.818 121.5V112.484H131.906V111.49H138.948V112.484H136.036V121.5H134.818ZM140.524 121.5V110.678H141.686V115.34C142.022 114.654 142.834 114.052 144.038 114.052C145.55 114.052 146.614 114.878 146.614 117.006V121.5H145.452V116.922C145.452 115.634 144.906 115.06 143.73 115.06C142.652 115.06 141.686 115.746 141.686 117.062V121.5H140.524ZM149.479 112.652C149.059 112.652 148.709 112.302 148.709 111.882C148.709 111.462 149.059 111.112 149.479 111.112C149.899 111.112 150.249 111.462 150.249 111.882C150.249 112.302 149.899 112.652 149.479 112.652ZM148.919 121.5V114.178H150.081V121.5H148.919ZM154.727 121.626C152.977 121.626 151.927 120.744 151.857 119.246H152.991C153.075 120.114 153.537 120.66 154.713 120.66C155.819 120.66 156.309 120.282 156.309 119.498C156.309 118.728 155.735 118.476 154.601 118.266C152.697 117.916 152.053 117.384 152.053 116.11C152.053 114.752 153.383 114.052 154.531 114.052C155.847 114.052 156.981 114.584 157.177 116.166H156.057C155.889 115.368 155.441 115.018 154.517 115.018C153.677 115.018 153.131 115.438 153.131 116.068C153.131 116.726 153.495 116.992 154.839 117.23C156.351 117.51 157.415 117.846 157.415 119.4C157.415 120.73 156.505 121.626 154.727 121.626ZM163.479 112.652C163.059 112.652 162.709 112.302 162.709 111.882C162.709 111.462 163.059 111.112 163.479 111.112C163.899 111.112 164.249 111.462 164.249 111.882C164.249 112.302 163.899 112.652 163.479 112.652ZM162.919 121.5V114.178H164.081V121.5H162.919ZM168.727 121.626C166.977 121.626 165.927 120.744 165.857 119.246H166.991C167.075 120.114 167.537 120.66 168.713 120.66C169.819 120.66 170.309 120.282 170.309 119.498C170.309 118.728 169.735 118.476 168.601 118.266C166.697 117.916 166.053 117.384 166.053 116.11C166.053 114.752 167.383 114.052 168.531 114.052C169.847 114.052 170.981 114.584 171.177 116.166H170.057C169.889 115.368 169.441 115.018 168.517 115.018C167.677 115.018 167.131 115.438 167.131 116.068C167.131 116.726 167.495 116.992 168.839 117.23C170.351 117.51 171.415 117.846 171.415 119.4C171.415 120.73 170.505 121.626 168.727 121.626ZM178.725 121.626C177.367 121.626 176.289 120.968 176.289 119.47C176.289 117.776 178.081 117.202 179.957 117.202H181.007V116.67C181.007 115.508 180.559 115.018 179.439 115.018C178.431 115.018 177.871 115.438 177.759 116.334H176.597C176.751 114.668 178.081 114.052 179.495 114.052C180.895 114.052 182.169 114.626 182.169 116.67V121.5H181.007V120.576C180.461 121.262 179.803 121.626 178.725 121.626ZM178.837 120.702C180.069 120.702 181.007 120.072 181.007 118.938V118.028H179.999C178.529 118.028 177.451 118.392 177.451 119.47C177.451 120.226 177.815 120.702 178.837 120.702ZM190.382 121.598C189.052 121.598 188.408 120.814 188.408 119.666V115.158H187.358V114.178H188.408V112.512H189.57V114.178H191.278V115.158H189.57V119.554C189.57 120.268 189.892 120.618 190.48 120.618C190.844 120.618 191.124 120.562 191.376 120.464V121.444C191.138 121.528 190.858 121.598 190.382 121.598ZM193.721 112.652C193.301 112.652 192.951 112.302 192.951 111.882C192.951 111.462 193.301 111.112 193.721 111.112C194.141 111.112 194.491 111.462 194.491 111.882C194.491 112.302 194.141 112.652 193.721 112.652ZM193.161 121.5V114.178H194.323V121.5H193.161ZM196.701 124.048V114.178H197.863V115.41C198.283 114.696 199.277 114.052 200.341 114.052C202.259 114.052 203.673 115.452 203.673 117.734V117.846C203.673 120.086 202.357 121.626 200.341 121.626C199.137 121.626 198.283 121.024 197.863 120.296V124.048H196.701ZM200.229 120.66C201.685 120.66 202.469 119.68 202.469 117.902V117.79C202.469 115.942 201.447 115.018 200.215 115.018C198.857 115.018 197.821 115.914 197.821 117.79V117.902C197.821 119.778 198.801 120.66 200.229 120.66Z" fill="#E6E8E9"/>
</g>
<rect x="149" y="62.5" width="38" height="38" rx="19" stroke="#292D3A" stroke-width="2"/>
<rect x="147" y="60.5" width="42" height="42" rx="21" stroke="white" stroke-width="2"/>
<path d="M168 80.5C168.368 80.5 168.667 80.7985 168.667 81.1667V83.8334C168.667 84.2015 168.368 84.5 168 84.5C167.632 84.5 167.333 84.2015 167.333 83.8334V81.1667C167.333 80.7985 167.632 80.5 168 80.5Z" fill="white"/>
<path d="M168 78.1667C168.368 78.1667 168.667 78.4652 168.667 78.8334V78.8998C168.667 79.2679 168.368 79.5664 168 79.5664C167.632 79.5664 167.333 79.2679 167.333 78.8998V78.8334C167.333 78.4652 167.632 78.1667 168 78.1667Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M172 75.1667C173.841 75.1667 175.333 76.6591 175.333 78.5V83.8334C175.333 85.6743 173.841 87.1667 172 87.1667H170.378L169.143 89.2233C168.625 90.0864 167.375 90.0864 166.857 89.2233L165.622 87.1667H164C162.159 87.1667 160.667 85.6743 160.667 83.8334V78.5C160.667 76.6591 162.159 75.1667 164 75.1667H172ZM164 76.5C162.895 76.5 162 77.3955 162 78.5V83.8334C162 84.9379 162.895 85.8334 164 85.8334H165.622C166.091 85.8334 166.525 86.079 166.766 86.4805L168 88.5378L169.234 86.4805L169.281 86.4069C169.529 86.0491 169.939 85.8334 170.378 85.8334H172C173.105 85.8334 174 84.9379 174 83.8334V78.5C174 77.3955 173.105 76.5 172 76.5H164Z" fill="white"/>
<defs>
<filter id="filter0_d_32_326" x="120.5" y="102.5" width="95" height="32" 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.24 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_32_326"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_32_326" result="shape"/>
</filter>
</defs>
</svg>
Reference in New Issue View Git Blame Copy Permalink