@nurix/etna 0.19.11 → 0.19.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (494) hide show
  1. package/README.md +6 -4
  2. package/data/harness-index.json +1 -1
  3. package/data/harnesses/code/agents/maintenance.md +1 -1
  4. package/data/harnesses/code/harness.json +1 -1
  5. package/data/harnesses/code/rules/frontend.md +5 -5
  6. package/data/harnesses/code/skills/design/SKILL.md +70 -50
  7. package/data/harnesses/code/skills/design/components/charts.md +76 -0
  8. package/data/harnesses/code/skills/design/components/collections.md +132 -0
  9. package/data/harnesses/code/skills/design/components/feedback.md +47 -0
  10. package/data/harnesses/code/skills/design/components/hooks.md +35 -0
  11. package/data/harnesses/code/skills/design/components/index.md +143 -0
  12. package/data/harnesses/code/skills/design/components/inputs.md +327 -0
  13. package/data/harnesses/code/skills/design/components/layout.md +52 -0
  14. package/data/harnesses/code/skills/design/components/media.md +66 -0
  15. package/data/harnesses/code/skills/design/components/motion.md +82 -0
  16. package/data/harnesses/code/skills/design/components/navigation.md +29 -0
  17. package/data/harnesses/code/skills/design/components/overlays.md +72 -0
  18. package/data/harnesses/code/skills/design/components/setup.md +40 -0
  19. package/data/harnesses/code/skills/design/components/typography.md +46 -0
  20. package/data/harnesses/code/skills/design/components/utils.md +37 -0
  21. package/data/harnesses/code/skills/design/data/blueprints/browse.md +38 -0
  22. package/data/harnesses/code/skills/design/data/blueprints/creation-flow.md +38 -0
  23. package/data/harnesses/code/skills/design/data/blueprints/dashboard.md +38 -0
  24. package/data/harnesses/code/skills/design/data/blueprints/grid.md +38 -0
  25. package/data/harnesses/code/skills/design/data/blueprints/queue.md +38 -0
  26. package/data/harnesses/code/skills/design/data/blueprints/record-detail.md +38 -0
  27. package/data/harnesses/code/skills/design/data/blueprints/settings.md +38 -0
  28. package/data/harnesses/code/skills/design/data/chart-styling/Readme.md +33 -0
  29. package/data/harnesses/code/skills/design/data/chart-styling/carbon-accessible-alert-semantic.md +19 -0
  30. package/data/harnesses/code/skills/design/data/chart-styling/carbon-monochrome-sequential-trend.md +19 -0
  31. package/data/harnesses/code/skills/design/data/chart-styling/datadog-classic-six-aligned.md +19 -0
  32. package/data/harnesses/code/skills/design/data/chart-styling/datawrapper-tiered-gray-hierarchy.md +19 -0
  33. package/data/harnesses/code/skills/design/data/chart-styling/econ-red-rule-horizontal.md +19 -0
  34. package/data/harnesses/code/skills/design/data/chart-styling/financial-diverging-threshold-overlay.md +19 -0
  35. package/data/harnesses/code/skills/design/data/chart-styling/ft-vocabulary-ranked-muted.md +19 -0
  36. package/data/harnesses/code/skills/design/data/chart-styling/grafana-dark-threshold-bands.md +19 -0
  37. package/data/harnesses/code/skills/design/data/chart-styling/material-rounded-explicit-label.md +19 -0
  38. package/data/harnesses/code/skills/design/data/chart-styling/nyt-ghost-grid-direct-label.md +19 -0
  39. package/data/harnesses/code/skills/design/data/chart-styling/plot-currentcolor-inherit.md +19 -0
  40. package/data/harnesses/code/skills/design/data/chart-styling/saas-gradient-glow-area.md +19 -0
  41. package/data/harnesses/code/skills/design/data/chart-styling/shadcn-composable-css-vars.md +19 -0
  42. package/data/harnesses/code/skills/design/data/charts/census.csv +58 -0
  43. package/data/harnesses/code/skills/design/data/checklists/browse.md +21 -0
  44. package/data/harnesses/code/skills/design/data/checklists/creation-flow.md +20 -0
  45. package/data/harnesses/code/skills/design/data/checklists/dashboard.md +21 -0
  46. package/data/harnesses/code/skills/design/data/checklists/grid.md +21 -0
  47. package/data/harnesses/code/skills/design/data/checklists/queue.md +21 -0
  48. package/data/harnesses/code/skills/design/data/checklists/record-detail.md +21 -0
  49. package/data/harnesses/code/skills/design/data/checklists/settings.md +21 -0
  50. package/data/harnesses/code/skills/design/data/chrome/board-column.md +68 -0
  51. package/data/harnesses/code/skills/design/data/chrome/data-table.md +63 -0
  52. package/data/harnesses/code/skills/design/data/chrome/side-panel.md +60 -0
  53. package/data/harnesses/code/skills/design/data/chrome/sidebar.md +78 -0
  54. package/data/harnesses/code/skills/design/data/chrome/stat-cards.md +62 -0
  55. package/data/harnesses/code/skills/design/data/chrome/topbar.md +65 -0
  56. package/data/harnesses/code/skills/design/data/color/accent-presets.md +90 -0
  57. package/data/harnesses/code/skills/design/data/color/aesop-earth-mute.md +91 -0
  58. package/data/harnesses/code/skills/design/data/color/arc-peach-play.md +90 -0
  59. package/data/harnesses/code/skills/design/data/color/attio-hunter-teal.md +90 -0
  60. package/data/harnesses/code/skills/design/data/color/carbon-cyan-signal.md +90 -0
  61. package/data/harnesses/code/skills/design/data/color/clay-parchment.md +90 -0
  62. package/data/harnesses/code/skills/design/data/color/duolingo-feather.md +90 -0
  63. package/data/harnesses/code/skills/design/data/color/geist-mono-signal.md +90 -0
  64. package/data/harnesses/code/skills/design/data/color/linear-graphite-violet.md +90 -0
  65. package/data/harnesses/code/skills/design/data/color/mercury-onyx-cobalt.md +90 -0
  66. package/data/harnesses/code/skills/design/data/color/notion-paper-ink.md +90 -0
  67. package/data/harnesses/code/skills/design/data/color/radix-slate-iris.md +90 -0
  68. package/data/harnesses/code/skills/design/data/color/raycast-void-spectrum.md +90 -0
  69. package/data/harnesses/code/skills/design/data/color/spectrum-celery-fuchsia.md +90 -0
  70. package/data/harnesses/code/skills/design/data/color/stripe-blurple-ruby.md +90 -0
  71. package/data/harnesses/code/skills/design/data/color/superhuman-cod-picton.md +89 -0
  72. package/data/harnesses/code/skills/design/data/corpora/operations-review/companies.csv +15 -0
  73. package/data/harnesses/code/skills/design/data/corpora/operations-review/corpus.md +87 -0
  74. package/data/harnesses/code/skills/design/data/corpora/operations-review/people.csv +25 -0
  75. package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/companies.csv +15 -0
  76. package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/corpus.md +83 -0
  77. package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/people.csv +25 -0
  78. package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/companies.csv +15 -0
  79. package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/corpus.md +89 -0
  80. package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/people.csv +25 -0
  81. package/data/harnesses/code/skills/design/data/elevation/ant-design-directional-shadow.md +19 -0
  82. package/data/harnesses/code/skills/design/data/elevation/apple-liquid-glass-material.md +18 -0
  83. package/data/harnesses/code/skills/design/data/elevation/atlassian-surface-shadow-pairing.md +20 -0
  84. package/data/harnesses/code/skills/design/data/elevation/fluent-2-key-ambient-ramp.md +20 -0
  85. package/data/harnesses/code/skills/design/data/elevation/github-primer-sparing-shadow.md +19 -0
  86. package/data/harnesses/code/skills/design/data/elevation/ibm-carbon-layer-and-border.md +19 -0
  87. package/data/harnesses/code/skills/design/data/elevation/linear-dark-surface-ladder.md +17 -0
  88. package/data/harnesses/code/skills/design/data/elevation/material-2-key-ambient-dp-ramp.md +19 -0
  89. package/data/harnesses/code/skills/design/data/elevation/material-3-tonal-elevation.md +21 -0
  90. package/data/harnesses/code/skills/design/data/elevation/neobrutalist-hard-offset.md +19 -0
  91. package/data/harnesses/code/skills/design/data/elevation/neumorphic-soft-dual-shadow.md +18 -0
  92. package/data/harnesses/code/skills/design/data/elevation/notion-warm-minimal-hairline.md +17 -0
  93. package/data/harnesses/code/skills/design/data/elevation/polaris-elevation-inset-bevel.md +21 -0
  94. package/data/harnesses/code/skills/design/data/elevation/radix-themes-alpha-ring-scale.md +19 -0
  95. package/data/harnesses/code/skills/design/data/elevation/shadcn-neutral-derived-radius.md +19 -0
  96. package/data/harnesses/code/skills/design/data/elevation/stripe-brand-tinted-dual-shadow.md +18 -0
  97. package/data/harnesses/code/skills/design/data/elevation/tailwind-default-utility-scale.md +19 -0
  98. package/data/harnesses/code/skills/design/data/elevation/vercel-geist-shadow-as-border.md +20 -0
  99. package/data/harnesses/code/skills/design/data/gradients/amber-attention-fill.md +16 -0
  100. package/data/harnesses/code/skills/design/data/gradients/cloud-shadow-wash.md +16 -0
  101. package/data/harnesses/code/skills/design/data/gradients/confident-lavender-wash.md +16 -0
  102. package/data/harnesses/code/skills/design/data/gradients/ember-ship-flare.md +18 -0
  103. package/data/harnesses/code/skills/design/data/gradients/full-metal-wash.md +16 -0
  104. package/data/harnesses/code/skills/design/data/gradients/indigo-ruby-cta-band.md +18 -0
  105. package/data/harnesses/code/skills/design/data/gradients/linear-graphite-wash.md +18 -0
  106. package/data/harnesses/code/skills/design/data/gradients/marble-quartz-wash.md +16 -0
  107. package/data/harnesses/code/skills/design/data/gradients/midnight-aurora-panel.md +16 -0
  108. package/data/harnesses/code/skills/design/data/gradients/neutral-volume-fill.md +16 -0
  109. package/data/harnesses/code/skills/design/data/gradients/revenue-uptrend-fill.md +16 -0
  110. package/data/harnesses/code/skills/design/data/gradients/risk-decline-fill.md +16 -0
  111. package/data/harnesses/code/skills/design/data/gradients/signal-blue-develop.md +18 -0
  112. package/data/harnesses/code/skills/design/data/gradients/slate-mist-wash.md +16 -0
  113. package/data/harnesses/code/skills/design/data/gradients/stripe-atmosphere-mesh.md +18 -0
  114. package/data/harnesses/code/skills/design/data/gradients/teal-signal-accent.md +16 -0
  115. package/data/harnesses/code/skills/design/data/gradients/violet-magenta-promo.md +16 -0
  116. package/data/harnesses/code/skills/design/data/iconography.md +199 -0
  117. package/data/harnesses/code/skills/design/data/motion/accordion-expand.md +18 -0
  118. package/data/harnesses/code/skills/design/data/motion/destructive-hold-confirm.md +18 -0
  119. package/data/harnesses/code/skills/design/data/motion/drag-dismiss-momentum.md +18 -0
  120. package/data/harnesses/code/skills/design/data/motion/empty-state-arrive.md +18 -0
  121. package/data/harnesses/code/skills/design/data/motion/hover-lift.md +18 -0
  122. package/data/harnesses/code/skills/design/data/motion/modal-center-arrive.md +18 -0
  123. package/data/harnesses/code/skills/design/data/motion/number-ticker-roll.md +18 -0
  124. package/data/harnesses/code/skills/design/data/motion/onboarding-bounce.md +18 -0
  125. package/data/harnesses/code/skills/design/data/motion/panel-slide.md +18 -0
  126. package/data/harnesses/code/skills/design/data/motion/press-feedback.md +18 -0
  127. package/data/harnesses/code/skills/design/data/motion/progress-linear-loop.md +18 -0
  128. package/data/harnesses/code/skills/design/data/motion/route-crossfade.md +18 -0
  129. package/data/harnesses/code/skills/design/data/motion/rubber-band-overscroll.md +18 -0
  130. package/data/harnesses/code/skills/design/data/motion/skeleton-shimmer.md +18 -0
  131. package/data/harnesses/code/skills/design/data/motion/stagger-arrive.md +18 -0
  132. package/data/harnesses/code/skills/design/data/motion/toast-enter-stack.md +18 -0
  133. package/data/harnesses/code/skills/design/data/motion/tooltip-chain-instant.md +18 -0
  134. package/data/harnesses/code/skills/design/data/motion/trigger-anchored-reveal.md +18 -0
  135. package/data/harnesses/code/skills/design/data/tells.csv +34 -0
  136. package/data/harnesses/code/skills/design/data/typography/anton-work-sans.md +17 -0
  137. package/data/harnesses/code/skills/design/data/typography/archivo-black-archivo.md +17 -0
  138. package/data/harnesses/code/skills/design/data/typography/bitter-karla.md +17 -0
  139. package/data/harnesses/code/skills/design/data/typography/dm-serif-dm-sans.md +17 -0
  140. package/data/harnesses/code/skills/design/data/typography/fraunces-inter.md +17 -0
  141. package/data/harnesses/code/skills/design/data/typography/geist-geist-mono.md +17 -0
  142. package/data/harnesses/code/skills/design/data/typography/hubot-sans-mona-sans.md +17 -0
  143. package/data/harnesses/code/skills/design/data/typography/ibm-plex-sans-operator-single-family.md +17 -0
  144. package/data/harnesses/code/skills/design/data/typography/instrument-serif-instrument-sans.md +17 -0
  145. package/data/harnesses/code/skills/design/data/typography/inter-operator-single-family.md +17 -0
  146. package/data/harnesses/code/skills/design/data/typography/libre-baskerville-libre-franklin.md +17 -0
  147. package/data/harnesses/code/skills/design/data/typography/newsreader-inter.md +17 -0
  148. package/data/harnesses/code/skills/design/data/typography/playfair-display-source-sans.md +17 -0
  149. package/data/harnesses/code/skills/design/data/typography/public-sans-operator-single-family.md +17 -0
  150. package/data/harnesses/code/skills/design/data/typography/sohne-inter-fintech.md +17 -0
  151. package/data/harnesses/code/skills/design/data/typography/source-serif-source-sans.md +17 -0
  152. package/data/harnesses/code/skills/design/data/typography/space-grotesk-work-sans-space-mono.md +17 -0
  153. package/data/harnesses/code/skills/design/data/typography/spectral-manrope.md +17 -0
  154. package/data/harnesses/code/skills/design/data/voices/bright-collaborator.md +29 -0
  155. package/data/harnesses/code/skills/design/data/voices/direct-operator.md +29 -0
  156. package/data/harnesses/code/skills/design/data/voices/earnest-helper.md +29 -0
  157. package/data/harnesses/code/skills/design/data/voices/editorial-composed.md +29 -0
  158. package/data/harnesses/code/skills/design/data/voices/quiet-concierge.md +29 -0
  159. package/data/harnesses/code/skills/design/data/voices/warm-guide.md +29 -0
  160. package/data/harnesses/code/skills/design/design-md/SCHEMA.md +179 -0
  161. package/data/harnesses/code/skills/design/design-md/index.csv +67 -0
  162. package/data/harnesses/code/skills/design/design-md/library/airbnb.md +207 -0
  163. package/data/harnesses/code/skills/design/design-md/library/airtable.md +205 -0
  164. package/data/harnesses/code/skills/design/design-md/library/anthropic-claude.md +203 -0
  165. package/data/harnesses/code/skills/design/design-md/library/apple.md +206 -0
  166. package/data/harnesses/code/skills/design/design-md/library/binance.md +210 -0
  167. package/data/harnesses/code/skills/design/design-md/library/bmw.md +210 -0
  168. package/data/harnesses/code/skills/design/design-md/library/cal.md +209 -0
  169. package/data/harnesses/code/skills/design/design-md/library/clay.md +204 -0
  170. package/data/harnesses/code/skills/design/design-md/library/clickhouse.md +205 -0
  171. package/data/harnesses/code/skills/design/design-md/library/cohere.md +205 -0
  172. package/data/harnesses/code/skills/design/design-md/library/coinbase.md +198 -0
  173. package/data/harnesses/code/skills/design/design-md/library/composio.md +198 -0
  174. package/data/harnesses/code/skills/design/design-md/library/cursor.md +197 -0
  175. package/data/harnesses/code/skills/design/design-md/library/elevenlabs.md +199 -0
  176. package/data/harnesses/code/skills/design/design-md/library/expo.md +200 -0
  177. package/data/harnesses/code/skills/design/design-md/library/figma.md +199 -0
  178. package/data/harnesses/code/skills/design/design-md/library/framer.md +202 -0
  179. package/data/harnesses/code/skills/design/design-md/library/hashicorp.md +205 -0
  180. package/data/harnesses/code/skills/design/design-md/library/ibm.md +205 -0
  181. package/data/harnesses/code/skills/design/design-md/library/intercom.md +204 -0
  182. package/data/harnesses/code/skills/design/design-md/library/kraken.md +200 -0
  183. package/data/harnesses/code/skills/design/design-md/library/linear-app.md +198 -0
  184. package/data/harnesses/code/skills/design/design-md/library/lovable.md +199 -0
  185. package/data/harnesses/code/skills/design/design-md/library/meta.md +204 -0
  186. package/data/harnesses/code/skills/design/design-md/library/minimax.md +204 -0
  187. package/data/harnesses/code/skills/design/design-md/library/mintlify.md +210 -0
  188. package/data/harnesses/code/skills/design/design-md/library/miro.md +209 -0
  189. package/data/harnesses/code/skills/design/design-md/library/mistral-ai.md +201 -0
  190. package/data/harnesses/code/skills/design/design-md/library/mongodb.md +201 -0
  191. package/data/harnesses/code/skills/design/design-md/library/notion.md +204 -0
  192. package/data/harnesses/code/skills/design/design-md/library/nvidia.md +215 -0
  193. package/data/harnesses/code/skills/design/design-md/library/ollama.md +213 -0
  194. package/data/harnesses/code/skills/design/design-md/library/opencode-ai.md +216 -0
  195. package/data/harnesses/code/skills/design/design-md/library/posthog.md +218 -0
  196. package/data/harnesses/code/skills/design/design-md/library/raycast.md +214 -0
  197. package/data/harnesses/code/skills/design/design-md/library/replicate.md +202 -0
  198. package/data/harnesses/code/skills/design/design-md/library/resend.md +203 -0
  199. package/data/harnesses/code/skills/design/design-md/library/revolut.md +203 -0
  200. package/data/harnesses/code/skills/design/design-md/library/runwayml.md +203 -0
  201. package/data/harnesses/code/skills/design/design-md/library/sanity.md +200 -0
  202. package/data/harnesses/code/skills/design/design-md/library/sentry.md +201 -0
  203. package/data/harnesses/code/skills/design/design-md/library/shopify.md +202 -0
  204. package/data/harnesses/code/skills/design/design-md/library/slack.md +202 -0
  205. package/data/harnesses/code/skills/design/design-md/library/spacex.md +206 -0
  206. package/data/harnesses/code/skills/design/design-md/library/spotify.md +206 -0
  207. package/data/harnesses/code/skills/design/design-md/library/stripe.md +196 -0
  208. package/data/harnesses/code/skills/design/design-md/library/supabase.md +196 -0
  209. package/data/harnesses/code/skills/design/design-md/library/superhuman.md +194 -0
  210. package/data/harnesses/code/skills/design/design-md/library/tesla.md +198 -0
  211. package/data/harnesses/code/skills/design/design-md/library/theverge.md +199 -0
  212. package/data/harnesses/code/skills/design/design-md/library/together-ai.md +193 -0
  213. package/data/harnesses/code/skills/design/design-md/library/uber.md +195 -0
  214. package/data/harnesses/code/skills/design/design-md/library/vercel.md +195 -0
  215. package/data/harnesses/code/skills/design/design-md/library/voltagent.md +197 -0
  216. package/data/harnesses/code/skills/design/design-md/library/warp.md +196 -0
  217. package/data/harnesses/code/skills/design/design-md/library/webflow.md +197 -0
  218. package/data/harnesses/code/skills/design/design-md/library/wired.md +197 -0
  219. package/data/harnesses/code/skills/design/design-md/library/wise.md +198 -0
  220. package/data/harnesses/code/skills/design/design-md/library/x-ai.md +199 -0
  221. package/data/harnesses/code/skills/design/design-md/library/zapier.md +198 -0
  222. package/data/harnesses/code/skills/design/design-md/nurix.md +214 -0
  223. package/data/harnesses/code/skills/design/design-md/variants/editorial-luxury.md +184 -0
  224. package/data/harnesses/code/skills/design/design-md/variants/expressive-saas.md +216 -0
  225. package/data/harnesses/code/skills/design/design-md/variants/quiet-premium.md +211 -0
  226. package/data/harnesses/code/skills/design/design-md/variants/terse-dense-operator.md +212 -0
  227. package/data/harnesses/code/skills/design/design-md/variants/warm-approachable.md +216 -0
  228. package/data/harnesses/code/skills/design/references/compose.md +23 -0
  229. package/data/harnesses/code/skills/design/references/content.md +28 -0
  230. package/data/harnesses/code/skills/design/references/emission.md +21 -0
  231. package/data/harnesses/code/skills/design/references/existing-apps.md +27 -0
  232. package/data/harnesses/code/skills/design/references/intake.md +36 -0
  233. package/data/harnesses/code/skills/design/references/object-pass.md +24 -0
  234. package/data/harnesses/code/skills/design/references/ship-gate.md +29 -0
  235. package/data/harnesses/code/skills/design/references/ux-patterns/Readme.md +195 -0
  236. package/data/harnesses/code/skills/design/references/ux-patterns/ai-layer.md +49 -0
  237. package/data/harnesses/code/skills/design/references/ux-patterns/attributes-lifecycle.md +43 -0
  238. package/data/harnesses/code/skills/design/references/ux-patterns/container-choice.md +44 -0
  239. package/data/harnesses/code/skills/design/references/ux-patterns/creation-paths.md +46 -0
  240. package/data/harnesses/code/skills/design/references/ux-patterns/dashboards.md +42 -0
  241. package/data/harnesses/code/skills/design/references/ux-patterns/modes.md +42 -0
  242. package/data/harnesses/code/skills/design/references/ux-patterns/object-model.md +46 -0
  243. package/data/harnesses/code/skills/design/references/ux-patterns/page-archetype.md +48 -0
  244. package/data/harnesses/code/skills/design/references/ux-patterns/promotion-demotion.md +37 -0
  245. package/data/harnesses/code/skills/design/references/ux-patterns/settings.md +42 -0
  246. package/data/harnesses/code/skills/design/references/ux-patterns/standard-pages.md +46 -0
  247. package/data/harnesses/code/skills/design/references/ux-patterns/state-matrix.md +41 -0
  248. package/data/harnesses/code/skills/design/references/ux-patterns/table-mechanics.md +48 -0
  249. package/data/harnesses/code/skills/design/references/ux-patterns/verbs.md +45 -0
  250. package/data/harnesses/code/skills/design/references/ux-patterns/viewer-context.md +40 -0
  251. package/data/harnesses/code/skills/design/scripts/README-validator.md +27 -0
  252. package/data/harnesses/code/skills/design/scripts/select-chart.mjs +596 -0
  253. package/data/harnesses/code/skills/design/scripts/validate-design-md.mjs +1198 -0
  254. package/data/harnesses/discussion/agents/discussion-baseline.md +1 -1
  255. package/data/harnesses/discussion/harness.json +1 -1
  256. package/data/harnesses/etna/agents/maintenance.md +1 -1
  257. package/data/harnesses/etna/harness.json +1 -1
  258. package/data/harnesses/hr/CLAUDE.md +1 -1
  259. package/data/harnesses/hr/harness.json +1 -1
  260. package/package.json +1 -1
  261. package/data/harnesses/code/skills/design/data/catalog/rules.csv +0 -137
  262. package/data/harnesses/code/skills/design/data/combinations/Readme.md +0 -33
  263. package/data/harnesses/code/skills/design/data/combinations/accent-presets.md +0 -113
  264. package/data/harnesses/code/skills/design/data/combinations/charts.csv +0 -33
  265. package/data/harnesses/code/skills/design/data/combinations/fonts-known.json +0 -448
  266. package/data/harnesses/code/skills/design/data/combinations/icons.csv +0 -157
  267. package/data/harnesses/code/skills/design/data/combinations/landing.csv +0 -38
  268. package/data/harnesses/code/skills/design/data/combinations/lucide-names.json +0 -2001
  269. package/data/harnesses/code/skills/design/data/combinations/manifest.json +0 -330
  270. package/data/harnesses/code/skills/design/data/combinations/motion.csv +0 -10
  271. package/data/harnesses/code/skills/design/data/combinations/palettes.csv +0 -92
  272. package/data/harnesses/code/skills/design/data/combinations/product-router.csv +0 -80
  273. package/data/harnesses/code/skills/design/data/combinations/styles.csv +0 -67
  274. package/data/harnesses/code/skills/design/data/combinations/typography.csv +0 -64
  275. package/data/harnesses/code/skills/design/data/design-md/SCHEMA.md +0 -106
  276. package/data/harnesses/code/skills/design/data/design-md/library/airbnb.md +0 -154
  277. package/data/harnesses/code/skills/design/data/design-md/library/airtable.md +0 -151
  278. package/data/harnesses/code/skills/design/data/design-md/library/anthropic-claude.md +0 -139
  279. package/data/harnesses/code/skills/design/data/design-md/library/apple.md +0 -139
  280. package/data/harnesses/code/skills/design/data/design-md/library/binance.md +0 -140
  281. package/data/harnesses/code/skills/design/data/design-md/library/bmw.md +0 -140
  282. package/data/harnesses/code/skills/design/data/design-md/library/cal.md +0 -140
  283. package/data/harnesses/code/skills/design/data/design-md/library/clay.md +0 -139
  284. package/data/harnesses/code/skills/design/data/design-md/library/clickhouse.md +0 -139
  285. package/data/harnesses/code/skills/design/data/design-md/library/cohere.md +0 -147
  286. package/data/harnesses/code/skills/design/data/design-md/library/coinbase.md +0 -156
  287. package/data/harnesses/code/skills/design/data/design-md/library/composio.md +0 -138
  288. package/data/harnesses/code/skills/design/data/design-md/library/cursor.md +0 -138
  289. package/data/harnesses/code/skills/design/data/design-md/library/elevenlabs.md +0 -137
  290. package/data/harnesses/code/skills/design/data/design-md/library/expo.md +0 -148
  291. package/data/harnesses/code/skills/design/data/design-md/library/figma.md +0 -141
  292. package/data/harnesses/code/skills/design/data/design-md/library/framer.md +0 -156
  293. package/data/harnesses/code/skills/design/data/design-md/library/hashicorp.md +0 -140
  294. package/data/harnesses/code/skills/design/data/design-md/library/ibm.md +0 -153
  295. package/data/harnesses/code/skills/design/data/design-md/library/intercom.md +0 -158
  296. package/data/harnesses/code/skills/design/data/design-md/library/kraken.md +0 -156
  297. package/data/harnesses/code/skills/design/data/design-md/library/linear-app.md +0 -122
  298. package/data/harnesses/code/skills/design/data/design-md/library/lovable.md +0 -140
  299. package/data/harnesses/code/skills/design/data/design-md/library/meta.md +0 -139
  300. package/data/harnesses/code/skills/design/data/design-md/library/minimax.md +0 -139
  301. package/data/harnesses/code/skills/design/data/design-md/library/mintlify.md +0 -139
  302. package/data/harnesses/code/skills/design/data/design-md/library/miro.md +0 -153
  303. package/data/harnesses/code/skills/design/data/design-md/library/mistral-ai.md +0 -140
  304. package/data/harnesses/code/skills/design/data/design-md/library/mongodb.md +0 -155
  305. package/data/harnesses/code/skills/design/data/design-md/library/notion.md +0 -140
  306. package/data/harnesses/code/skills/design/data/design-md/library/nvidia.md +0 -141
  307. package/data/harnesses/code/skills/design/data/design-md/library/ollama.md +0 -145
  308. package/data/harnesses/code/skills/design/data/design-md/library/opencode-ai.md +0 -142
  309. package/data/harnesses/code/skills/design/data/design-md/library/posthog.md +0 -152
  310. package/data/harnesses/code/skills/design/data/design-md/library/raycast.md +0 -137
  311. package/data/harnesses/code/skills/design/data/design-md/library/replicate.md +0 -140
  312. package/data/harnesses/code/skills/design/data/design-md/library/resend.md +0 -170
  313. package/data/harnesses/code/skills/design/data/design-md/library/revolut.md +0 -145
  314. package/data/harnesses/code/skills/design/data/design-md/library/runwayml.md +0 -137
  315. package/data/harnesses/code/skills/design/data/design-md/library/sanity.md +0 -168
  316. package/data/harnesses/code/skills/design/data/design-md/library/sentry.md +0 -163
  317. package/data/harnesses/code/skills/design/data/design-md/library/shopify.md +0 -147
  318. package/data/harnesses/code/skills/design/data/design-md/library/slack.md +0 -158
  319. package/data/harnesses/code/skills/design/data/design-md/library/spacex.md +0 -171
  320. package/data/harnesses/code/skills/design/data/design-md/library/spotify.md +0 -166
  321. package/data/harnesses/code/skills/design/data/design-md/library/stripe.md +0 -160
  322. package/data/harnesses/code/skills/design/data/design-md/library/supabase.md +0 -173
  323. package/data/harnesses/code/skills/design/data/design-md/library/superhuman.md +0 -145
  324. package/data/harnesses/code/skills/design/data/design-md/library/tesla.md +0 -153
  325. package/data/harnesses/code/skills/design/data/design-md/library/theverge.md +0 -167
  326. package/data/harnesses/code/skills/design/data/design-md/library/together-ai.md +0 -140
  327. package/data/harnesses/code/skills/design/data/design-md/library/uber.md +0 -140
  328. package/data/harnesses/code/skills/design/data/design-md/library/vercel.md +0 -140
  329. package/data/harnesses/code/skills/design/data/design-md/library/voltagent.md +0 -130
  330. package/data/harnesses/code/skills/design/data/design-md/library/warp.md +0 -140
  331. package/data/harnesses/code/skills/design/data/design-md/library/webflow.md +0 -140
  332. package/data/harnesses/code/skills/design/data/design-md/library/wired.md +0 -139
  333. package/data/harnesses/code/skills/design/data/design-md/library/wise.md +0 -137
  334. package/data/harnesses/code/skills/design/data/design-md/library/x-ai.md +0 -138
  335. package/data/harnesses/code/skills/design/data/design-md/library/zapier.md +0 -158
  336. package/data/harnesses/code/skills/design/data/design-md/nurix.md +0 -138
  337. package/data/harnesses/code/skills/design/data/design-tokens/SCHEMA.md +0 -695
  338. package/data/harnesses/code/skills/design/data/design-tokens/airbnb/design.resolver.json +0 -20
  339. package/data/harnesses/code/skills/design/data/design-tokens/airbnb/design.tokens.json +0 -1272
  340. package/data/harnesses/code/skills/design/data/design-tokens/airtable/design.resolver.json +0 -20
  341. package/data/harnesses/code/skills/design/data/design-tokens/airtable/design.tokens.json +0 -1268
  342. package/data/harnesses/code/skills/design/data/design-tokens/anthropic-claude/design.resolver.json +0 -20
  343. package/data/harnesses/code/skills/design/data/design-tokens/anthropic-claude/design.tokens.json +0 -1273
  344. package/data/harnesses/code/skills/design/data/design-tokens/apple/design.resolver.json +0 -20
  345. package/data/harnesses/code/skills/design/data/design-tokens/apple/design.tokens.json +0 -1262
  346. package/data/harnesses/code/skills/design/data/design-tokens/binance/design.resolver.json +0 -20
  347. package/data/harnesses/code/skills/design/data/design-tokens/binance/design.tokens.json +0 -1257
  348. package/data/harnesses/code/skills/design/data/design-tokens/bmw/design.resolver.json +0 -20
  349. package/data/harnesses/code/skills/design/data/design-tokens/bmw/design.tokens.json +0 -1270
  350. package/data/harnesses/code/skills/design/data/design-tokens/cal/design.resolver.json +0 -20
  351. package/data/harnesses/code/skills/design/data/design-tokens/cal/design.tokens.json +0 -1270
  352. package/data/harnesses/code/skills/design/data/design-tokens/clay/design.resolver.json +0 -20
  353. package/data/harnesses/code/skills/design/data/design-tokens/clay/design.tokens.json +0 -1261
  354. package/data/harnesses/code/skills/design/data/design-tokens/clickhouse/design.resolver.json +0 -20
  355. package/data/harnesses/code/skills/design/data/design-tokens/clickhouse/design.tokens.json +0 -1268
  356. package/data/harnesses/code/skills/design/data/design-tokens/cohere/design.resolver.json +0 -20
  357. package/data/harnesses/code/skills/design/data/design-tokens/cohere/design.tokens.json +0 -1281
  358. package/data/harnesses/code/skills/design/data/design-tokens/coinbase/design.resolver.json +0 -20
  359. package/data/harnesses/code/skills/design/data/design-tokens/coinbase/design.tokens.json +0 -1262
  360. package/data/harnesses/code/skills/design/data/design-tokens/composio/design.resolver.json +0 -20
  361. package/data/harnesses/code/skills/design/data/design-tokens/composio/design.tokens.json +0 -1271
  362. package/data/harnesses/code/skills/design/data/design-tokens/cursor/design.resolver.json +0 -20
  363. package/data/harnesses/code/skills/design/data/design-tokens/cursor/design.tokens.json +0 -1276
  364. package/data/harnesses/code/skills/design/data/design-tokens/elevenlabs/design.resolver.json +0 -20
  365. package/data/harnesses/code/skills/design/data/design-tokens/elevenlabs/design.tokens.json +0 -1293
  366. package/data/harnesses/code/skills/design/data/design-tokens/expo/design.resolver.json +0 -20
  367. package/data/harnesses/code/skills/design/data/design-tokens/expo/design.tokens.json +0 -1270
  368. package/data/harnesses/code/skills/design/data/design-tokens/figma/design.resolver.json +0 -20
  369. package/data/harnesses/code/skills/design/data/design-tokens/figma/design.tokens.json +0 -1276
  370. package/data/harnesses/code/skills/design/data/design-tokens/framer/design.resolver.json +0 -20
  371. package/data/harnesses/code/skills/design/data/design-tokens/framer/design.tokens.json +0 -1267
  372. package/data/harnesses/code/skills/design/data/design-tokens/goldens.json +0 -251
  373. package/data/harnesses/code/skills/design/data/design-tokens/hashicorp/design.resolver.json +0 -20
  374. package/data/harnesses/code/skills/design/data/design-tokens/hashicorp/design.tokens.json +0 -1273
  375. package/data/harnesses/code/skills/design/data/design-tokens/ibm/design.resolver.json +0 -20
  376. package/data/harnesses/code/skills/design/data/design-tokens/ibm/design.tokens.json +0 -1286
  377. package/data/harnesses/code/skills/design/data/design-tokens/intercom/design.resolver.json +0 -20
  378. package/data/harnesses/code/skills/design/data/design-tokens/intercom/design.tokens.json +0 -1290
  379. package/data/harnesses/code/skills/design/data/design-tokens/kraken/design.resolver.json +0 -20
  380. package/data/harnesses/code/skills/design/data/design-tokens/kraken/design.tokens.json +0 -1270
  381. package/data/harnesses/code/skills/design/data/design-tokens/linear-app/design.resolver.json +0 -23
  382. package/data/harnesses/code/skills/design/data/design-tokens/linear-app/design.tokens.dark.json +0 -599
  383. package/data/harnesses/code/skills/design/data/design-tokens/linear-app/design.tokens.json +0 -1272
  384. package/data/harnesses/code/skills/design/data/design-tokens/lovable/design.resolver.json +0 -20
  385. package/data/harnesses/code/skills/design/data/design-tokens/lovable/design.tokens.json +0 -1267
  386. package/data/harnesses/code/skills/design/data/design-tokens/meta/design.resolver.json +0 -20
  387. package/data/harnesses/code/skills/design/data/design-tokens/meta/design.tokens.json +0 -1289
  388. package/data/harnesses/code/skills/design/data/design-tokens/minimax/design.resolver.json +0 -20
  389. package/data/harnesses/code/skills/design/data/design-tokens/minimax/design.tokens.json +0 -1258
  390. package/data/harnesses/code/skills/design/data/design-tokens/mintlify/design.resolver.json +0 -20
  391. package/data/harnesses/code/skills/design/data/design-tokens/mintlify/design.tokens.json +0 -1284
  392. package/data/harnesses/code/skills/design/data/design-tokens/miro/design.resolver.json +0 -20
  393. package/data/harnesses/code/skills/design/data/design-tokens/miro/design.tokens.json +0 -1291
  394. package/data/harnesses/code/skills/design/data/design-tokens/mistral-ai/design.resolver.json +0 -20
  395. package/data/harnesses/code/skills/design/data/design-tokens/mistral-ai/design.tokens.json +0 -1263
  396. package/data/harnesses/code/skills/design/data/design-tokens/mongodb/design.resolver.json +0 -20
  397. package/data/harnesses/code/skills/design/data/design-tokens/mongodb/design.tokens.json +0 -1270
  398. package/data/harnesses/code/skills/design/data/design-tokens/notion/design.resolver.json +0 -20
  399. package/data/harnesses/code/skills/design/data/design-tokens/notion/design.tokens.json +0 -1261
  400. package/data/harnesses/code/skills/design/data/design-tokens/nurix/design.resolver.json +0 -20
  401. package/data/harnesses/code/skills/design/data/design-tokens/nurix/design.tokens.json +0 -1209
  402. package/data/harnesses/code/skills/design/data/design-tokens/nvidia/design.resolver.json +0 -20
  403. package/data/harnesses/code/skills/design/data/design-tokens/nvidia/design.tokens.json +0 -1265
  404. package/data/harnesses/code/skills/design/data/design-tokens/ollama/design.resolver.json +0 -20
  405. package/data/harnesses/code/skills/design/data/design-tokens/ollama/design.tokens.json +0 -1253
  406. package/data/harnesses/code/skills/design/data/design-tokens/opencode-ai/design.resolver.json +0 -20
  407. package/data/harnesses/code/skills/design/data/design-tokens/opencode-ai/design.tokens.json +0 -1268
  408. package/data/harnesses/code/skills/design/data/design-tokens/posthog/design.resolver.json +0 -20
  409. package/data/harnesses/code/skills/design/data/design-tokens/posthog/design.tokens.json +0 -1261
  410. package/data/harnesses/code/skills/design/data/design-tokens/raycast/design.resolver.json +0 -20
  411. package/data/harnesses/code/skills/design/data/design-tokens/raycast/design.tokens.json +0 -1263
  412. package/data/harnesses/code/skills/design/data/design-tokens/replicate/design.resolver.json +0 -20
  413. package/data/harnesses/code/skills/design/data/design-tokens/replicate/design.tokens.json +0 -1266
  414. package/data/harnesses/code/skills/design/data/design-tokens/resend/design.resolver.json +0 -23
  415. package/data/harnesses/code/skills/design/data/design-tokens/resend/design.tokens.dark.json +0 -623
  416. package/data/harnesses/code/skills/design/data/design-tokens/resend/design.tokens.json +0 -1276
  417. package/data/harnesses/code/skills/design/data/design-tokens/revolut/design.resolver.json +0 -20
  418. package/data/harnesses/code/skills/design/data/design-tokens/revolut/design.tokens.json +0 -1264
  419. package/data/harnesses/code/skills/design/data/design-tokens/runwayml/design.resolver.json +0 -20
  420. package/data/harnesses/code/skills/design/data/design-tokens/runwayml/design.tokens.json +0 -1268
  421. package/data/harnesses/code/skills/design/data/design-tokens/sanity/design.resolver.json +0 -20
  422. package/data/harnesses/code/skills/design/data/design-tokens/sanity/design.tokens.json +0 -1270
  423. package/data/harnesses/code/skills/design/data/design-tokens/sentry/design.resolver.json +0 -20
  424. package/data/harnesses/code/skills/design/data/design-tokens/sentry/design.tokens.json +0 -1288
  425. package/data/harnesses/code/skills/design/data/design-tokens/shopify/design.resolver.json +0 -20
  426. package/data/harnesses/code/skills/design/data/design-tokens/shopify/design.tokens.json +0 -1272
  427. package/data/harnesses/code/skills/design/data/design-tokens/slack/design.resolver.json +0 -20
  428. package/data/harnesses/code/skills/design/data/design-tokens/slack/design.tokens.json +0 -1265
  429. package/data/harnesses/code/skills/design/data/design-tokens/spacex/design.resolver.json +0 -20
  430. package/data/harnesses/code/skills/design/data/design-tokens/spacex/design.tokens.json +0 -1287
  431. package/data/harnesses/code/skills/design/data/design-tokens/spotify/design.resolver.json +0 -20
  432. package/data/harnesses/code/skills/design/data/design-tokens/spotify/design.tokens.json +0 -1286
  433. package/data/harnesses/code/skills/design/data/design-tokens/stripe/design.resolver.json +0 -20
  434. package/data/harnesses/code/skills/design/data/design-tokens/stripe/design.tokens.json +0 -1285
  435. package/data/harnesses/code/skills/design/data/design-tokens/supabase/design.resolver.json +0 -20
  436. package/data/harnesses/code/skills/design/data/design-tokens/supabase/design.tokens.json +0 -1287
  437. package/data/harnesses/code/skills/design/data/design-tokens/superhuman/design.resolver.json +0 -20
  438. package/data/harnesses/code/skills/design/data/design-tokens/superhuman/design.tokens.json +0 -1278
  439. package/data/harnesses/code/skills/design/data/design-tokens/tesla/design.resolver.json +0 -20
  440. package/data/harnesses/code/skills/design/data/design-tokens/tesla/design.tokens.json +0 -1269
  441. package/data/harnesses/code/skills/design/data/design-tokens/theverge/design.resolver.json +0 -20
  442. package/data/harnesses/code/skills/design/data/design-tokens/theverge/design.tokens.json +0 -1285
  443. package/data/harnesses/code/skills/design/data/design-tokens/together-ai/design.resolver.json +0 -20
  444. package/data/harnesses/code/skills/design/data/design-tokens/together-ai/design.tokens.json +0 -1303
  445. package/data/harnesses/code/skills/design/data/design-tokens/uber/design.resolver.json +0 -20
  446. package/data/harnesses/code/skills/design/data/design-tokens/uber/design.tokens.json +0 -1274
  447. package/data/harnesses/code/skills/design/data/design-tokens/vercel/design.resolver.json +0 -20
  448. package/data/harnesses/code/skills/design/data/design-tokens/vercel/design.tokens.json +0 -1296
  449. package/data/harnesses/code/skills/design/data/design-tokens/voltagent/design.resolver.json +0 -23
  450. package/data/harnesses/code/skills/design/data/design-tokens/voltagent/design.tokens.dark.json +0 -612
  451. package/data/harnesses/code/skills/design/data/design-tokens/voltagent/design.tokens.json +0 -1282
  452. package/data/harnesses/code/skills/design/data/design-tokens/warp/design.resolver.json +0 -20
  453. package/data/harnesses/code/skills/design/data/design-tokens/warp/design.tokens.json +0 -1287
  454. package/data/harnesses/code/skills/design/data/design-tokens/webflow/design.resolver.json +0 -20
  455. package/data/harnesses/code/skills/design/data/design-tokens/webflow/design.tokens.json +0 -1268
  456. package/data/harnesses/code/skills/design/data/design-tokens/wired/design.resolver.json +0 -20
  457. package/data/harnesses/code/skills/design/data/design-tokens/wired/design.tokens.json +0 -1276
  458. package/data/harnesses/code/skills/design/data/design-tokens/wise/design.resolver.json +0 -20
  459. package/data/harnesses/code/skills/design/data/design-tokens/wise/design.tokens.json +0 -1273
  460. package/data/harnesses/code/skills/design/data/design-tokens/x-ai/design.resolver.json +0 -20
  461. package/data/harnesses/code/skills/design/data/design-tokens/x-ai/design.tokens.json +0 -1296
  462. package/data/harnesses/code/skills/design/data/design-tokens/zapier/design.resolver.json +0 -20
  463. package/data/harnesses/code/skills/design/data/design-tokens/zapier/design.tokens.json +0 -1286
  464. package/data/harnesses/code/skills/design/data/operator-pack/exemplars/command-center.tsx +0 -249
  465. package/data/harnesses/code/skills/design/data/operator-pack/exemplars/create-edit.tsx +0 -249
  466. package/data/harnesses/code/skills/design/data/operator-pack/exemplars/dashboard.tsx +0 -225
  467. package/data/harnesses/code/skills/design/data/operator-pack/exemplars/entity-detail.tsx +0 -249
  468. package/data/harnesses/code/skills/design/data/operator-pack/exemplars/list-detail.tsx +0 -224
  469. package/data/harnesses/code/skills/design/data/operator-pack/exemplars/log-stream.tsx +0 -249
  470. package/data/harnesses/code/skills/design/data/operator-pack/fixtures.md +0 -88
  471. package/data/harnesses/code/skills/design/data/operator-pack/surface-catalog.md +0 -132
  472. package/data/harnesses/code/skills/design/data/operator-pack/trust-rubric.md +0 -76
  473. package/data/harnesses/code/skills/design/references/create.md +0 -173
  474. package/data/harnesses/code/skills/design/references/diagnosis.md +0 -108
  475. package/data/harnesses/code/skills/design/references/hard-rules.md +0 -177
  476. package/data/harnesses/code/skills/design/references/improve.md +0 -116
  477. package/data/harnesses/code/skills/design/references/interaction.md +0 -77
  478. package/data/harnesses/code/skills/design/references/introspect.md +0 -100
  479. package/data/harnesses/code/skills/design/references/lifecycle.md +0 -73
  480. package/data/harnesses/code/skills/design/references/personality.md +0 -575
  481. package/data/harnesses/code/skills/design/references/structure.md +0 -159
  482. package/data/harnesses/code/skills/design/scripts/convert-design-md.mjs +0 -1312
  483. package/data/harnesses/code/skills/design/scripts/derive-personality.mjs +0 -1498
  484. package/data/harnesses/code/skills/design/scripts/generate-fixtures.mjs +0 -551
  485. package/data/harnesses/code/skills/design/scripts/lib/checks.mjs +0 -1092
  486. package/data/harnesses/code/skills/design/scripts/lib/golden.mjs +0 -26
  487. package/data/harnesses/code/skills/design/scripts/lib/vocabulary.mjs +0 -65
  488. package/data/harnesses/code/skills/design/scripts/phase-gate.mjs +0 -538
  489. package/data/harnesses/code/skills/design/scripts/preship-sweep.mjs +0 -312
  490. package/data/harnesses/code/skills/design/scripts/render-rung.mjs +0 -890
  491. package/data/harnesses/code/skills/design/scripts/scaffold.mjs +0 -769
  492. package/data/harnesses/code/skills/design/scripts/self-integrity.mjs +0 -675
  493. package/data/harnesses/code/skills/design/scripts/snapshot-goldens.mjs +0 -164
  494. package/data/harnesses/code/skills/design/scripts/validate-combinations.mjs +0 -439
@@ -1,137 +0,0 @@
1
- ---
2
- schema: design-md/v1
3
- product: Wise
4
- provenance: library
5
- sourced: 2026-07-04
6
- ---
7
-
8
- # Wise — the operator reading
9
-
10
- A global money-transfer brand distilled to one idea for internal tools: a single lime-green action
11
- color against a warm sage surface ladder, near-black olive ink, and generously rounded cards. This
12
- is a deliberate operator reading of Wise — the friendly-fintech temperature carried onto a payments
13
- console, a transfers queue, a settlement dashboard — with the marketing skin left behind.
14
-
15
- ## 1 Visual Theme
16
-
17
- Light by default; dark is opt-in. The defining move is the **surface ladder**: a warm sage `background`
18
- (`#e8ebe6`) with white `card` surfaces lifting off it — surface contrast, not shadow, carries elevation
19
- (the brand's own stated depth model). Flat throughout: hierarchy is sage/white contrast, warm hairlines,
20
- and type weight. A single accent — Wise lime `primary` (`#9fe870`) on black `primary-foreground` — is
21
- reserved for the one action that matters; ink is near-black olive `foreground` (`#0e0f0c`). The chrome
22
- is white (top nav, sidebar) beside the sage content canvas, echoing Wise's white nav over sage bands.
23
- Density is `standard` — the brand breathes, so the operator read holds an honest tier.
24
-
25
- ## 2 Color Roles
26
-
27
- Light values. One accent: `primary` lime carries brand meaning; the two greens are disciplined apart
28
- (lime is the action, positive green is status), and the tertiary orange `#ffc091` / cyan `#38c8ff`
29
- are illustration graces that survive only as chart hues, never UI accents.
30
-
31
- | Role | Value | Allowed where |
32
- | --- | --- | --- |
33
- | `background` | sage `#e8ebe6` | the content canvas — the brand's defining surface; cards lift off it |
34
- | `card` / `popover` | white `#ffffff` | panels, cards, overlays — the bright surface that lifts off the sage |
35
- | `foreground` | near-black olive `#0e0f0c` | all primary ink and headings |
36
- | `muted` | faint sage `#eef1ea` | table-row hover, quiet fills — one step between white card and sage canvas |
37
- | `muted-foreground` | warm gray `#454745` | labels, captions, secondary text (lowest-priority meta drops to `#868685`) |
38
- | `border` | sage hairline `#d4d8d2` | every separator and grid line — a soft sage line, not an ink rule |
39
- | `input` | ink `#0e0f0c` | the field edge — Wise's signature 1px ink-outlined input, kept as a brand override |
40
- | `primary` | Wise lime `#9fe870` | the one primary action, active nav indicator, the brand mark — nowhere else |
41
- | `primary-foreground` | black `#0e0f0c` | text/icon on the lime fill — never white on lime |
42
- | `accent` | pale green `#e2f6d5` | selected/hovered rows and nav — a soft brand tint, never a lime wash |
43
- | `ring` | forest `#163300` | the focus outline — the deep brand green, because lime is too light to read as a ring |
44
- | `destructive` | red `#d03238` | destructive actions and error state only |
45
- | `success` / `warning` | green `#2ead4b` / amber `#b86700` | status only — success is a truer green than the lime CTA; warning is the legible warning-deep, not the bright `#ffd11a` |
46
-
47
- ## 3 Typography
48
-
49
- One sans carries the operator UI. `font-sans` is **Inter** — the brand's actual second face, workhorse
50
- for body, sub-display, labels, and UI. Wise Sans (the weight-900 geometric display) reads bombastic at
51
- operator scale, so it stays behind; headings hold the brand's semibold sub-display weight (600).
52
- `font-mono` is JetBrains Mono for IDs, codes, timestamps; amount and numeric columns render
53
- `tabular-nums` (Inter carries `tnum`) — the number legibility a money product depends on.
54
-
55
- | Step | Role | Size · line | Weight · tracking |
56
- | --- | --- | --- | --- |
57
- | h1 | page title | 28px / 1.2 | `font-weight-strong` · `heading-tracking` |
58
- | h2 | section head | 22px / 1.3 | `font-weight-strong` · -0.01em |
59
- | h3 | card / group head | 16px / 1.4 | `font-weight-strong` · 0 |
60
- | body | UI + prose | 16px / 1.5 | `font-weight-normal` |
61
- | small | labels, dense table | 14px / 1.4 | `font-weight-normal` |
62
- | caption | fine print, eyebrow | 12px / 1.35 | `font-weight-normal` |
63
- | number | amounts, IDs | 16px / 1.4 | `font-mono` · `tabular-nums` |
64
-
65
- Emphasize by weight (400 → 600) or size, never a third family. Negative heading tracking echoes the
66
- brand's Inter sub-displays; the 900-weight hero display is not part of the operator voice.
67
-
68
- ## 4 Component Stylings
69
-
70
- Every recurring component composes from the primitives — no literal values.
71
-
72
- - **Button** — `primary`: filled lime on black `primary-foreground`, `radius`, rounded but not the 24px pill. Secondary: sage `secondary` fill, `foreground`. Tertiary: white fill, 1px ink `input` border.
73
- - **Input** — white `card` fill, 1px ink `input` border (`border-weight`), `radius`; focus draws the forest `ring` at 2px, no glow. The bold ink edge is the Wise form signature.
74
- - **Card** — white `card` lifting off the sage canvas by contrast, not shadow; `radius` (scale offers
75
- 16/24px for larger cards); optional sage hairline; inset by `density-inset`.
76
- - **Table row** — height `table-row-height`; sage `border` grid lines; `muted` on hover; `accent` on
77
- selection; `tabular-nums` on amount columns; `font-mono` on IDs and reference codes.
78
- - **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich`), beside the work, not over it.
79
- - **Badge** — pill radius, status tint; the brand's positive badge is pale-green `accent` fill with forest text; status badges take `success` / `warning` / `destructive`, never `primary`.
80
-
81
- ## 5 Layout
82
-
83
- Base unit 4px; the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64` (the marketing 96px rhythm
84
- stays behind). Shell dimensions map one-to-one to the layout primitives: sidebar `sidebar-width-expanded`
85
- (256px) / `sidebar-width-collapsed` (56px), topbar `topbar-height` (56px), side panel `side-panel-width`
86
- (440px) / `side-panel-width-rich` (640px), modal cap `modal-width-max`, forms `form-max-width`, tables
87
- full-width. Density is governed globally by `density-tier` and stepped per archetype, never by overrides.
88
-
89
- ## 6 Depth
90
-
91
- Flat, surface-contrast-first. Hierarchy comes from the sage/white ladder and warm hairlines, not shadow:
92
-
93
- - **0 — canvas** `background` (sage `#e8ebe6`), no border.
94
- - **1 — panel / card** white `card` lifting off the sage by contrast — the brand's primary elevation
95
- cue; a soft `border` hairline where a card sits on white.
96
- - **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
97
- shadow. Rank is contrast and position, never a heavier shadow.
98
-
99
- Focus is a 2px forest `ring` (`#163300`) outline, never a glow, on every interactive element; three z-levels (content, sticky chrome, overlay).
100
-
101
- ## 7 Do's & Don'ts
102
-
103
- - **Do** reserve lime `primary` for the single most important action, the active-nav indicator, and the
104
- brand mark — nowhere else; keep black `primary-foreground` on the fill.
105
- - **Do** anchor on the sage/white surface ladder — white cards lifting off the sage canvas IS the
106
- brand's elevation; carry rank with contrast and hairline before any shadow.
107
- - **Do** keep the two greens apart — lime is the action, positive `#2ead4b` is success status. Carry amounts in `tabular-nums`, IDs/codes in `font-mono`.
108
- - **Don't** promote a second brand accent (orange/cyan are chart graces), wash a selected row in lime
109
- (use the pale-green `accent`), or pair the lime CTA with a green surface — lime sits on neutral only.
110
- - **Don't** render controls with sharp corners, signal elevation with heavy shadow, or reach for the
111
- 900-weight hero stencil in operator chrome (headings hold semibold 600).
112
-
113
- ## 8 Responsive
114
-
115
- The operator sweep is 375 / 768 / 1024 / 1440:
116
-
117
- | Breakpoint | What changes |
118
- | --- | --- |
119
- | 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; amount tables scroll horizontally; density holds |
120
- | 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
121
- | 1024 | sidebar expands; two-pane queue+detail holds side by side |
122
- | 1440 | forms cap at `form-max-width`; tables and dashboards use the full width; the sage canvas widens |
123
-
124
- ## 9 Agent Prompt Guide
125
-
126
- - Anchor on the sage/white surface ladder — sage `background`, white `card` lifting off it by contrast;
127
- reach for shadow only on a true overlay.
128
- - Accent only the primary action in lime; black on lime, never white. Hold the two-green discipline —
129
- lime `primary` is the action, positive `#2ead4b` is success status, never interchanged.
130
- - Every amount/numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono`. Every
131
- workflow completes from the keyboard; the forest `ring` outline is always visible.
132
- - Keep the rounded friendliness (12px `radius`, never sharp corners) and the bold ink input edge, but
133
- not the 24px marketing pill.
134
- - Leave the marketing skin behind: Wise Sans 900 hero display, the 64–126px scale, the 24px pill CTA,
135
- the currency-converter widget, the polarity-flipped dark bands, and illustrative SVGs. What carries:
136
- the sage/white temperature, the lime accent, the olive ink, the moderate radius, the Inter voice, and
137
- the tabular number discipline.
@@ -1,138 +0,0 @@
1
- ---
2
- schema: design-md/v1
3
- product: xAI
4
- provenance: library
5
- sourced: 2026-07-04
6
- ---
7
-
8
- # xAI — the engineered-cosmic monochrome operator design
9
-
10
- xAI's web surface is a near-black cosmic canvas broken only by white outline pills, a proprietary
11
- geometric sans (Universal Sans) at weight 400 with extreme negative tracking, and uppercase tracked
12
- GeistMono eyebrows that read like code comments — confidently sparse, unmarketed. This entry is the
13
- *operator* reading of that brand: an internal tool (model-ops console, agent-run queue, inference
14
- dashboard, log stream) in xAI's language. What carries: the stark near-monochrome discipline, the
15
- near-black `#0a0a0a` ink, the single sunset-orange accent held scarce, the pill shape on interactive
16
- controls, the geometric-sans display voice (weight 400, negative tracking, never bold), the mono-caps
17
- eyebrow, and hairline-only flat depth. What stays behind: the 96px hero display, the edge-to-edge black
18
- page, and the sunset/dusk gradient illustration accents.
19
-
20
- **Light surface, cosmic inlay.** Inverting the whole page to near-black would be
21
- dark-mode-as-default, which the light floor refuses; instead the operator surface is a cool
22
- near-white canvas, and xAI's signature near-black is carried as the **cosmic inlay** — the sidebar
23
- rail and the terminal / log / metric panels.
24
-
25
- ## 1 Visual Theme
26
-
27
- Light by default; dark is opt-in. The content floats on a faint cool near-white `background`
28
- (`#fbfbfc`); cards step up to pure white `card` (`#ffffff`), so a panel reads by a hair of brightness
29
- plus its hairline, never by shadow. Emphatically flat — the brand uses no shadows; cool hairline
30
- `border`, type weight, and the near-white-to-white step carry every elevation cue. A single accent,
31
- sunset orange `primary` (`#ff7a17`) — xAI's one brand chroma — is held scarce: the primary action, the
32
- focus `ring`, the active-nav indicator. Ink is xAI's stark near-black `foreground` (`#0a0a0a`), which
33
- returns as the cosmic inlay — a near-black `sidebar` rail and dark terminal / metric panels. Density is
34
- `standard`, engineered-tight, stepping denser per archetype.
35
-
36
- ## 2 Color Roles
37
-
38
- Light values. One accent — `primary` is the only chromatic hue that carries UI meaning; the cosmic
39
- accent palette lives only in charts (§7), status hues speak only status.
40
-
41
- | Role | Value | Allowed where |
42
- | --- | --- | --- |
43
- | `background` | cool near-white `#fbfbfc` | the page floor and content canvas — the dominant surface |
44
- | `card` / `popover` | pure white `#ffffff` | cards and overlays — a slight bright lift off the near-white, read by hairline |
45
- | `foreground` | stark near-black `#0a0a0a` | display and all primary ink — xAI's signature black |
46
- | `muted` / `secondary` | cool light fill `#f2f3f5` | hover rows, quiet band tints, secondary-button fill |
47
- | `muted-foreground` | cool gray `#7d8187` | labels, captions, secondary text — the brand's mute gray |
48
- | `border` / `input` | cool hairline `#e6e7ea` | every separator, grid line, and field edge — one cool step, not an ink line |
49
- | `primary` | sunset orange `#ff7a17` | the one primary action; the focus `ring`; the active-nav indicator |
50
- | `primary-foreground` | near-black `#0a0a0a` | text on the sunset action — near-black reads on the bright orange (the brand's on-primary) |
51
- | `accent` | cool selection lift `#eceef1` | selected / hovered rows and nav — a neutral cool step, never orange |
52
- | `ring` | `primary` sunset | the focus outline — high-chroma, unmistakable even at 1px |
53
- | `destructive` | clean red `#e5484d` | destructive actions and error state only |
54
- | `success` / `warning` | green `#30a46c` / amber-gold `#d99126` | status signalling only, never chrome |
55
-
56
- ## 3 Typography
57
-
58
- `font-sans` is Universal Sans (the proprietary geometric brand face), with Inter the corpus's documented
59
- open substitute — one sans carries body, UI, labels, and headings. `font-mono` is Geist Mono for IDs,
60
- codes, timestamps, log lines, metric counters, and — the signature move — the uppercase tracked
61
- **eyebrow** above every section head; numeric columns render `tabular-nums`. The defining trait is xAI's
62
- restraint: the display sits at weight 400 with aggressive negative tracking (never bold — size and
63
- gathering do the emphasis). The 96px hero stays behind; an operator surface tops out at a 24px title.
64
-
65
- | Step | Role | Family | Size · line | Weight · tracking |
66
- | --- | --- | --- | --- | --- |
67
- | h1 | page title | sans | 24px / 1.2 | `font-weight-normal` (400) · `heading-tracking` |
68
- | h2 | section head | sans | 19px / 1.3 | `font-weight-normal` (400) · -0.02em |
69
- | h3 | card / group head | sans | 15px / 1.4 | `font-weight-strong` (500) · 0 |
70
- | body | UI + prose | sans | 14px / 1.5 | `font-weight-normal` |
71
- | small | labels, meta, dense table | sans | 13px / 1.4 | `font-weight-normal` |
72
- | eyebrow | uppercase mono label | mono | 12px / 1.4 | 400, `+0.12em`, uppercase (GeistMono) |
73
- | code | IDs, logs, amounts | mono | 13px / 1.5 | `font-weight-normal` |
74
-
75
- Keep the display at 400 with gathered negative tracking — it is the brand; never bold it, and keep the eyebrow mono, not sans.
76
-
77
- ## 4 Component Stylings
78
-
79
- Every recurring operator component composes from the primitives — no literal values.
80
- - **Button** — primary: filled sunset `primary` on near-black `primary-foreground`, **pill radius** (the pill is xAI). Secondary: white `card`, 1px `border`, `foreground`, pill. Ghost: transparent, `accent` on hover.
81
- - **Input** — `background` fill, 1px `border` (`border-weight`), `radius` (8px, not pilled); focus draws the sunset `ring` at 1px, no glow.
82
- - **Card** — white `card` surface on a 1px `border` — the bright step off the near-white carries the lift; `radius` 8px; shadow only when a true overlay must separate; inset by `density-inset`.
83
- - **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on numeric columns; row selection lifts to `accent`; column headers wear the mono-caps eyebrow.
84
- - **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich` for content-heavy), beside the work, not over it.
85
- - **Badge** — pill radius, `muted`/status fill, uppercase mono caption; status badges take `success` / `warning` / `destructive`, never `primary`.
86
-
87
- ## 5 Layout
88
-
89
- Base spacing unit 4px; the on-scale ramp is xAI's exact set — `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64`.
90
- Shell dimensions map one-to-one to the layout primitives: sidebar `sidebar-width-expanded` (240px) /
91
- `sidebar-width-collapsed` (56px), topbar `topbar-height` (52px, the brand's lean nav), side panel
92
- `side-panel-width` (420px) / `side-panel-width-rich` (640px), modal cap `modal-width-max`, forms
93
- `form-max-width`, tables full-width — engineered-tight, not editorial-loose. Density is governed
94
- globally by `density-tier` and stepped per archetype by the surface catalog, never by absolute overrides.
95
-
96
- ## 6 Depth
97
-
98
- Flat and hairline-only — the brand uses no shadows. Depth comes from the surface step, cool hairlines, and the cosmic inlay:
99
-
100
- - **0 — canvas** `background` (`#fbfbfc`), no border.
101
- - **1 — panel / card** white `card` (`#ffffff`) on a 1px `border`; the bright step plus the hairline carries the lift. Selected / hover rows lift to `accent` (`#eceef1`).
102
- - **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns the faintest lift, enough to float above the near-white. Rank is surface, border, and position.
103
- - **inlay — cosmic near-black** `#0a0a0a` with `#dadbdf` text and `font-mono` — the sidebar rail and terminal / log / metric panels, xAI's white-on-near-black soul carried into a light UI.
104
-
105
- Focus is a 1px sunset `ring` outline (never a glow), visible everywhere because the orange is high-chroma; three z-levels: content, sticky chrome, overlay.
106
-
107
- ## 7 Do's & Don'ts
108
-
109
- - **Do** stay near-monochrome — near-black ink on cool near-white, hairlines and type weight before any color; the restraint is the brand.
110
- - **Do** reserve sunset orange `primary` for the single primary action, the focus `ring`, and the active-nav indicator — its scarcity is what reads as voltage.
111
- - **Do** pill the interactive controls (buttons, chips, badges) — the pill is xAI's shape system; keep cards, inputs, and panels at the 8px `radius`.
112
- - **Do** keep the display at weight 400 with negative tracking, wear GeistMono uppercase for eyebrows and metric counters, and render every code / log / terminal surface in `font-mono` with `tabular-nums`.
113
- - **Don't** bold the display — weight 400 is the whole scale; component heads and labels earn 500 at most.
114
- - **Don't** promote a second chromatic accent — the dusk / twilight / breeze cosmic hues are chart series only, and status stays `success` / `warning` / `destructive`; keep the amber-gold warning distinct from the sunset primary.
115
- - **Don't** signal elevation with drop shadows, or turn the whole page near-black — the near-black is the sidebar and terminal inlay, not the operator canvas.
116
-
117
- ## 8 Responsive
118
-
119
- The operator sweep is 375 / 768 / 1024 / 1440.
120
-
121
- | Breakpoint | What changes |
122
- | --- | --- |
123
- | 375 | sidebar → off-canvas drawer (stays near-black); two-pane list+detail stacks; side panel → full sheet; density holds |
124
- | 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
125
- | 1024 | sidebar expands; two-pane queue+detail holds side by side |
126
- | 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
127
-
128
- ## 9 Agent Prompt Guide
129
-
130
- Directives the emitting agent follows verbatim:
131
-
132
- - Reach for the cool near-white canvas first, near-black ink on top — the operator page is light; the near-black is the sidebar rail and terminal / metric inlays, never the whole page.
133
- - Spend sunset orange once per surface: the primary action, the focus `ring`, the active-nav indicator. If two things want the orange, one of them is not primary. Color otherwise belongs to data and status.
134
- - The display sits at weight 400 with negative tracking — the geometric-sans voice; never bold it. Component heads and labels earn the restrained 500. Emphasise by size and gathering, not weight.
135
- - The eyebrow above every section head is GeistMono, uppercase, positively tracked — the code-comment label. Every numeric column is `tabular-nums`; every ID / code / timestamp / metric counter is `font-mono`.
136
- - Pill the buttons, chips, and badges — the pill is xAI's shape system; keep cards, inputs, and panels at the 8px radius. Dress terminal, log, and metric panels in the near-black cosmic inlay (`#0a0a0a`, `font-mono`).
137
- - Depth is the surface step and cool hairlines, never shadow; the brand uses none. Reach for the faint overlay lift only for a true modal or popover. Detail and edit go in the side panel beside the work.
138
- - Keyboard-first: the sunset `ring` focus outline is always visible. Leave behind the 96px hero display, the edge-to-edge black page, and the sunset / dusk gradient accents.
@@ -1,158 +0,0 @@
1
- ---
2
- schema: design-md/v1
3
- product: Zapier
4
- provenance: library
5
- sourced: 2026-07-04
6
- ---
7
-
8
- # Zapier — the operator reading
9
-
10
- The operator translation of Zapier's workflow-automation brand. Zapier's public surface is
11
- confidently warm — a cream canvas, deep coffee ink, one saturated orange CTA, and a two-face type
12
- system (Degular Display for hero moments, Inter for the rest). This entry keeps what survives at
13
- operator scale: the cream temperature, the single orange accent, the coffee ink, the recessed
14
- cream-card elevation, the 12px middle-radius signature, and Inter as the workhorse. The 56px Degular
15
- hero, the dark coffee-ink polarity-flip bands, and the 64px rhythm stay behind — warm where the
16
- category runs cool, but earning its density and reserving its one accent.
17
-
18
- ## 1 Visual Theme
19
-
20
- Warm by default; dark is opt-in. The canvas is Zapier's warm-cream `background` (`#fffefb`) — a
21
- deliberate off-white, never the pure white the category defaults to (it reads light, so the
22
- light-default floor holds — it is simply warm). Flat: hierarchy comes from warm hairline `border`, the
23
- recessed cream-card surface ladder, and type weight, never heavy shadow. A single accent, Zapier orange
24
- `primary` (`#ff4f00`), is reserved for the one action that matters; ink is deep coffee `foreground`
25
- (`#201515`), never pure black. Corners hold the brand's signature 12px middle radius — neither
26
- friendly-pill nor technical-square. Density is `standard`; the anchor is a bright cream canvas holding
27
- faintly recessed cream cards.
28
-
29
- ## 2 Color Roles
30
-
31
- Light values. One accent: `primary` is the only chromatic hue that carries meaning; status hues
32
- speak only status.
33
-
34
- | Role | Value | Allowed where |
35
- | --- | --- | --- |
36
- | `background` / `popover` | warm cream `#fffefb` (canvas) | page and overlays — the brightest surface |
37
- | `card` | recessed cream `#f8f4f0` (canvas-soft) | content cards / inset panels — a step below canvas, elevation by surface contrast |
38
- | `foreground` | deep coffee `#201515` (ink) | all primary ink and headings; never pure black |
39
- | `muted` / `secondary` | soft cream `#f1ece4` | hover rows, subtle fills, secondary button fill |
40
- | `muted-foreground` | warm gray `#605d52` (body) | labels, captions, secondary text |
41
- | `border` | warm hairline `#e9e2d8` | separators, grid lines, card edges |
42
- | `input` | coffee ink `#201515` | form-field edges — the brand's bold ink-bordered field |
43
- | `primary` | Zapier orange `#ff4f00` | the one primary action; active nav; the single conversion voltage |
44
- | `accent` | pale orange `#ffe9e0` | selected/hovered rows and nav — a whisper of brand warmth |
45
- | `accent-foreground` | burnt orange `#b83900` | ink on the accent tint |
46
- | `ring` | `primary` orange | the focus outline — unmistakable, because keyboard-first |
47
- | `destructive` | brick red `#c0362c` | destructive actions and error state only — distinct from the orange |
48
- | `success` / `warning` | green `#3f8f5a` / gold `#c88a1e` | status signalling only, never chrome |
49
-
50
- The warm-neutral ladder runs coffee-ink → body `#605d52` → body-mid `#939084` → mute `#c5c0b1`: every
51
- neutral carries warmth, none is cool gray. The dark coffee polarity-flip (dark hero/feature bands, dark
52
- footer) is a marketing device and stays behind (see §7).
53
-
54
- ## 3 Typography
55
-
56
- `font-sans` is **Inter** — the brand's actual workhorse (sub-display, body, button, label) and, at
57
- operator scale, the whole ramp; its display steps track slightly negative, which is what carries. The
58
- proprietary Degular Display carries only hero-scale loud moments (56px, weight 500) and stays behind.
59
- `font-mono` is derived — the corpus ships none, but zap IDs, run IDs, webhook payloads, and log
60
- timestamps need one. Numeric columns render `tabular-nums`; headlines stay sentence-case.
61
-
62
- | Step | Role | Size · line | Weight · tracking |
63
- | --- | --- | --- | --- |
64
- | h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
65
- | h2 | section head | 20px / 1.3 | `font-weight-strong` · `heading-tracking` |
66
- | h3 | card / group head | 16px / 1.35 | `font-weight-strong` · -0.01em |
67
- | body | UI + prose | 14px / 1.45 | `font-weight-normal` |
68
- | small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
69
- | caption | uppercase eyebrow | 13px / 1.3 | `font-weight-strong`, +0.06em, uppercase |
70
-
71
- The eyebrow keeps **positive** tracking — the corpus's signature label style (Degular +1px at 14px),
72
- carried on Inter uppercase. Emphasize by weight, never size, never past 600 (the corpus 700 is
73
- display-micro and stays behind).
74
-
75
- ## 4 Component Stylings
76
-
77
- Every recurring operator component composes from the primitives — no literal values.
78
-
79
- - **Button** — filled orange on `primary-foreground` (warm white), `radius` (12px), no pill. Secondary:
80
- `secondary` cream fill, 1px `border`. Tertiary/outline: transparent, bold ink border. Ghost: `accent`
81
- on hover.
82
- - **Input** — `background` fill, 1px `input` (coffee-ink) border (`border-weight`), `radius` at the 6px
83
- scale step; focus draws the orange `ring` at 2px, no glow.
84
- - **Card** — recessed `card` cream on the brighter canvas (surface-contrast elevation); 1px `border` for
85
- a grid edge; shadow only when a card truly floats; inset by `density-inset`.
86
- - **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on
87
- numeric columns; row selection tints `accent`.
88
- - **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich`
89
- for content-heavy), beside the work, not over it.
90
- - **Badge** — pill radius, `muted`/status fill, uppercase caption; status badges take `success` /
91
- `warning` / `destructive`, never `primary`.
92
-
93
- ## 5 Layout
94
-
95
- Base spacing unit 4px; the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64` (the corpus
96
- tokens; the 64px marketing band padding stays behind). Shell dimensions map one-to-one to the layout
97
- primitives: sidebar `sidebar-width-expanded` (256px) / `sidebar-width-collapsed` (56px), topbar
98
- `topbar-height` (56px), side panel `side-panel-width` (440px) / `side-panel-width-rich` (640px), modal
99
- `modal-width-max`, forms `form-max-width`, tables full-width. Density is governed globally by
100
- `density-tier` and stepped per archetype by the surface catalog — never by absolute overrides.
101
-
102
- ## 6 Depth
103
-
104
- Flat, surface-contrast-first. Hierarchy comes from the recessed cream ladder and warm hairlines:
105
-
106
- - **0 — canvas** `background` (`#fffefb`), no border.
107
- - **1 — panel / card** recessed `card` cream (`#f8f4f0`) — surface contrast carries the elevation; a 1px
108
- `border` where a grid edge is wanted. Emphasized outlines take the bold ink border.
109
- - **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
110
- shadow, over a scrim for modals. Rank is surface, border, and position, never a heavier shadow.
111
-
112
- Focus is a 2px orange `ring` outline (never a glow) on every interactive element. Three z-levels:
113
- content, sticky chrome, overlay.
114
-
115
- ## 7 Do's & Don'ts
116
-
117
- - **Do** anchor on the warm cream canvas (`#fffefb`) — pure white loses the brand; keep coffee ink
118
- `#201515`, never pure black. The temperature is the voice.
119
- - **Do** reserve orange `primary` for the single most important action — orange + cream + coffee is the
120
- whole conversion story; everything else is neutral or status.
121
- - **Do** keep corners at the 12px middle radius on buttons and cards; inputs step to 6px, badges pill.
122
- - **Do** apply `tabular-nums` to numerics with `font-mono` for IDs, run codes, and timestamps.
123
- - **Don't** render the CTA as a pill or a square — the 12px rounded rectangle is the signature.
124
- - **Don't** promote a second chromatic accent, and don't let orange become `destructive` (use the brick
125
- red); status uses `success` / `warning` / `destructive`.
126
- - **Don't** pull the Degular hero, the dark coffee polarity-flip bands, or the 64px rhythm into an
127
- operator surface.
128
-
129
- ## 8 Responsive
130
-
131
- The operator sweep is 375 / 768 / 1024 / 1440.
132
-
133
- | Breakpoint | What changes |
134
- | --- | --- |
135
- | 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
136
- | 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
137
- | 1024 | sidebar expands; two-pane queue+detail holds side by side |
138
- | 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
139
-
140
- ## 9 Agent Prompt Guide
141
-
142
- Directives the emitting agent follows verbatim. This brand is warm and confident; keep it restrained.
143
-
144
- **Carries over:** the warm cream temperature (canvas `#fffefb`, never pure white) · deep coffee ink
145
- `#201515` (never pure black) · orange `primary` (`#ff4f00`) as the single reserved accent · the 12px
146
- middle-radius character (never pill, never square) · the recessed cream-card surface-contrast elevation
147
- · the bold ink-bordered field · Inter with the positive-tracked uppercase eyebrow · `tabular-nums`.
148
-
149
- **Stays behind:** the 56px Degular Display hero · the dark coffee-ink polarity-flip (dark hero/feature/
150
- pricing bands, dark footer) · the illustrative zap/workflow SVGs · the 64px section-padding rhythm.
151
-
152
- - Lead every list surface with its table; accent only the primary action in orange — if two things want
153
- it, one is not primary.
154
- - Reach for the warm cream canvas first; float recessed cream cards on it, separated by surface contrast
155
- and warm hairlines before shadow. Detail and edit go in the side panel; a modal is a confirmation.
156
- - Every numeric column is `tabular-nums`; every ID / run code / timestamp is `font-mono`; every workflow
157
- completes from the keyboard with the orange `ring` outline always visible.
158
- - One accent. Type stays on Inter — Degular Display and the marketing bands do not follow into a console.
@@ -1,138 +0,0 @@
1
- ---
2
- schema: design-md/v1
3
- product: Nurix
4
- provenance: default
5
- sourced: 2026-07-04
6
- ---
7
-
8
- # Nurix — the default operator design
9
-
10
- The document a zero-input project wears. No project `design.md`, no confirmed library match, and
11
- this is the brand personality synthesis derives from. It is a *deliberate* operator reading of the
12
- Nurix brand — engineered, calm, dense-capable, never decorative — not a marketing transcription: the
13
- brand's marketing surfaces breathe; an operator surface earns its density and keeps one accent.
14
-
15
- ## 1 Visual Theme
16
-
17
- Light by default; dark is opt-in. Flat: hierarchy is carried by hairline `border`, type weight, and
18
- color contrast — never by heavy shadow. A single accent, Nurix `primary` (vibrant blue), reserved for
19
- the one action that matters on a surface. The neutral ramp is a cool slate that leans faintly toward
20
- the brand's Deep Navy, so the whole UI reads engineered rather than flatly gray. The anchor surface is
21
- a white content canvas beside a faintly cool-tinted `sidebar`. Density is `standard` and steps denser
22
- per surface archetype — dense-capable, not cramped.
23
-
24
- ## 2 Color Roles
25
-
26
- Light values first. One accent — `primary` is the only chromatic hue that carries meaning; status
27
- hues speak only status.
28
-
29
- | Role | Value | Allowed where |
30
- | --- | --- | --- |
31
- | `background` / `card` / `popover` | white `oklch(1 0 0)` | page, cards, and overlays — the dominant surface |
32
- | `foreground` | deep cool slate `oklch(0.2077 …)` | all primary ink |
33
- | `muted` / `secondary` | faint cool tint `oklch(0.9683 …)` | hover rows, subtle fills, secondary buttons |
34
- | `muted-foreground` | mid slate `oklch(0.5544 …)` | labels, captions, secondary text |
35
- | `border` / `input` | hairline `oklch(0.9288 …)` (brand `#E2E8F0`) | every separator, grid line, and field edge |
36
- | `primary` | vibrant blue `oklch(0.5211 …)` (brand `#245AE2`) | the one primary action; active nav; key interactive detail |
37
- | `accent` | blue-tint `oklch(0.9603 …)` | selected/hovered rows and nav, on-accent surfaces only |
38
- | `ring` | `primary` | the focus outline — unmistakable, because keyboard-first |
39
- | `destructive` | red `oklch(0.5771 …)` | destructive actions and error state only |
40
- | `success` / `warning` | green / amber | status signalling only, never chrome |
41
-
42
- Electric Lime and Deep Navy are brand graces, not operator tokens: they carry no role here (see §7).
43
-
44
- ## 3 Typography
45
-
46
- One sans, one mono. `font-sans` is Inter — the UI, body, and headings all ride it; heading weight and
47
- tracking, not a second family, carry the display voice. `font-mono` is Geist Mono for IDs, codes,
48
- timestamps, and log lines. Numeric columns render `tabular-nums` (Inter carries `tnum`) so figures
49
- align down a column (floor f04).
50
-
51
- | Step | Role | Size · line | Weight · tracking |
52
- | --- | --- | --- | --- |
53
- | h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
54
- | h2 | section head | 18px / 1.3 | `font-weight-strong` · `heading-tracking` |
55
- | h3 | card / group head | 15px / 1.35 | `font-weight-strong` · `heading-tracking` |
56
- | body | UI + prose | 14px / 1.45 | `font-weight-normal` |
57
- | small | labels, meta, table dense | 13px / 1.4 | `font-weight-normal` |
58
- | caption | uppercase eyebrow | 12px / 1.2 | `font-weight-strong`, `+0.02em`, uppercase |
59
-
60
- Bump weight one step for emphasis; never change size to emphasize.
61
-
62
- This ramp — the 24px h1 cap and the two-weight fold — is the **baseline-surface default**, not a
63
- ceiling: on a `brand-forward` surface the `display` ramp step and a third weight exist above it,
64
- granted under the display-step gate (typ-20).
65
-
66
- ## 4 Component Stylings
67
-
68
- Every recurring operator component composes from the primitives — no literal values.
69
-
70
- - **Button** — `primary`: filled `primary` on `primary-foreground`, `radius`, no pill. Secondary:
71
- `secondary` fill, `border`, `foreground`. Ghost: transparent, `accent` on hover.
72
- - **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus draws the `ring` at
73
- full 2px, no glow.
74
- - **Card** — `card` surface, 1px `border`, `radius`, shadow only when lifted (`shadow-intensity`);
75
- inset by `density-inset`.
76
- - **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on
77
- numeric columns; row selection tints `accent`.
78
- - **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich`
79
- for content-heavy), beside the work, not over it (floor f03).
80
- - **Badge** — hairline `border`, `muted`/status fill, uppercase caption; status badges take
81
- `success` / `warning` / `destructive`, never `primary`.
82
-
83
- ## 5 Layout
84
-
85
- Base spacing unit 4px (Tailwind `--spacing` 0.25rem); the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 ·
86
- 32 · 48 · 64`. Shell dimensions map one-to-one to the layout primitives: sidebar
87
- `sidebar-width-expanded` / `sidebar-width-collapsed`, topbar `topbar-height`, side panel
88
- `side-panel-width` / `side-panel-width-rich`, modal cap `modal-width-max`, forms `form-max-width`,
89
- tables full-width. Density is governed globally by `density-tier` (rewriting the spacing scale through
90
- `density-gap`) and stepped per archetype by the surface catalog — never by absolute overrides.
91
-
92
- ## 6 Depth
93
-
94
- Flat. Hierarchy comes from the surface ladder and hairlines, not shadow:
95
-
96
- - **0 — canvas** `background`, no border.
97
- - **1 — panel / card** `card` on a 1px `border`; shadow only when it must lift off the canvas.
98
- - **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
99
- shadow. No level stacks a heavier shadow to signal rank; rank is border and position.
100
-
101
- Focus is a 2px `ring` outline (never a glow), visible on every interactive element (floor f06).
102
- Three z-levels: content, sticky chrome, overlay.
103
-
104
- ## 7 Do's & Don'ts
105
-
106
- - **Do** reserve `primary` for the single most important action on a surface; everything else is
107
- neutral or status.
108
- - **Do** carry hierarchy with hairlines, weight, and whitespace — the brand is predominantly flat.
109
- - **Do** apply `tabular-nums` to every numeric column and `font-mono` to IDs, codes, and timestamps.
110
- - **Don't** promote a second chromatic accent. Electric Lime and Deep Navy stay brand-decorative — a
111
- lime "success" reads yellow and fails contrast; status uses `success` / `warning` / `destructive`.
112
- - **Don't** pill the primary CTA or reach for a radius outside `radius-scale`.
113
- - **Don't** open detail or edit in a modal when the side panel fits — modals are for confirmations
114
- only.
115
- - **Don't** signal elevation with heavy drop shadows.
116
-
117
- ## 8 Responsive
118
-
119
- The operator sweep is 375 / 768 / 1024 / 1440.
120
-
121
- | Breakpoint | What changes |
122
- | --- | --- |
123
- | 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
124
- | 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
125
- | 1024 | sidebar expands; two-pane queue+detail holds side by side |
126
- | 1440 | content caps at `form-max-width` for forms; tables and dashboards use the full width |
127
-
128
- ## 9 Agent Prompt Guide
129
-
130
- Directives the emitting agent follows verbatim:
131
-
132
- - Lead every list surface with its table; lead every entity with its primary read, not its chrome.
133
- - Accent only the primary action. If two things want the accent, one of them is not primary.
134
- - Detail and edit go in the side panel; a modal is a confirmation, not a workspace (f03).
135
- - Every numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono` (f04).
136
- - Every workflow completes from the keyboard; the `ring` focus outline is always visible (f06).
137
- - Hairline-first; elevation from the designed ramp where the surface's budget grants it.
138
- - One accent. Lime and navy are not operator colors here.