Files
hpe-branding/assets/site-images/templateImages/template-preview-form.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

28 lines
13 KiB
XML

<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M259.131 26.5391H77.8691C75.6928 26.5391 73.9286 28.3033 73.9286 30.4797V160.52C73.9286 162.697 75.6928 164.461 77.8691 164.461H259.131C261.307 164.461 263.071 162.697 263.071 160.52V30.4797C263.071 28.3033 261.307 26.5391 259.131 26.5391Z" fill="white"/>
<path d="M97 142C97 137.029 101.029 133 106 133H139C143.971 133 148 137.029 148 142C148 146.971 143.971 151 139 151H106C101.029 151 97 146.971 97 142Z" fill="#292D3A"/>
<mask id="path-3-inside-1_195_525" fill="white">
<path d="M98 75C98 70.5817 101.582 67 106 67H230C234.418 67 238 70.5817 238 75V79C238 83.4183 234.418 87 230 87H106C101.582 87 98 83.4183 98 79V75Z"/>
</mask>
<path d="M98 75C98 70.5817 101.582 67 106 67H230C234.418 67 238 70.5817 238 75V79C238 83.4183 234.418 87 230 87H106C101.582 87 98 83.4183 98 79V75Z" fill="black" fill-opacity="0.08"/>
<path d="M106 67V68H230V67V66H106V67ZM238 75H237V79H238H239V75H238ZM230 87V86H106V87V88H230V87ZM98 79H99V75H98H97V79H98ZM106 87V86C102.134 86 99 82.866 99 79H98H97C97 83.9706 101.029 88 106 88V87ZM238 79H237C237 82.866 233.866 86 230 86V87V88C234.971 88 239 83.9706 239 79H238ZM230 67V68C233.866 68 237 71.134 237 75H238H239C239 70.0294 234.971 66 230 66V67ZM106 67V66C101.029 66 97 70.0294 97 75H98H99C99 71.134 102.134 68 106 68V67Z" fill="#B1B9BE" mask="url(#path-3-inside-1_195_525)"/>
<path d="M112.512 73.416C112.152 73.416 111.852 73.116 111.852 72.756C111.852 72.396 112.152 72.096 112.512 72.096C112.872 72.096 113.172 72.396 113.172 72.756C113.172 73.116 112.872 73.416 112.512 73.416ZM111.108 83.292V82.452C111.816 82.392 112.032 82.032 112.032 81.48V74.724H113.028V81.396C113.028 82.596 112.5 83.244 111.108 83.292ZM116.639 81.108C115.475 81.108 114.551 80.544 114.551 79.26C114.551 77.808 116.087 77.316 117.695 77.316H118.595V76.86C118.595 75.864 118.211 75.444 117.251 75.444C116.387 75.444 115.907 75.804 115.811 76.572H114.815C114.947 75.144 116.087 74.616 117.299 74.616C118.499 74.616 119.591 75.108 119.591 76.86V81H118.595V80.208C118.127 80.796 117.563 81.108 116.639 81.108ZM116.735 80.316C117.791 80.316 118.595 79.776 118.595 78.804V78.024H117.731C116.471 78.024 115.547 78.336 115.547 79.26C115.547 79.908 115.859 80.316 116.735 80.316ZM121.547 81V74.724H122.543V75.72C122.831 75.132 123.527 74.616 124.559 74.616C125.855 74.616 126.767 75.324 126.767 77.148V81H125.771V77.076C125.771 75.972 125.303 75.48 124.295 75.48C123.371 75.48 122.543 76.068 122.543 77.196V81H121.547ZM131.287 81.108C129.511 81.108 128.251 79.86 128.251 77.928V77.832C128.251 75.936 129.463 74.616 131.191 74.616C132.643 74.616 134.011 75.492 134.011 77.736V78.06H129.283C129.331 79.488 130.015 80.28 131.299 80.28C132.271 80.28 132.835 79.92 132.967 79.188H133.963C133.747 80.448 132.703 81.108 131.287 81.108ZM129.319 77.256H132.991C132.895 75.96 132.223 75.444 131.191 75.444C130.171 75.444 129.487 76.14 129.319 77.256ZM140.039 82.764C136.835 82.764 135.071 80.436 135.071 77.88C135.071 74.94 137.423 72.744 140.195 72.744C143.063 72.744 144.971 74.664 144.971 77.136C144.971 79.392 143.675 80.196 142.715 80.196C141.743 80.196 141.431 79.788 141.335 79.164C140.987 79.788 140.291 80.28 139.547 80.28C138.383 80.28 137.615 79.488 137.615 78.192C137.615 76.584 138.671 75.408 139.979 75.408C140.831 75.408 141.263 75.816 141.431 76.224L141.515 75.504H142.511L142.151 78.528C142.067 79.164 142.271 79.476 142.727 79.476C143.411 79.476 144.107 78.792 144.107 77.16C144.107 75.012 142.667 73.536 140.195 73.536C137.771 73.536 135.995 75.312 135.995 77.856C135.995 80.04 137.363 81.972 140.039 81.972C141.347 81.972 142.127 81.636 142.871 81H143.795C143.183 82.044 141.767 82.764 140.039 82.764ZM139.763 79.512C140.507 79.512 141.299 78.828 141.299 77.556C141.299 76.644 140.831 76.2 140.051 76.2C139.295 76.2 138.635 76.92 138.635 78.18C138.635 79.02 139.115 79.512 139.763 79.512ZM146.52 81V71.724H147.516V75.72C147.804 75.132 148.5 74.616 149.532 74.616C150.828 74.616 151.74 75.324 151.74 77.148V81H150.744V77.076C150.744 75.972 150.276 75.48 149.268 75.48C148.344 75.48 147.516 76.068 147.516 77.196V81H146.52ZM153.692 83.184V74.724H154.688V75.78C155.048 75.168 155.9 74.616 156.812 74.616C158.456 74.616 159.668 75.816 159.668 77.772V77.868C159.668 79.788 158.54 81.108 156.812 81.108C155.78 81.108 155.048 80.592 154.688 79.968V83.184H153.692ZM156.716 80.28C157.964 80.28 158.636 79.44 158.636 77.916V77.82C158.636 76.236 157.76 75.444 156.704 75.444C155.54 75.444 154.652 76.212 154.652 77.82V77.916C154.652 79.524 155.492 80.28 156.716 80.28ZM163.783 81.108C162.007 81.108 160.747 79.86 160.747 77.928V77.832C160.747 75.936 161.959 74.616 163.687 74.616C165.139 74.616 166.507 75.492 166.507 77.736V78.06H161.779C161.827 79.488 162.511 80.28 163.795 80.28C164.767 80.28 165.331 79.92 165.463 79.188H166.459C166.243 80.448 165.199 81.108 163.783 81.108ZM161.815 77.256H165.487C165.391 75.96 164.719 75.444 163.687 75.444C162.667 75.444 161.983 76.14 161.815 77.256ZM168.661 81.06C168.241 81.06 167.893 80.724 167.893 80.292C167.893 79.86 168.241 79.524 168.661 79.524C169.081 79.524 169.429 79.86 169.429 80.292C169.429 80.724 169.081 81.06 168.661 81.06ZM173.663 81.108C171.911 81.108 170.591 79.872 170.591 77.928V77.832C170.591 75.912 171.959 74.616 173.639 74.616C174.947 74.616 176.171 75.216 176.363 76.812H175.379C175.223 75.816 174.503 75.444 173.639 75.444C172.499 75.444 171.623 76.356 171.623 77.832V77.928C171.623 79.464 172.463 80.28 173.675 80.28C174.563 80.28 175.367 79.764 175.475 78.744H176.399C176.267 80.1 175.175 81.108 173.663 81.108ZM180.507 81.108C178.719 81.108 177.435 79.752 177.435 77.916V77.82C177.435 75.936 178.743 74.616 180.519 74.616C182.295 74.616 183.603 75.924 183.603 77.808V77.904C183.603 79.8 182.295 81.108 180.507 81.108ZM180.519 80.28C181.779 80.28 182.571 79.332 182.571 77.916V77.832C182.571 76.38 181.767 75.444 180.519 75.444C179.259 75.444 178.467 76.38 178.467 77.82V77.916C178.467 79.344 179.247 80.28 180.519 80.28ZM185.145 81V74.724H186.141V75.684C186.429 75.096 187.113 74.616 188.013 74.616C188.817 74.616 189.525 74.952 189.849 75.792C190.281 74.976 191.217 74.616 191.997 74.616C193.125 74.616 194.109 75.288 194.109 77.112V81H193.113V77.04C193.113 75.936 192.645 75.48 191.781 75.48C190.965 75.48 190.125 76.032 190.125 77.16V81H189.129V77.04C189.129 75.936 188.661 75.48 187.797 75.48C186.981 75.48 186.141 76.032 186.141 77.16V81H185.145Z" fill="black" fill-opacity="0.24"/>
<mask id="path-6-inside-2_195_525" fill="white">
<path d="M98 108C98 103.582 101.582 100 106 100H230C234.418 100 238 103.582 238 108V112C238 116.418 234.418 120 230 120H106C101.582 120 98 116.418 98 112V108Z"/>
</mask>
<path d="M98 108C98 103.582 101.582 100 106 100H230C234.418 100 238 103.582 238 108V112C238 116.418 234.418 120 230 120H106C101.582 120 98 116.418 98 112V108Z" fill="black" fill-opacity="0.08"/>
<path d="M106 100V101H230V100V99H106V100ZM238 108H237V112H238H239V108H238ZM230 120V119H106V120V121H230V120ZM98 112H99V108H98H97V112H98ZM106 120V119C102.134 119 99 115.866 99 112H98H97C97 116.971 101.029 121 106 121V120ZM238 112H237C237 115.866 233.866 119 230 119V120V121C234.971 121 239 116.971 239 112H238ZM230 100V101C233.866 101 237 104.134 237 108H238H239C239 103.029 234.971 99 230 99V100ZM106 100V99C101.029 99 97 103.029 97 108H98H99C99 104.134 102.134 101 106 101V100Z" fill="#B1B9BE" mask="url(#path-6-inside-2_195_525)"/>
<path d="M99.26 52V41.99H100.478V51.006H105.056V52H99.26ZM109.569 52.126C107.483 52.126 105.985 50.544 105.985 48.402V48.29C105.985 46.092 107.511 44.552 109.583 44.552C111.655 44.552 113.181 46.078 113.181 48.276V48.388C113.181 50.6 111.655 52.126 109.569 52.126ZM109.583 51.16C111.053 51.16 111.977 50.054 111.977 48.402V48.304C111.977 46.61 111.039 45.518 109.583 45.518C108.113 45.518 107.189 46.61 107.189 48.29V48.402C107.189 50.068 108.099 51.16 109.583 51.16ZM117.907 54.674C115.737 54.674 114.785 53.652 114.589 52.42H115.779C115.947 53.26 116.647 53.694 117.893 53.694C119.335 53.694 120.245 53.008 120.245 51.44V50.376C119.825 51.09 118.831 51.762 117.767 51.762C115.849 51.762 114.435 50.306 114.435 48.29V48.192C114.435 46.204 115.835 44.552 117.851 44.552C119.069 44.552 119.825 45.14 120.245 45.854V44.678H121.407V51.51C121.393 53.638 119.951 54.674 117.907 54.674ZM117.893 50.796C119.251 50.796 120.287 49.844 120.287 48.206V48.108C120.287 46.47 119.391 45.518 117.963 45.518C116.507 45.518 115.639 46.596 115.639 48.136V48.248C115.639 49.844 116.661 50.796 117.893 50.796ZM128.051 43.152C127.631 43.152 127.281 42.802 127.281 42.382C127.281 41.962 127.631 41.612 128.051 41.612C128.471 41.612 128.821 41.962 128.821 42.382C128.821 42.802 128.471 43.152 128.051 43.152ZM127.491 52V44.678H128.653V52H127.491ZM131.031 52V44.678H132.193V45.84C132.529 45.154 133.341 44.552 134.545 44.552C136.057 44.552 137.121 45.378 137.121 47.506V52H135.959V47.422C135.959 46.134 135.413 45.56 134.237 45.56C133.159 45.56 132.193 46.246 132.193 47.562V52H131.031Z" fill="#606A70"/>
<path d="M109.093 110.147C109.093 109.201 108.372 108.539 107.474 108.539C106.575 108.539 105.866 109.201 105.866 110.147C105.866 111.093 106.575 111.755 107.474 111.755C108.372 111.755 109.093 111.093 109.093 110.147Z" fill="#CCCCCC"/>
<path d="M113.145 110.147C113.145 109.201 112.424 108.539 111.526 108.539C110.627 108.539 109.918 109.201 109.918 110.147C109.918 111.093 110.627 111.755 111.526 111.755C112.424 111.755 113.145 111.093 113.145 110.147Z" fill="#CCCCCC"/>
<path d="M117.197 110.147C117.197 109.201 116.476 108.539 115.577 108.539C114.679 108.539 113.97 109.201 113.97 110.147C113.97 111.093 114.679 111.755 115.577 111.755C116.476 111.755 117.197 111.093 117.197 110.147Z" fill="#CCCCCC"/>
<path d="M121.25 110.147C121.25 109.201 120.529 108.539 119.63 108.539C118.732 108.539 118.022 109.201 118.022 110.147C118.022 111.093 118.732 111.755 119.63 111.755C120.529 111.755 121.25 111.093 121.25 110.147Z" fill="#CCCCCC"/>
<path d="M125.302 110.147C125.302 109.201 124.58 108.539 123.682 108.539C122.784 108.539 122.074 109.201 122.074 110.147C122.074 111.093 122.784 111.755 123.682 111.755C124.58 111.755 125.302 111.093 125.302 110.147Z" fill="#CCCCCC"/>
<path d="M129.353 110.147C129.353 109.201 128.632 108.539 127.734 108.539C126.835 108.539 126.126 109.201 126.126 110.147C126.126 111.093 126.835 111.755 127.734 111.755C128.632 111.755 129.353 111.093 129.353 110.147Z" fill="#CCCCCC"/>
<path d="M133.406 110.147C133.406 109.201 132.685 108.539 131.787 108.539C130.888 108.539 130.179 109.201 130.179 110.147C130.179 111.093 130.888 111.755 131.787 111.755C132.685 111.755 133.406 111.093 133.406 110.147Z" fill="#CCCCCC"/>
<path d="M137.458 110.147C137.458 109.201 136.737 108.539 135.838 108.539C134.94 108.539 134.231 109.201 134.231 110.147C134.231 111.093 134.94 111.755 135.838 111.755C136.737 111.755 137.458 111.093 137.458 110.147Z" fill="#CCCCCC"/>
<path d="M141.51 110.147C141.51 109.201 140.789 108.539 139.89 108.539C138.992 108.539 138.282 109.201 138.282 110.147C138.282 111.093 138.992 111.755 139.89 111.755C140.789 111.755 141.51 111.093 141.51 110.147Z" fill="#CCCCCC"/>
<path d="M145.561 110.147C145.561 109.201 144.84 108.539 143.942 108.539C143.044 108.539 142.334 109.201 142.334 110.147C142.334 111.093 143.044 111.755 143.942 111.755C144.84 111.755 145.561 111.093 145.561 110.147Z" fill="#CCCCCC"/>
<path d="M107.619 146V138.492H109.026V144.887H112.218V146H107.619ZM115.641 146.105C114.024 146.105 112.827 144.981 112.827 143.312V143.228C112.827 141.527 114.034 140.393 115.651 140.393C117.258 140.393 118.465 141.516 118.465 143.196V143.28C118.465 144.992 117.258 146.105 115.641 146.105ZM115.651 145.118C116.596 145.118 117.163 144.404 117.163 143.302V143.217C117.163 142.083 116.596 141.39 115.651 141.39C114.706 141.39 114.129 142.073 114.129 143.207V143.291C114.129 144.414 114.696 145.118 115.651 145.118ZM121.955 148.016C120.233 148.016 119.456 147.239 119.309 146.189H120.59C120.695 146.735 121.115 147.05 121.944 147.05C122.931 147.05 123.477 146.557 123.477 145.569V144.761C123.173 145.286 122.49 145.779 121.682 145.779C120.306 145.779 119.246 144.75 119.246 143.165V143.091C119.246 141.548 120.296 140.393 121.713 140.393C122.616 140.393 123.162 140.802 123.477 141.348V140.508H124.748V145.59C124.737 147.208 123.656 148.016 121.955 148.016ZM121.997 144.803C122.879 144.803 123.519 144.173 123.519 143.123V143.049C123.519 142.01 122.952 141.39 122.039 141.39C121.094 141.39 120.548 142.073 120.548 143.07V143.154C120.548 144.173 121.178 144.803 121.997 144.803ZM129.411 139.605C128.991 139.605 128.655 139.29 128.655 138.881C128.655 138.471 128.991 138.146 129.411 138.146C129.841 138.146 130.177 138.471 130.177 138.881C130.177 139.29 129.841 139.605 129.411 139.605ZM128.791 146V140.508H130.062V146H128.791ZM131.61 146V140.508H132.881V141.38C133.143 140.844 133.752 140.393 134.655 140.393C135.758 140.393 136.535 141.033 136.535 142.556V146H135.264V142.661C135.264 141.831 134.928 141.453 134.172 141.453C133.469 141.453 132.881 141.894 132.881 142.766V146H131.61Z" fill="white"/>
</svg>