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.
This commit is contained in:
@@ -0,0 +1,50 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 120 120" style="enable-background:new 0 0 120 120;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#FFBC44;stroke-width:2;}
|
||||
.st1{fill:#7887A2;}
|
||||
.st2{fill:none;stroke:#FFFFFF;stroke-width:1.444;stroke-linecap:round;}
|
||||
.st3{fill:none;stroke:#7887A2;stroke-width:1.444;stroke-linecap:round;}
|
||||
.st4{fill:#17EBA0;}
|
||||
.st5{fill:none;stroke:#7630EA;stroke-width:1.1429;}
|
||||
.st6{fill:none;stroke:#7630EA;}
|
||||
</style>
|
||||
<path class="st0" d="M13.7,1h93.9c6.6,0,12,5.4,12,12v93.9c0,6.6-5.4,12-12,12H13.7c-6.6,0-12-5.4-12-12V13C1.7,6.4,7.1,1,13.7,1z"
|
||||
/>
|
||||
<path class="st1" d="M72.6,12.8h31.3c2.5,0,4.6,2,4.6,4.6v31.3c0,2.5-2,4.6-4.6,4.6H72.6c-2.5,0-4.6-2-4.6-4.6V17.4
|
||||
C68.1,14.8,70.1,12.8,72.6,12.8z"/>
|
||||
<path class="st2" d="M75.5,23.2h9.9"/>
|
||||
<path class="st2" d="M90.4,23.2h4.4"/>
|
||||
<path class="st2" d="M75.5,28.4h25.5"/>
|
||||
<path class="st2" d="M75.5,33h12.9"/>
|
||||
<path class="st2" d="M92.5,33h2.2"/>
|
||||
<path class="st2" d="M79.9,38.1h21.1"/>
|
||||
<path class="st2" d="M84.9,43.1h10.9"/>
|
||||
<path class="st3" d="M72.5,76.4h9.9"/>
|
||||
<path class="st3" d="M87.4,76.4h4.4"/>
|
||||
<path class="st3" d="M72.5,81.6H98"/>
|
||||
<path class="st3" d="M72.5,86.3h12.9"/>
|
||||
<path class="st3" d="M89.5,86.3h2.2"/>
|
||||
<path class="st3" d="M76.8,91.3h21.1"/>
|
||||
<path class="st3" d="M81.9,96.4h10.9"/>
|
||||
<circle class="st4" cx="26.8" cy="26.1" r="5.7"/>
|
||||
<circle class="st4" cx="39" cy="91.3" r="1.5"/>
|
||||
<circle class="st4" cx="26.8" cy="79.1" r="5.7"/>
|
||||
<circle class="st4" cx="26.8" cy="93.6" r="5.7"/>
|
||||
<circle class="st4" cx="40.7" cy="25.8" r="5.7"/>
|
||||
<circle class="st4" cx="40.7" cy="78.9" r="5.7"/>
|
||||
<g>
|
||||
<path class="st5" d="M18.1,12.8h31.3c2.5,0,4.6,2,4.6,4.6v31.3c0,2.5-2,4.6-4.6,4.6H18.1c-2.5,0-4.6-2-4.6-4.6V17.4
|
||||
C13.5,14.8,15.6,12.8,18.1,12.8z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st6" d="M36.8,88h8c0.6,0,1.2,0.5,1.2,1.2v8c0,0.6-0.5,1.2-1.2,1.2h-8c-0.6,0-1.2-0.5-1.2-1.2v-8
|
||||
C35.6,88.5,36.2,88,36.8,88z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st5" d="M18.1,65.9h85.2c2.5,0,4.6,2,4.6,4.6v30.7c0,2.5-2,4.6-4.6,4.6H18.1c-2.5,0-4.6-2-4.6-4.6V70.4
|
||||
C13.5,67.9,15.6,65.9,18.1,65.9z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
@@ -0,0 +1,5 @@
|
||||
<svg width="118" height="118" viewBox="0 0 118 118" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="26.5312" cy="91.3847" r="26.5312" fill="#17EBA0"/>
|
||||
<circle cx="26.5312" cy="26.5312" r="26.5312" fill="#17EBA0"/>
|
||||
<circle cx="91.3847" cy="91.3847" r="26.5312" fill="#17EBA0"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 296 B |
@@ -0,0 +1,6 @@
|
||||
<svg width="121" height="120" viewBox="0 0 121 120" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1.9375" y="1" width="117.916" height="117.916" rx="12" stroke="#7630EA" stroke-width="2"/>
|
||||
<circle cx="41.4383" cy="79.4148" r="15.9187" fill="#17EBA0"/>
|
||||
<circle cx="41.4383" cy="40.5027" r="15.9187" fill="#17EBA0"/>
|
||||
<circle cx="80.3504" cy="79.4148" r="15.9187" fill="#17EBA0"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 396 B |
@@ -0,0 +1,16 @@
|
||||
<svg width="126" height="119" viewBox="0 0 126 119" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="54.873" width="70.7499" height="70.7499" rx="8" fill="#7887A2"/>
|
||||
<path d="M67.9004 18.1677H85.1867" stroke="white" stroke-width="2.52694" stroke-linecap="round"/>
|
||||
<path d="M94.002 18.1677H101.685" stroke="white" stroke-width="2.52694" stroke-linecap="round"/>
|
||||
<path d="M67.9004 27.2305H112.596" stroke="white" stroke-width="2.52694" stroke-linecap="round"/>
|
||||
<path d="M67.9004 35.375H90.4268" stroke="white" stroke-width="2.52694" stroke-linecap="round"/>
|
||||
<path d="M97.6172 35.375H101.459" stroke="white" stroke-width="2.52694" stroke-linecap="round"/>
|
||||
<path d="M75.5078 44.2188L112.357 44.2187" stroke="white" stroke-width="2.52694" stroke-linecap="round"/>
|
||||
<path d="M84.3516 53.0625L103.513 53.0625" stroke="white" stroke-width="2.52694" stroke-linecap="round"/>
|
||||
<circle cx="25.0254" cy="94.7012" r="9.9492" fill="#17EBA0"/>
|
||||
<circle cx="25.0254" cy="70.3808" r="9.9492" fill="#17EBA0"/>
|
||||
<circle cx="49.3457" cy="94.7012" r="9.9492" fill="#17EBA0"/>
|
||||
<g style="mix-blend-mode:multiply">
|
||||
<rect x="1.81055" y="47.166" width="70.7499" height="70.7499" rx="8" stroke="#7630EA" stroke-width="2"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1,17 @@
|
||||
<svg width="119" height="118" viewBox="0 0 119 118" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="0.875" width="117.916" height="117.916" rx="12" fill="#7887A2"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.459 31.7132H51.8221H24.459Z" fill="#FFBC44"/>
|
||||
<path d="M24.459 31.7132H51.8221" stroke="white" stroke-width="4" stroke-linecap="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M65.7773 31.7132H77.9387H65.7773Z" fill="#FFBC44"/>
|
||||
<path d="M65.7773 31.7132H77.9387" stroke="white" stroke-width="4" stroke-linecap="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.459 46.0566H95.2089H24.459Z" fill="#FFBC44"/>
|
||||
<path d="M24.459 46.0566H95.2089" stroke="white" stroke-width="4" stroke-linecap="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.459 59.6406H60.1169H24.459Z" fill="#FFBC44"/>
|
||||
<path d="M24.459 59.6406H60.1169" stroke="white" stroke-width="4" stroke-linecap="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5312 73.4023H30.612H24.5312Z" fill="#FFBC44"/>
|
||||
<path d="M24.5312 73.4023H30.612" stroke="white" stroke-width="4" stroke-linecap="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M44.9121 73.2246H95.1361H44.9121Z" fill="#FFBC44"/>
|
||||
<path d="M44.9121 73.2246H95.1361" stroke="white" stroke-width="4" stroke-linecap="round"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.459 86.9863H79.9269H24.459Z" fill="#FFBC44"/>
|
||||
<path d="M24.459 86.9863H79.9269" stroke="white" stroke-width="4" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
Reference in New Issue
Block a user