Files
hpe-branding/assets/site-images/highlightImages/header-dark.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
6.0 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)">
<g clip-path="url(#clip0)">
<rect x="4" width="120" height="120" rx="4" fill="#263040"/>
<rect width="242.667" height="52" transform="translate(4)" fill="#404B5C"/>
<path d="M85.531 22.0727H83.438V25.1017H80.357V22.0727H78.264V30.0547H80.357V26.8957H83.438V30.0547H85.531V22.0727ZM88.7861 27.5717H90.2161C91.9451 27.5717 93.1151 26.5967 93.1151 24.8287C93.1151 23.0477 91.9451 22.0727 90.2161 22.0727H86.7191V30.0547H88.7861V27.5717ZM91.0871 24.8287C91.0871 25.4267 90.7491 25.8297 89.9951 25.8297H88.7861V23.8277H89.9951C90.7491 23.8277 91.0871 24.2177 91.0871 24.8287ZM99.7132 22.0727H94.0062V30.0547H99.7132V28.2477H96.0602V26.8697H99.4012V25.1147H96.0602V23.8667H99.7132V22.0727Z" fill="white"/>
<path d="M104.199 28.3257V29.4307C104.745 29.8597 105.629 30.1717 106.708 30.1717C108.255 30.1717 109.399 29.3527 109.399 27.9877C109.399 26.8827 108.853 26.2457 107.631 25.7777L106.37 25.2837C105.629 24.9977 105.174 24.7117 105.174 24.0357C105.174 23.2427 105.863 22.8527 106.747 22.8527C107.67 22.8527 108.385 23.1777 109.022 23.6847V22.6057C108.424 22.1897 107.605 21.9557 106.734 21.9557C105.356 21.9557 104.173 22.6707 104.173 24.0487C104.173 25.3097 105.031 25.8427 105.967 26.2067L107.137 26.6617C107.982 27.0127 108.411 27.2987 108.411 28.0007C108.411 28.8197 107.735 29.2617 106.708 29.2617C105.772 29.2617 104.94 28.9627 104.199 28.3257ZM111.405 27.3377H115.383V26.9867C115.383 25.2967 114.577 24.1657 113.017 24.1657C111.483 24.1657 110.443 25.4267 110.443 27.2207C110.443 29.0407 111.561 30.1717 113.225 30.1717C113.914 30.1717 114.512 30.0287 114.98 29.6647V28.7677C114.46 29.1577 113.992 29.3137 113.342 29.3137C112.289 29.3137 111.444 28.6767 111.405 27.3377ZM113.03 24.9977C113.966 24.9977 114.395 25.7257 114.434 26.5707H111.457C111.639 25.5047 112.263 24.9977 113.03 24.9977ZM119.676 25.2577V24.2567C119.572 24.2047 119.364 24.1657 119.117 24.1657C118.48 24.1657 117.934 24.5427 117.687 25.0367V24.2827H116.712V30.0547H117.687V26.1807C117.882 25.5047 118.415 25.1017 119.026 25.1017C119.273 25.1017 119.52 25.1537 119.676 25.2577ZM122.488 30.0547H123.45L125.699 24.2827H124.672L122.995 28.8197L121.305 24.2827H120.252L122.488 30.0547ZM127.923 22.5407C127.923 22.1897 127.637 21.9167 127.286 21.9167C126.948 21.9167 126.662 22.1897 126.662 22.5407C126.662 22.8787 126.948 23.1647 127.286 23.1647C127.637 23.1647 127.923 22.8787 127.923 22.5407ZM127.78 30.0547V24.2827H126.805V30.0547H127.78ZM129.105 27.1687C129.105 29.0147 130.327 30.1717 131.887 30.1717C132.446 30.1717 133.031 30.0417 133.434 29.6907V28.7027C133.018 29.1187 132.511 29.3007 131.952 29.3007C130.925 29.3007 130.093 28.4947 130.093 27.1687C130.093 25.8427 130.925 25.0367 131.952 25.0367C132.511 25.0367 133.018 25.2187 133.434 25.6347V24.6467C133.031 24.2957 132.446 24.1657 131.887 24.1657C130.327 24.1657 129.105 25.3227 129.105 27.1687ZM135.336 27.3377H139.314V26.9867C139.314 25.2967 138.508 24.1657 136.948 24.1657C135.414 24.1657 134.374 25.4267 134.374 27.2207C134.374 29.0407 135.492 30.1717 137.156 30.1717C137.845 30.1717 138.443 30.0287 138.911 29.6647V28.7677C138.391 29.1577 137.923 29.3137 137.273 29.3137C136.22 29.3137 135.375 28.6767 135.336 27.3377ZM136.961 24.9977C137.897 24.9977 138.326 25.7257 138.365 26.5707H135.388C135.57 25.5047 136.194 24.9977 136.961 24.9977ZM149.791 30.0547V22.0727H148.816V28.1437L144.565 22.0727H143.59V30.0547H144.578V23.7107L149.037 30.0547H149.791ZM154.822 26.2197V26.9737C154.575 26.7527 153.977 26.5057 153.379 26.5057C152.144 26.5057 151.182 27.2337 151.182 28.3127C151.182 29.4567 152.144 30.1587 153.327 30.1587C154.003 30.1587 154.601 29.8597 154.822 29.6257V30.0547H155.771V26.1417C155.771 24.9197 154.965 24.1657 153.6 24.1657C152.885 24.1657 152.196 24.3737 151.806 24.6467V25.5697C152.287 25.2577 152.807 25.0627 153.444 25.0627C154.289 25.0627 154.822 25.5047 154.822 26.2197ZM154.822 28.0267V28.6247C154.666 29.0537 154.094 29.3397 153.483 29.3397C152.781 29.3397 152.105 29.0147 152.105 28.3127C152.105 27.6237 152.781 27.3117 153.483 27.3117C154.094 27.3117 154.666 27.5977 154.822 28.0267ZM161.533 25.0887C161.26 24.5427 160.701 24.1657 159.973 24.1657C159.258 24.1657 158.699 24.5037 158.413 24.9587V24.2827H157.438V30.0547H158.413V26.0767C158.595 25.4527 159.102 25.0497 159.687 25.0497C160.428 25.0497 160.779 25.5827 160.779 26.3887V30.0547H161.754V26.0767C161.936 25.4527 162.443 25.0497 163.028 25.0497C163.769 25.0497 164.12 25.5827 164.12 26.3887V30.0547H165.108V26.2327C165.108 24.9847 164.458 24.1657 163.288 24.1657C162.482 24.1657 161.897 24.5687 161.533 25.0887ZM167.303 27.3377H171.281V26.9867C171.281 25.2967 170.475 24.1657 168.915 24.1657C167.381 24.1657 166.341 25.4267 166.341 27.2207C166.341 29.0407 167.459 30.1717 169.123 30.1717C169.812 30.1717 170.41 30.0287 170.878 29.6647V28.7677C170.358 29.1577 169.89 29.3137 169.24 29.3137C168.187 29.3137 167.342 28.6767 167.303 27.3377ZM168.928 24.9977C169.864 24.9977 170.293 25.7257 170.332 26.5707H167.355C167.537 25.5047 168.161 24.9977 168.928 24.9977Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.332 19.5H68.9987V32.5H21.332V19.5ZM24.2208 22.3889H66.1096V29.6111H24.2208V22.3889Z" fill="#00C781"/>
<path d="M4 52H246.667" stroke="#7887A2" stroke-width="0.722222"/>
</g>
<rect x="4.5" y="0.5" width="119" height="119" rx="3.5" stroke="#263040"/>
</g>
<defs>
<filter id="filter0_d" 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"/>
<feOffset dy="4"/>
<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.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<clipPath id="clip0">
<rect x="4" width="120" height="120" rx="4" fill="white"/>
</clipPath>
</defs>
</svg>