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

21 lines
7.2 KiB
XML
Raw Blame History

<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="336" height="192" fill="#FEC901"/>
<path d="M214.635 37.871C220.098 42.2723 223.214 49.6385 218.342 55.6234C213.47 61.6083 202.419 65.1973 196.362 60.3182C190.306 55.4391 191.537 43.9394 196.409 37.9545C201.281 31.9696 209.171 33.4697 214.635 37.871Z" fill="#885BDF"/>
<path d="M118.436 56.1078C113.556 50.1041 116.646 42.74 122.088 38.3499C127.53 33.9598 135.403 32.4802 140.283 38.4839C142.088 40.7042 143.398 43.678 144.027 46.7905C163.071 40.5517 199.136 43.1155 204.19 54.4819C207.781 62.558 210.083 88.4035 211.524 114.086C212.117 124.652 212.564 142.789 212.896 152.051C213.521 169.527 213.414 191.92 213.414 191.92H124.027C124.027 191.92 123.584 169.527 124.208 152.051C124.538 142.789 124.984 124.652 125.576 114.086C126.676 94.4461 128.28 74.7108 130.58 62.8997C125.908 62.1264 121.191 59.4963 118.436 56.1078Z" fill="#9060EB"/>
<path d="M201.88 191.92C200.561 173.31 186.068 164.876 168.574 164.876C151.128 164.876 136.947 173.419 135.561 191.92H201.88Z" fill="#6CF5AA"/>
<path d="M165.948 168.518C162.352 167.061 159.466 164.992 157.291 162.312C160.35 163.559 164.921 164.475 171.005 165.062C180.131 165.942 178.774 173.37 165.948 168.518Z" fill="#6CF5AA"/>
<path d="M204.011 54.5374C207.184 61.6579 209.839 85.599 211.401 113.04C212.963 140.481 213.415 191.92 213.415 191.92H188.617C189.137 182.884 188.756 174.551 186.825 168.676C181.599 152.771 175.499 152.332 168.903 146.95C162.306 141.568 188.825 150.96 186.825 122.45C190.909 105.25 179.822 93.1625 176.976 86.8C172.297 76.3417 185.129 71.9076 185.129 64.7597C185.129 56.5398 188.178 45.8355 168.903 43.4677C194.284 44.4293 201.896 49.7931 204.011 54.5374Z" fill="black" fill-opacity="0.05"/>
<path d="M213.472 177.909C213.578 171.823 214.55 165.78 216.386 159.779C211.753 162.671 209.385 167.008 209.284 172.789C209.132 181.461 213.312 187.038 213.472 177.909Z" fill="#885BDF"/>
<path d="M189.842 82.9704C185.627 87.1675 188.438 94.7815 184.934 91.2918C181.429 87.8021 181.423 82.1498 184.921 78.667C188.419 75.1842 194.095 75.1898 197.6 78.6796C201.105 82.1693 194.058 78.7732 189.842 82.9704Z" fill="#7A52C7"/>
<path d="M148.127 88.7702C152.342 84.5731 149.531 76.9591 153.035 80.4488C156.54 83.9385 156.546 89.5908 153.048 93.0736C149.55 96.5564 143.874 96.5508 140.369 93.061C136.864 89.5713 143.912 92.9674 148.127 88.7702Z" fill="#976AEB"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M145.649 92.0692C142.305 92.0692 139.594 89.4163 139.594 86.1438C139.594 82.8714 142.305 80.2185 145.649 80.2185C148.993 80.2185 151.704 82.8714 151.704 86.1438C151.704 89.4163 148.993 92.0692 145.649 92.0692ZM168.86 101.945C166.842 101.945 161.796 99.052 161.796 95.7795C161.796 92.507 165.516 92.0693 168.86 92.0693C172.204 92.0693 175.924 92.507 175.924 95.7795C175.924 99.052 170.878 101.945 168.86 101.945ZM186.016 86.1439C186.016 89.4164 188.727 92.0692 192.071 92.0692C195.415 92.0692 198.126 89.4164 198.126 86.1439C198.126 82.8714 195.415 80.2186 192.071 80.2186C188.727 80.2186 186.016 82.8714 186.016 86.1439Z" fill="#333333"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M189.819 82.9557C188.978 82.9557 188.296 83.6238 188.296 84.4479C188.296 85.272 188.978 85.9401 189.819 85.9401C190.66 85.9401 191.341 85.272 191.341 84.4479C191.341 83.6238 190.66 82.9557 189.819 82.9557ZM142.295 84.448C142.295 83.6238 142.977 82.9557 143.818 82.9557C144.658 82.9557 145.34 83.6238 145.34 84.448C145.34 85.2721 144.658 85.9402 143.818 85.9402C142.977 85.9402 142.295 85.2721 142.295 84.448ZM166.592 96.0607C165.211 96.0607 164.092 95.6086 164.092 95.0509C164.092 94.4932 165.211 94.0411 166.592 94.0411C167.973 94.0411 169.092 94.4932 169.092 95.0509C169.092 95.6086 167.973 96.0607 166.592 96.0607Z" fill="white" fill-opacity="0.3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M195.166 71.6067L196.382 72.382C193.635 71.9268 191.399 71.5771 189.673 71.3331L188.778 71.2896C183.314 71.0257 179.459 71.0064 179.459 71.0064C179.282 71.0049 179.13 70.8632 179.119 70.6821L178.692 63.7406C178.628 63.281 178.484 62.4937 178.259 61.3788L182.98 63.8641L183.006 63.8682L182.56 62.9366L186.094 64.3716L186.095 64.3891C187.149 64.5819 188.274 64.8035 189.436 65.0559C195.108 66.2875 199.801 67.6654 199.801 67.6654C199.972 67.7146 200.073 67.894 200.027 68.0658L199.119 71.4958C199.074 71.6677 198.893 71.7995 198.718 71.7903C198.718 71.7903 197.334 71.7171 195.166 71.6067ZM136.373 68.0467L135.22 67.7908L138.651 66.976C140.465 66.4641 143.301 65.7013 146.46 64.9904C147.428 64.7727 148.368 64.5787 149.26 64.4069L148.71 63.8298H152.275L150.786 62.8807H155.968C156.463 62.8807 156.647 63.1202 156.701 63.4425C156.721 63.4829 156.731 63.53 156.728 63.5813L156.72 63.742C156.719 63.771 156.718 63.8003 156.717 63.8298C156.716 63.8396 156.715 63.8494 156.714 63.8593L156.36 70.8112C156.351 70.9861 156.2 71.1296 156.023 71.13C156.023 71.13 152.353 71.1233 147.133 71.3553C141.912 71.5873 137.651 71.7975 137.651 71.7975C137.473 71.8062 137.295 71.6739 137.251 71.5019L136.373 68.0467ZM163.193 133.565C163.193 134.124 163.65 134.577 164.213 134.577H173.283C173.847 134.577 174.304 134.124 174.304 133.565C174.304 133.006 173.847 132.552 173.283 132.552H164.213C163.65 132.552 163.193 133.006 163.193 133.565Z" fill="#6D49B2"/>
<path d="M168.206 126.892C186.974 126.892 202.188 120.573 202.188 112.636C202.188 104.699 186.974 110.235 168.206 110.235C149.439 110.235 134.225 104.699 134.225 112.636C134.225 120.573 149.439 126.892 168.206 126.892Z" fill="#8F2E2E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M190.382 113.653C191.607 113.653 192.587 110.164 193.076 108.357C191.117 108.357 187.689 108.809 187.689 108.809C187.7 108.846 187.712 108.884 187.724 108.924C188.225 110.542 189.187 113.653 190.382 113.653ZM149.484 108.809C149.484 108.809 146.056 108.357 144.097 108.357C144.586 110.164 145.566 113.389 146.791 113.389C148.015 113.389 148.995 110.39 149.484 108.809Z" fill="white"/>
<path d="M169.346 112.14C181.193 112.14 190.798 114.513 190.798 118.904C190.798 124.92 181.193 126.135 169.346 126.135C157.498 126.135 147.894 126.026 147.894 118.904C147.894 114.513 157.498 112.14 169.346 112.14Z" fill="#7F2828"/>
<path d="M158.145 112.888C162.269 112.398 167.272 113.129 167.976 115.314C168.681 117.5 167.036 118.169 167.052 119.66C167.068 121.151 168.066 121.974 169.151 121.974C170.203 121.974 171.2 121.151 171.216 119.66C171.232 118.169 169.588 117.5 170.293 115.314C170.997 113.129 177.121 112.376 180.546 112.888L178.422 111.383H159.799L158.145 112.888Z" fill="#8F2E2E"/>
<path d="M181.685 125.614C181.688 125.331 180.137 124.157 175.3 123.265C171.909 122.639 170.27 124.101 169.565 124.101C168.86 124.101 167.081 122.639 163.69 123.265C158.853 124.157 157.006 125.63 157.006 125.614C166.422 126.508 171.694 127.085 181.685 125.614Z" fill="#AE3939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M190.955 112.245C191.746 112.245 192.38 109.683 192.696 108.357C191.43 108.357 189.213 108.688 189.213 108.688C189.22 108.716 189.228 108.744 189.236 108.773C189.56 109.961 190.182 112.245 190.955 112.245ZM149.494 108.829C149.494 108.829 148.997 108.702 147.752 108.605C147.917 109.296 147.766 110.535 147.64 111.563C147.525 112.508 147.432 113.274 147.625 113.274C148.029 113.274 149.177 109.99 149.494 108.829Z" fill="black" fill-opacity="0.05"/>
</svg>
Reference in New Issue View Git Blame Copy Permalink