Upload DESIGN.md with huggingface_hub

DESIGN.md

@@ -0,0 +1,37 @@
+# RESMP.DEV visual system
+
+The system combines an editorial serif hierarchy, instrument-panel grids, dark warning boards, and the RESMP palette:
+
+| Token | Value | Use |
+| --- | --- | --- |
+| Ink | `#101012` | NERV-dark field and type |
+| Paper | `#f1f0e9` | Warm technical paper |
+| Unit violet | `#6f36d9` | Primary model/candidate |
+| Signal acid | `#b6f238` | Active state and controls |
+| Warning red | `#e2382f` | Hard boundary and warning rail |
+
+## Reusable benchmark chart
+
+Copy `benchmark-chart.js` and `benchmark-component.css`, then provide JSON inside the element:
+
+```html
+<link rel="stylesheet" href="benchmark-component.css">
+<script type="module" src="benchmark-chart.js"></script>
+
+<resmp-benchmark-chart>
+  <script type="application/json">
+  {
+    "title": "MODEL EVALUATIONS",
+    "higherIsBetter": true,
+    "series": [{"id":"candidate","label":"CANDIDATE","color":"#6f36d9"}],
+    "groups": [{"name":"STEM","panels":[
+      {"name":"MATH","values":{"candidate":62.4}}
+    ]}]
+  }
+  </script>
+</resmp-benchmark-chart>
+```
+
+Or set `document.querySelector('resmp-benchmark-chart').config` to the same object. The component supports positive and negative values, direct value labels, fixed series ordering, responsive one-column panels, print output, and SVG export.
+
+`benchmark.html` is the complete 4 × 3 small-multiples reference implementation. Its values are explicitly labeled demonstration data.