@qpmtx/tokens 0.3.0 → 0.4.0

package/README.md

@@ -116,6 +116,12 @@ Never hand-transcribe a new hex/px value from a mockup. See
 `packages/.agents/skills/tokens/SKILL.md` for the read-live-source-first rule
 and the exact steps to add a token (CSS + TS + test together).
 
+## Brand assets
+
+`brand/` ships the QPMatrix mark, the two lockups, and a favicon set
+generated from the mark. See [`docs/brand.md`](../../docs/brand.md) for the
+palette-token mapping, clear-space rule, do-nots, and provenance.
+
 ## Validation
 
 ```sh

package/brand/lockup.prompt.txt

@@ -0,0 +1 @@
+You are given the reference image qpmatrix-mark.png: the chosen QPMatrix logo mark — a 3x3 grid of rounded violet (#7C3AED) squares with the bottom-right square in cyan (#22D3EE) on graphite (#0D1117). Use your image generation tool to create TWO brand assets, keeping the mark pixel-faithful in shape, colours and proportions: (1) HORIZONTAL LOCKUP: the mark on the left at cap height, then the wordmark "QPMatrix" to its right in a clean geometric sans-serif, white (#F1F5F9), letters exactly Q P M a t r i x with no other text, on the graphite background, wide 16:9 canvas 1920x1080 with generous margins; (2) LIGHT VARIANT of the same lockup on a white (#FFFFFF) background with the wordmark in graphite (#121722). Save exactly at /private/tmp/claude-501/-Volumes-DRIV-SSD-projects-qpm-secondbrain/54d34480-f1d8-4284-81cb-a2dc33214985/scratchpad/brand/qpmatrix-lockup-dark.png and /private/tmp/claude-501/-Volumes-DRIV-SSD-projects-qpm-secondbrain/54d34480-f1d8-4284-81cb-a2dc33214985/scratchpad/brand/qpmatrix-lockup-light.png. Verify each with 'file' (PNG 1920x1080) and that the wordmark reads exactly QPMatrix, then reply DONE plus both paths. Do not write the name of any font anywhere in the image.

package/brand/qpmatrix-logo.prompt.txt

@@ -0,0 +1 @@
+Design a LOGO MARK for "QPMatrix", a small software studio and platform company (AI orchestration, developer tooling, self-hosted estate). Brand palette (use ONLY these): deep graphite background #0D1117, primary violet #7C3AED with a lighter violet #A78BFA, accent cyan #22D3EE. Use your image generation tool to create THREE distinct mark options, each a square 1:1 at 1024x1024 PNG on the solid graphite background, flat vector look, crisp geometry, no gradients heavier than a subtle two-stop, NO text, NO letters, NO wordmark (the mark must work alone as a favicon and an avatar): (1) a monogram-free abstract "Q" formed by a ring with a short tail merging into a 3x3 dot matrix in violet, one dot cyan; (2) a 3x3 matrix of rounded squares where the squares form a subtle "Q" silhouette, violet with the tail square in cyan; (3) an isometric cube/lattice node graph suggesting a matrix with a single cyan node, violet edges. Save them exactly at /private/tmp/claude-501/-Volumes-DRIV-SSD-projects-qpm-secondbrain/54d34480-f1d8-4284-81cb-a2dc33214985/scratchpad/brand/qpmatrix-mark-1.png, /private/tmp/claude-501/-Volumes-DRIV-SSD-projects-qpm-secondbrain/54d34480-f1d8-4284-81cb-a2dc33214985/scratchpad/brand/qpmatrix-mark-2.png, /private/tmp/claude-501/-Volumes-DRIV-SSD-projects-qpm-secondbrain/54d34480-f1d8-4284-81cb-a2dc33214985/scratchpad/brand/qpmatrix-mark-3.png. Verify each with 'file' (PNG 1024x1024), then reply DONE plus the three paths.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qpmtx/tokens",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -13,7 +13,8 @@
   "types": "./dist/index.d.ts",
   "files": [
     "dist",
-    "tokens.css"
+    "tokens.css",
+    "brand"
   ],
   "exports": {
     ".": {