@nurix/etna 0.19.11 → 0.19.12

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 (486) hide show
  1. package/data/harness-index.json +1 -1
  2. package/data/harnesses/code/harness.json +1 -1
  3. package/data/harnesses/code/rules/frontend.md +5 -5
  4. package/data/harnesses/code/skills/design/SKILL.md +70 -50
  5. package/data/harnesses/code/skills/design/components/charts.md +76 -0
  6. package/data/harnesses/code/skills/design/components/collections.md +132 -0
  7. package/data/harnesses/code/skills/design/components/feedback.md +47 -0
  8. package/data/harnesses/code/skills/design/components/hooks.md +35 -0
  9. package/data/harnesses/code/skills/design/components/index.md +143 -0
  10. package/data/harnesses/code/skills/design/components/inputs.md +327 -0
  11. package/data/harnesses/code/skills/design/components/layout.md +52 -0
  12. package/data/harnesses/code/skills/design/components/media.md +66 -0
  13. package/data/harnesses/code/skills/design/components/motion.md +82 -0
  14. package/data/harnesses/code/skills/design/components/navigation.md +29 -0
  15. package/data/harnesses/code/skills/design/components/overlays.md +72 -0
  16. package/data/harnesses/code/skills/design/components/setup.md +40 -0
  17. package/data/harnesses/code/skills/design/components/typography.md +46 -0
  18. package/data/harnesses/code/skills/design/components/utils.md +37 -0
  19. package/data/harnesses/code/skills/design/data/blueprints/browse.md +38 -0
  20. package/data/harnesses/code/skills/design/data/blueprints/creation-flow.md +38 -0
  21. package/data/harnesses/code/skills/design/data/blueprints/dashboard.md +38 -0
  22. package/data/harnesses/code/skills/design/data/blueprints/grid.md +38 -0
  23. package/data/harnesses/code/skills/design/data/blueprints/queue.md +38 -0
  24. package/data/harnesses/code/skills/design/data/blueprints/record-detail.md +38 -0
  25. package/data/harnesses/code/skills/design/data/blueprints/settings.md +38 -0
  26. package/data/harnesses/code/skills/design/data/chart-styling/Readme.md +33 -0
  27. package/data/harnesses/code/skills/design/data/chart-styling/carbon-accessible-alert-semantic.md +19 -0
  28. package/data/harnesses/code/skills/design/data/chart-styling/carbon-monochrome-sequential-trend.md +19 -0
  29. package/data/harnesses/code/skills/design/data/chart-styling/datadog-classic-six-aligned.md +19 -0
  30. package/data/harnesses/code/skills/design/data/chart-styling/datawrapper-tiered-gray-hierarchy.md +19 -0
  31. package/data/harnesses/code/skills/design/data/chart-styling/econ-red-rule-horizontal.md +19 -0
  32. package/data/harnesses/code/skills/design/data/chart-styling/financial-diverging-threshold-overlay.md +19 -0
  33. package/data/harnesses/code/skills/design/data/chart-styling/ft-vocabulary-ranked-muted.md +19 -0
  34. package/data/harnesses/code/skills/design/data/chart-styling/grafana-dark-threshold-bands.md +19 -0
  35. package/data/harnesses/code/skills/design/data/chart-styling/material-rounded-explicit-label.md +19 -0
  36. package/data/harnesses/code/skills/design/data/chart-styling/nyt-ghost-grid-direct-label.md +19 -0
  37. package/data/harnesses/code/skills/design/data/chart-styling/plot-currentcolor-inherit.md +19 -0
  38. package/data/harnesses/code/skills/design/data/chart-styling/saas-gradient-glow-area.md +19 -0
  39. package/data/harnesses/code/skills/design/data/chart-styling/shadcn-composable-css-vars.md +19 -0
  40. package/data/harnesses/code/skills/design/data/charts/census.csv +58 -0
  41. package/data/harnesses/code/skills/design/data/checklists/browse.md +21 -0
  42. package/data/harnesses/code/skills/design/data/checklists/creation-flow.md +20 -0
  43. package/data/harnesses/code/skills/design/data/checklists/dashboard.md +21 -0
  44. package/data/harnesses/code/skills/design/data/checklists/grid.md +21 -0
  45. package/data/harnesses/code/skills/design/data/checklists/queue.md +21 -0
  46. package/data/harnesses/code/skills/design/data/checklists/record-detail.md +21 -0
  47. package/data/harnesses/code/skills/design/data/checklists/settings.md +21 -0
  48. package/data/harnesses/code/skills/design/data/chrome/board-column.md +68 -0
  49. package/data/harnesses/code/skills/design/data/chrome/data-table.md +63 -0
  50. package/data/harnesses/code/skills/design/data/chrome/side-panel.md +60 -0
  51. package/data/harnesses/code/skills/design/data/chrome/sidebar.md +78 -0
  52. package/data/harnesses/code/skills/design/data/chrome/stat-cards.md +62 -0
  53. package/data/harnesses/code/skills/design/data/chrome/topbar.md +65 -0
  54. package/data/harnesses/code/skills/design/data/color/accent-presets.md +90 -0
  55. package/data/harnesses/code/skills/design/data/color/aesop-earth-mute.md +91 -0
  56. package/data/harnesses/code/skills/design/data/color/arc-peach-play.md +90 -0
  57. package/data/harnesses/code/skills/design/data/color/attio-hunter-teal.md +90 -0
  58. package/data/harnesses/code/skills/design/data/color/carbon-cyan-signal.md +90 -0
  59. package/data/harnesses/code/skills/design/data/color/clay-parchment.md +90 -0
  60. package/data/harnesses/code/skills/design/data/color/duolingo-feather.md +90 -0
  61. package/data/harnesses/code/skills/design/data/color/geist-mono-signal.md +90 -0
  62. package/data/harnesses/code/skills/design/data/color/linear-graphite-violet.md +90 -0
  63. package/data/harnesses/code/skills/design/data/color/mercury-onyx-cobalt.md +90 -0
  64. package/data/harnesses/code/skills/design/data/color/notion-paper-ink.md +90 -0
  65. package/data/harnesses/code/skills/design/data/color/radix-slate-iris.md +90 -0
  66. package/data/harnesses/code/skills/design/data/color/raycast-void-spectrum.md +90 -0
  67. package/data/harnesses/code/skills/design/data/color/spectrum-celery-fuchsia.md +90 -0
  68. package/data/harnesses/code/skills/design/data/color/stripe-blurple-ruby.md +90 -0
  69. package/data/harnesses/code/skills/design/data/color/superhuman-cod-picton.md +89 -0
  70. package/data/harnesses/code/skills/design/data/corpora/operations-review/companies.csv +15 -0
  71. package/data/harnesses/code/skills/design/data/corpora/operations-review/corpus.md +87 -0
  72. package/data/harnesses/code/skills/design/data/corpora/operations-review/people.csv +25 -0
  73. package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/companies.csv +15 -0
  74. package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/corpus.md +83 -0
  75. package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/people.csv +25 -0
  76. package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/companies.csv +15 -0
  77. package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/corpus.md +89 -0
  78. package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/people.csv +25 -0
  79. package/data/harnesses/code/skills/design/data/elevation/ant-design-directional-shadow.md +19 -0
  80. package/data/harnesses/code/skills/design/data/elevation/apple-liquid-glass-material.md +18 -0
  81. package/data/harnesses/code/skills/design/data/elevation/atlassian-surface-shadow-pairing.md +20 -0
  82. package/data/harnesses/code/skills/design/data/elevation/fluent-2-key-ambient-ramp.md +20 -0
  83. package/data/harnesses/code/skills/design/data/elevation/github-primer-sparing-shadow.md +19 -0
  84. package/data/harnesses/code/skills/design/data/elevation/ibm-carbon-layer-and-border.md +19 -0
  85. package/data/harnesses/code/skills/design/data/elevation/linear-dark-surface-ladder.md +17 -0
  86. package/data/harnesses/code/skills/design/data/elevation/material-2-key-ambient-dp-ramp.md +19 -0
  87. package/data/harnesses/code/skills/design/data/elevation/material-3-tonal-elevation.md +21 -0
  88. package/data/harnesses/code/skills/design/data/elevation/neobrutalist-hard-offset.md +19 -0
  89. package/data/harnesses/code/skills/design/data/elevation/neumorphic-soft-dual-shadow.md +18 -0
  90. package/data/harnesses/code/skills/design/data/elevation/notion-warm-minimal-hairline.md +17 -0
  91. package/data/harnesses/code/skills/design/data/elevation/polaris-elevation-inset-bevel.md +21 -0
  92. package/data/harnesses/code/skills/design/data/elevation/radix-themes-alpha-ring-scale.md +19 -0
  93. package/data/harnesses/code/skills/design/data/elevation/shadcn-neutral-derived-radius.md +19 -0
  94. package/data/harnesses/code/skills/design/data/elevation/stripe-brand-tinted-dual-shadow.md +18 -0
  95. package/data/harnesses/code/skills/design/data/elevation/tailwind-default-utility-scale.md +19 -0
  96. package/data/harnesses/code/skills/design/data/elevation/vercel-geist-shadow-as-border.md +20 -0
  97. package/data/harnesses/code/skills/design/data/gradients/amber-attention-fill.md +16 -0
  98. package/data/harnesses/code/skills/design/data/gradients/cloud-shadow-wash.md +16 -0
  99. package/data/harnesses/code/skills/design/data/gradients/confident-lavender-wash.md +16 -0
  100. package/data/harnesses/code/skills/design/data/gradients/ember-ship-flare.md +18 -0
  101. package/data/harnesses/code/skills/design/data/gradients/full-metal-wash.md +16 -0
  102. package/data/harnesses/code/skills/design/data/gradients/indigo-ruby-cta-band.md +18 -0
  103. package/data/harnesses/code/skills/design/data/gradients/linear-graphite-wash.md +18 -0
  104. package/data/harnesses/code/skills/design/data/gradients/marble-quartz-wash.md +16 -0
  105. package/data/harnesses/code/skills/design/data/gradients/midnight-aurora-panel.md +16 -0
  106. package/data/harnesses/code/skills/design/data/gradients/neutral-volume-fill.md +16 -0
  107. package/data/harnesses/code/skills/design/data/gradients/revenue-uptrend-fill.md +16 -0
  108. package/data/harnesses/code/skills/design/data/gradients/risk-decline-fill.md +16 -0
  109. package/data/harnesses/code/skills/design/data/gradients/signal-blue-develop.md +18 -0
  110. package/data/harnesses/code/skills/design/data/gradients/slate-mist-wash.md +16 -0
  111. package/data/harnesses/code/skills/design/data/gradients/stripe-atmosphere-mesh.md +18 -0
  112. package/data/harnesses/code/skills/design/data/gradients/teal-signal-accent.md +16 -0
  113. package/data/harnesses/code/skills/design/data/gradients/violet-magenta-promo.md +16 -0
  114. package/data/harnesses/code/skills/design/data/iconography.md +199 -0
  115. package/data/harnesses/code/skills/design/data/motion/accordion-expand.md +18 -0
  116. package/data/harnesses/code/skills/design/data/motion/destructive-hold-confirm.md +18 -0
  117. package/data/harnesses/code/skills/design/data/motion/drag-dismiss-momentum.md +18 -0
  118. package/data/harnesses/code/skills/design/data/motion/empty-state-arrive.md +18 -0
  119. package/data/harnesses/code/skills/design/data/motion/hover-lift.md +18 -0
  120. package/data/harnesses/code/skills/design/data/motion/modal-center-arrive.md +18 -0
  121. package/data/harnesses/code/skills/design/data/motion/number-ticker-roll.md +18 -0
  122. package/data/harnesses/code/skills/design/data/motion/onboarding-bounce.md +18 -0
  123. package/data/harnesses/code/skills/design/data/motion/panel-slide.md +18 -0
  124. package/data/harnesses/code/skills/design/data/motion/press-feedback.md +18 -0
  125. package/data/harnesses/code/skills/design/data/motion/progress-linear-loop.md +18 -0
  126. package/data/harnesses/code/skills/design/data/motion/route-crossfade.md +18 -0
  127. package/data/harnesses/code/skills/design/data/motion/rubber-band-overscroll.md +18 -0
  128. package/data/harnesses/code/skills/design/data/motion/skeleton-shimmer.md +18 -0
  129. package/data/harnesses/code/skills/design/data/motion/stagger-arrive.md +18 -0
  130. package/data/harnesses/code/skills/design/data/motion/toast-enter-stack.md +18 -0
  131. package/data/harnesses/code/skills/design/data/motion/tooltip-chain-instant.md +18 -0
  132. package/data/harnesses/code/skills/design/data/motion/trigger-anchored-reveal.md +18 -0
  133. package/data/harnesses/code/skills/design/data/tells.csv +34 -0
  134. package/data/harnesses/code/skills/design/data/typography/anton-work-sans.md +17 -0
  135. package/data/harnesses/code/skills/design/data/typography/archivo-black-archivo.md +17 -0
  136. package/data/harnesses/code/skills/design/data/typography/bitter-karla.md +17 -0
  137. package/data/harnesses/code/skills/design/data/typography/dm-serif-dm-sans.md +17 -0
  138. package/data/harnesses/code/skills/design/data/typography/fraunces-inter.md +17 -0
  139. package/data/harnesses/code/skills/design/data/typography/geist-geist-mono.md +17 -0
  140. package/data/harnesses/code/skills/design/data/typography/hubot-sans-mona-sans.md +17 -0
  141. package/data/harnesses/code/skills/design/data/typography/ibm-plex-sans-operator-single-family.md +17 -0
  142. package/data/harnesses/code/skills/design/data/typography/instrument-serif-instrument-sans.md +17 -0
  143. package/data/harnesses/code/skills/design/data/typography/inter-operator-single-family.md +17 -0
  144. package/data/harnesses/code/skills/design/data/typography/libre-baskerville-libre-franklin.md +17 -0
  145. package/data/harnesses/code/skills/design/data/typography/newsreader-inter.md +17 -0
  146. package/data/harnesses/code/skills/design/data/typography/playfair-display-source-sans.md +17 -0
  147. package/data/harnesses/code/skills/design/data/typography/public-sans-operator-single-family.md +17 -0
  148. package/data/harnesses/code/skills/design/data/typography/sohne-inter-fintech.md +17 -0
  149. package/data/harnesses/code/skills/design/data/typography/source-serif-source-sans.md +17 -0
  150. package/data/harnesses/code/skills/design/data/typography/space-grotesk-work-sans-space-mono.md +17 -0
  151. package/data/harnesses/code/skills/design/data/typography/spectral-manrope.md +17 -0
  152. package/data/harnesses/code/skills/design/data/voices/bright-collaborator.md +29 -0
  153. package/data/harnesses/code/skills/design/data/voices/direct-operator.md +29 -0
  154. package/data/harnesses/code/skills/design/data/voices/earnest-helper.md +29 -0
  155. package/data/harnesses/code/skills/design/data/voices/editorial-composed.md +29 -0
  156. package/data/harnesses/code/skills/design/data/voices/quiet-concierge.md +29 -0
  157. package/data/harnesses/code/skills/design/data/voices/warm-guide.md +29 -0
  158. package/data/harnesses/code/skills/design/design-md/SCHEMA.md +179 -0
  159. package/data/harnesses/code/skills/design/design-md/index.csv +67 -0
  160. package/data/harnesses/code/skills/design/design-md/library/airbnb.md +207 -0
  161. package/data/harnesses/code/skills/design/design-md/library/airtable.md +205 -0
  162. package/data/harnesses/code/skills/design/design-md/library/anthropic-claude.md +203 -0
  163. package/data/harnesses/code/skills/design/design-md/library/apple.md +206 -0
  164. package/data/harnesses/code/skills/design/design-md/library/binance.md +210 -0
  165. package/data/harnesses/code/skills/design/design-md/library/bmw.md +210 -0
  166. package/data/harnesses/code/skills/design/design-md/library/cal.md +209 -0
  167. package/data/harnesses/code/skills/design/design-md/library/clay.md +204 -0
  168. package/data/harnesses/code/skills/design/design-md/library/clickhouse.md +205 -0
  169. package/data/harnesses/code/skills/design/design-md/library/cohere.md +205 -0
  170. package/data/harnesses/code/skills/design/design-md/library/coinbase.md +198 -0
  171. package/data/harnesses/code/skills/design/design-md/library/composio.md +198 -0
  172. package/data/harnesses/code/skills/design/design-md/library/cursor.md +197 -0
  173. package/data/harnesses/code/skills/design/design-md/library/elevenlabs.md +199 -0
  174. package/data/harnesses/code/skills/design/design-md/library/expo.md +200 -0
  175. package/data/harnesses/code/skills/design/design-md/library/figma.md +199 -0
  176. package/data/harnesses/code/skills/design/design-md/library/framer.md +202 -0
  177. package/data/harnesses/code/skills/design/design-md/library/hashicorp.md +205 -0
  178. package/data/harnesses/code/skills/design/design-md/library/ibm.md +205 -0
  179. package/data/harnesses/code/skills/design/design-md/library/intercom.md +204 -0
  180. package/data/harnesses/code/skills/design/design-md/library/kraken.md +200 -0
  181. package/data/harnesses/code/skills/design/design-md/library/linear-app.md +198 -0
  182. package/data/harnesses/code/skills/design/design-md/library/lovable.md +199 -0
  183. package/data/harnesses/code/skills/design/design-md/library/meta.md +204 -0
  184. package/data/harnesses/code/skills/design/design-md/library/minimax.md +204 -0
  185. package/data/harnesses/code/skills/design/design-md/library/mintlify.md +210 -0
  186. package/data/harnesses/code/skills/design/design-md/library/miro.md +209 -0
  187. package/data/harnesses/code/skills/design/design-md/library/mistral-ai.md +201 -0
  188. package/data/harnesses/code/skills/design/design-md/library/mongodb.md +201 -0
  189. package/data/harnesses/code/skills/design/design-md/library/notion.md +204 -0
  190. package/data/harnesses/code/skills/design/design-md/library/nvidia.md +215 -0
  191. package/data/harnesses/code/skills/design/design-md/library/ollama.md +213 -0
  192. package/data/harnesses/code/skills/design/design-md/library/opencode-ai.md +216 -0
  193. package/data/harnesses/code/skills/design/design-md/library/posthog.md +218 -0
  194. package/data/harnesses/code/skills/design/design-md/library/raycast.md +214 -0
  195. package/data/harnesses/code/skills/design/design-md/library/replicate.md +202 -0
  196. package/data/harnesses/code/skills/design/design-md/library/resend.md +203 -0
  197. package/data/harnesses/code/skills/design/design-md/library/revolut.md +203 -0
  198. package/data/harnesses/code/skills/design/design-md/library/runwayml.md +203 -0
  199. package/data/harnesses/code/skills/design/design-md/library/sanity.md +200 -0
  200. package/data/harnesses/code/skills/design/design-md/library/sentry.md +201 -0
  201. package/data/harnesses/code/skills/design/design-md/library/shopify.md +202 -0
  202. package/data/harnesses/code/skills/design/design-md/library/slack.md +202 -0
  203. package/data/harnesses/code/skills/design/design-md/library/spacex.md +206 -0
  204. package/data/harnesses/code/skills/design/design-md/library/spotify.md +206 -0
  205. package/data/harnesses/code/skills/design/design-md/library/stripe.md +196 -0
  206. package/data/harnesses/code/skills/design/design-md/library/supabase.md +196 -0
  207. package/data/harnesses/code/skills/design/design-md/library/superhuman.md +194 -0
  208. package/data/harnesses/code/skills/design/design-md/library/tesla.md +198 -0
  209. package/data/harnesses/code/skills/design/design-md/library/theverge.md +199 -0
  210. package/data/harnesses/code/skills/design/design-md/library/together-ai.md +193 -0
  211. package/data/harnesses/code/skills/design/design-md/library/uber.md +195 -0
  212. package/data/harnesses/code/skills/design/design-md/library/vercel.md +195 -0
  213. package/data/harnesses/code/skills/design/design-md/library/voltagent.md +197 -0
  214. package/data/harnesses/code/skills/design/design-md/library/warp.md +196 -0
  215. package/data/harnesses/code/skills/design/design-md/library/webflow.md +197 -0
  216. package/data/harnesses/code/skills/design/design-md/library/wired.md +197 -0
  217. package/data/harnesses/code/skills/design/design-md/library/wise.md +198 -0
  218. package/data/harnesses/code/skills/design/design-md/library/x-ai.md +199 -0
  219. package/data/harnesses/code/skills/design/design-md/library/zapier.md +198 -0
  220. package/data/harnesses/code/skills/design/design-md/nurix.md +214 -0
  221. package/data/harnesses/code/skills/design/design-md/variants/editorial-luxury.md +184 -0
  222. package/data/harnesses/code/skills/design/design-md/variants/expressive-saas.md +216 -0
  223. package/data/harnesses/code/skills/design/design-md/variants/quiet-premium.md +211 -0
  224. package/data/harnesses/code/skills/design/design-md/variants/terse-dense-operator.md +212 -0
  225. package/data/harnesses/code/skills/design/design-md/variants/warm-approachable.md +216 -0
  226. package/data/harnesses/code/skills/design/references/compose.md +23 -0
  227. package/data/harnesses/code/skills/design/references/content.md +28 -0
  228. package/data/harnesses/code/skills/design/references/emission.md +21 -0
  229. package/data/harnesses/code/skills/design/references/existing-apps.md +27 -0
  230. package/data/harnesses/code/skills/design/references/intake.md +36 -0
  231. package/data/harnesses/code/skills/design/references/object-pass.md +24 -0
  232. package/data/harnesses/code/skills/design/references/ship-gate.md +29 -0
  233. package/data/harnesses/code/skills/design/references/ux-patterns/Readme.md +195 -0
  234. package/data/harnesses/code/skills/design/references/ux-patterns/ai-layer.md +49 -0
  235. package/data/harnesses/code/skills/design/references/ux-patterns/attributes-lifecycle.md +43 -0
  236. package/data/harnesses/code/skills/design/references/ux-patterns/container-choice.md +44 -0
  237. package/data/harnesses/code/skills/design/references/ux-patterns/creation-paths.md +46 -0
  238. package/data/harnesses/code/skills/design/references/ux-patterns/dashboards.md +42 -0
  239. package/data/harnesses/code/skills/design/references/ux-patterns/modes.md +42 -0
  240. package/data/harnesses/code/skills/design/references/ux-patterns/object-model.md +46 -0
  241. package/data/harnesses/code/skills/design/references/ux-patterns/page-archetype.md +48 -0
  242. package/data/harnesses/code/skills/design/references/ux-patterns/promotion-demotion.md +37 -0
  243. package/data/harnesses/code/skills/design/references/ux-patterns/settings.md +42 -0
  244. package/data/harnesses/code/skills/design/references/ux-patterns/standard-pages.md +46 -0
  245. package/data/harnesses/code/skills/design/references/ux-patterns/state-matrix.md +41 -0
  246. package/data/harnesses/code/skills/design/references/ux-patterns/table-mechanics.md +48 -0
  247. package/data/harnesses/code/skills/design/references/ux-patterns/verbs.md +45 -0
  248. package/data/harnesses/code/skills/design/references/ux-patterns/viewer-context.md +40 -0
  249. package/data/harnesses/code/skills/design/scripts/README-validator.md +27 -0
  250. package/data/harnesses/code/skills/design/scripts/select-chart.mjs +596 -0
  251. package/data/harnesses/code/skills/design/scripts/validate-design-md.mjs +1198 -0
  252. package/package.json +1 -1
  253. package/data/harnesses/code/skills/design/data/catalog/rules.csv +0 -137
  254. package/data/harnesses/code/skills/design/data/combinations/Readme.md +0 -33
  255. package/data/harnesses/code/skills/design/data/combinations/accent-presets.md +0 -113
  256. package/data/harnesses/code/skills/design/data/combinations/charts.csv +0 -33
  257. package/data/harnesses/code/skills/design/data/combinations/fonts-known.json +0 -448
  258. package/data/harnesses/code/skills/design/data/combinations/icons.csv +0 -157
  259. package/data/harnesses/code/skills/design/data/combinations/landing.csv +0 -38
  260. package/data/harnesses/code/skills/design/data/combinations/lucide-names.json +0 -2001
  261. package/data/harnesses/code/skills/design/data/combinations/manifest.json +0 -330
  262. package/data/harnesses/code/skills/design/data/combinations/motion.csv +0 -10
  263. package/data/harnesses/code/skills/design/data/combinations/palettes.csv +0 -92
  264. package/data/harnesses/code/skills/design/data/combinations/product-router.csv +0 -80
  265. package/data/harnesses/code/skills/design/data/combinations/styles.csv +0 -67
  266. package/data/harnesses/code/skills/design/data/combinations/typography.csv +0 -64
  267. package/data/harnesses/code/skills/design/data/design-md/SCHEMA.md +0 -106
  268. package/data/harnesses/code/skills/design/data/design-md/library/airbnb.md +0 -154
  269. package/data/harnesses/code/skills/design/data/design-md/library/airtable.md +0 -151
  270. package/data/harnesses/code/skills/design/data/design-md/library/anthropic-claude.md +0 -139
  271. package/data/harnesses/code/skills/design/data/design-md/library/apple.md +0 -139
  272. package/data/harnesses/code/skills/design/data/design-md/library/binance.md +0 -140
  273. package/data/harnesses/code/skills/design/data/design-md/library/bmw.md +0 -140
  274. package/data/harnesses/code/skills/design/data/design-md/library/cal.md +0 -140
  275. package/data/harnesses/code/skills/design/data/design-md/library/clay.md +0 -139
  276. package/data/harnesses/code/skills/design/data/design-md/library/clickhouse.md +0 -139
  277. package/data/harnesses/code/skills/design/data/design-md/library/cohere.md +0 -147
  278. package/data/harnesses/code/skills/design/data/design-md/library/coinbase.md +0 -156
  279. package/data/harnesses/code/skills/design/data/design-md/library/composio.md +0 -138
  280. package/data/harnesses/code/skills/design/data/design-md/library/cursor.md +0 -138
  281. package/data/harnesses/code/skills/design/data/design-md/library/elevenlabs.md +0 -137
  282. package/data/harnesses/code/skills/design/data/design-md/library/expo.md +0 -148
  283. package/data/harnesses/code/skills/design/data/design-md/library/figma.md +0 -141
  284. package/data/harnesses/code/skills/design/data/design-md/library/framer.md +0 -156
  285. package/data/harnesses/code/skills/design/data/design-md/library/hashicorp.md +0 -140
  286. package/data/harnesses/code/skills/design/data/design-md/library/ibm.md +0 -153
  287. package/data/harnesses/code/skills/design/data/design-md/library/intercom.md +0 -158
  288. package/data/harnesses/code/skills/design/data/design-md/library/kraken.md +0 -156
  289. package/data/harnesses/code/skills/design/data/design-md/library/linear-app.md +0 -122
  290. package/data/harnesses/code/skills/design/data/design-md/library/lovable.md +0 -140
  291. package/data/harnesses/code/skills/design/data/design-md/library/meta.md +0 -139
  292. package/data/harnesses/code/skills/design/data/design-md/library/minimax.md +0 -139
  293. package/data/harnesses/code/skills/design/data/design-md/library/mintlify.md +0 -139
  294. package/data/harnesses/code/skills/design/data/design-md/library/miro.md +0 -153
  295. package/data/harnesses/code/skills/design/data/design-md/library/mistral-ai.md +0 -140
  296. package/data/harnesses/code/skills/design/data/design-md/library/mongodb.md +0 -155
  297. package/data/harnesses/code/skills/design/data/design-md/library/notion.md +0 -140
  298. package/data/harnesses/code/skills/design/data/design-md/library/nvidia.md +0 -141
  299. package/data/harnesses/code/skills/design/data/design-md/library/ollama.md +0 -145
  300. package/data/harnesses/code/skills/design/data/design-md/library/opencode-ai.md +0 -142
  301. package/data/harnesses/code/skills/design/data/design-md/library/posthog.md +0 -152
  302. package/data/harnesses/code/skills/design/data/design-md/library/raycast.md +0 -137
  303. package/data/harnesses/code/skills/design/data/design-md/library/replicate.md +0 -140
  304. package/data/harnesses/code/skills/design/data/design-md/library/resend.md +0 -170
  305. package/data/harnesses/code/skills/design/data/design-md/library/revolut.md +0 -145
  306. package/data/harnesses/code/skills/design/data/design-md/library/runwayml.md +0 -137
  307. package/data/harnesses/code/skills/design/data/design-md/library/sanity.md +0 -168
  308. package/data/harnesses/code/skills/design/data/design-md/library/sentry.md +0 -163
  309. package/data/harnesses/code/skills/design/data/design-md/library/shopify.md +0 -147
  310. package/data/harnesses/code/skills/design/data/design-md/library/slack.md +0 -158
  311. package/data/harnesses/code/skills/design/data/design-md/library/spacex.md +0 -171
  312. package/data/harnesses/code/skills/design/data/design-md/library/spotify.md +0 -166
  313. package/data/harnesses/code/skills/design/data/design-md/library/stripe.md +0 -160
  314. package/data/harnesses/code/skills/design/data/design-md/library/supabase.md +0 -173
  315. package/data/harnesses/code/skills/design/data/design-md/library/superhuman.md +0 -145
  316. package/data/harnesses/code/skills/design/data/design-md/library/tesla.md +0 -153
  317. package/data/harnesses/code/skills/design/data/design-md/library/theverge.md +0 -167
  318. package/data/harnesses/code/skills/design/data/design-md/library/together-ai.md +0 -140
  319. package/data/harnesses/code/skills/design/data/design-md/library/uber.md +0 -140
  320. package/data/harnesses/code/skills/design/data/design-md/library/vercel.md +0 -140
  321. package/data/harnesses/code/skills/design/data/design-md/library/voltagent.md +0 -130
  322. package/data/harnesses/code/skills/design/data/design-md/library/warp.md +0 -140
  323. package/data/harnesses/code/skills/design/data/design-md/library/webflow.md +0 -140
  324. package/data/harnesses/code/skills/design/data/design-md/library/wired.md +0 -139
  325. package/data/harnesses/code/skills/design/data/design-md/library/wise.md +0 -137
  326. package/data/harnesses/code/skills/design/data/design-md/library/x-ai.md +0 -138
  327. package/data/harnesses/code/skills/design/data/design-md/library/zapier.md +0 -158
  328. package/data/harnesses/code/skills/design/data/design-md/nurix.md +0 -138
  329. package/data/harnesses/code/skills/design/data/design-tokens/SCHEMA.md +0 -695
  330. package/data/harnesses/code/skills/design/data/design-tokens/airbnb/design.resolver.json +0 -20
  331. package/data/harnesses/code/skills/design/data/design-tokens/airbnb/design.tokens.json +0 -1272
  332. package/data/harnesses/code/skills/design/data/design-tokens/airtable/design.resolver.json +0 -20
  333. package/data/harnesses/code/skills/design/data/design-tokens/airtable/design.tokens.json +0 -1268
  334. package/data/harnesses/code/skills/design/data/design-tokens/anthropic-claude/design.resolver.json +0 -20
  335. package/data/harnesses/code/skills/design/data/design-tokens/anthropic-claude/design.tokens.json +0 -1273
  336. package/data/harnesses/code/skills/design/data/design-tokens/apple/design.resolver.json +0 -20
  337. package/data/harnesses/code/skills/design/data/design-tokens/apple/design.tokens.json +0 -1262
  338. package/data/harnesses/code/skills/design/data/design-tokens/binance/design.resolver.json +0 -20
  339. package/data/harnesses/code/skills/design/data/design-tokens/binance/design.tokens.json +0 -1257
  340. package/data/harnesses/code/skills/design/data/design-tokens/bmw/design.resolver.json +0 -20
  341. package/data/harnesses/code/skills/design/data/design-tokens/bmw/design.tokens.json +0 -1270
  342. package/data/harnesses/code/skills/design/data/design-tokens/cal/design.resolver.json +0 -20
  343. package/data/harnesses/code/skills/design/data/design-tokens/cal/design.tokens.json +0 -1270
  344. package/data/harnesses/code/skills/design/data/design-tokens/clay/design.resolver.json +0 -20
  345. package/data/harnesses/code/skills/design/data/design-tokens/clay/design.tokens.json +0 -1261
  346. package/data/harnesses/code/skills/design/data/design-tokens/clickhouse/design.resolver.json +0 -20
  347. package/data/harnesses/code/skills/design/data/design-tokens/clickhouse/design.tokens.json +0 -1268
  348. package/data/harnesses/code/skills/design/data/design-tokens/cohere/design.resolver.json +0 -20
  349. package/data/harnesses/code/skills/design/data/design-tokens/cohere/design.tokens.json +0 -1281
  350. package/data/harnesses/code/skills/design/data/design-tokens/coinbase/design.resolver.json +0 -20
  351. package/data/harnesses/code/skills/design/data/design-tokens/coinbase/design.tokens.json +0 -1262
  352. package/data/harnesses/code/skills/design/data/design-tokens/composio/design.resolver.json +0 -20
  353. package/data/harnesses/code/skills/design/data/design-tokens/composio/design.tokens.json +0 -1271
  354. package/data/harnesses/code/skills/design/data/design-tokens/cursor/design.resolver.json +0 -20
  355. package/data/harnesses/code/skills/design/data/design-tokens/cursor/design.tokens.json +0 -1276
  356. package/data/harnesses/code/skills/design/data/design-tokens/elevenlabs/design.resolver.json +0 -20
  357. package/data/harnesses/code/skills/design/data/design-tokens/elevenlabs/design.tokens.json +0 -1293
  358. package/data/harnesses/code/skills/design/data/design-tokens/expo/design.resolver.json +0 -20
  359. package/data/harnesses/code/skills/design/data/design-tokens/expo/design.tokens.json +0 -1270
  360. package/data/harnesses/code/skills/design/data/design-tokens/figma/design.resolver.json +0 -20
  361. package/data/harnesses/code/skills/design/data/design-tokens/figma/design.tokens.json +0 -1276
  362. package/data/harnesses/code/skills/design/data/design-tokens/framer/design.resolver.json +0 -20
  363. package/data/harnesses/code/skills/design/data/design-tokens/framer/design.tokens.json +0 -1267
  364. package/data/harnesses/code/skills/design/data/design-tokens/goldens.json +0 -251
  365. package/data/harnesses/code/skills/design/data/design-tokens/hashicorp/design.resolver.json +0 -20
  366. package/data/harnesses/code/skills/design/data/design-tokens/hashicorp/design.tokens.json +0 -1273
  367. package/data/harnesses/code/skills/design/data/design-tokens/ibm/design.resolver.json +0 -20
  368. package/data/harnesses/code/skills/design/data/design-tokens/ibm/design.tokens.json +0 -1286
  369. package/data/harnesses/code/skills/design/data/design-tokens/intercom/design.resolver.json +0 -20
  370. package/data/harnesses/code/skills/design/data/design-tokens/intercom/design.tokens.json +0 -1290
  371. package/data/harnesses/code/skills/design/data/design-tokens/kraken/design.resolver.json +0 -20
  372. package/data/harnesses/code/skills/design/data/design-tokens/kraken/design.tokens.json +0 -1270
  373. package/data/harnesses/code/skills/design/data/design-tokens/linear-app/design.resolver.json +0 -23
  374. package/data/harnesses/code/skills/design/data/design-tokens/linear-app/design.tokens.dark.json +0 -599
  375. package/data/harnesses/code/skills/design/data/design-tokens/linear-app/design.tokens.json +0 -1272
  376. package/data/harnesses/code/skills/design/data/design-tokens/lovable/design.resolver.json +0 -20
  377. package/data/harnesses/code/skills/design/data/design-tokens/lovable/design.tokens.json +0 -1267
  378. package/data/harnesses/code/skills/design/data/design-tokens/meta/design.resolver.json +0 -20
  379. package/data/harnesses/code/skills/design/data/design-tokens/meta/design.tokens.json +0 -1289
  380. package/data/harnesses/code/skills/design/data/design-tokens/minimax/design.resolver.json +0 -20
  381. package/data/harnesses/code/skills/design/data/design-tokens/minimax/design.tokens.json +0 -1258
  382. package/data/harnesses/code/skills/design/data/design-tokens/mintlify/design.resolver.json +0 -20
  383. package/data/harnesses/code/skills/design/data/design-tokens/mintlify/design.tokens.json +0 -1284
  384. package/data/harnesses/code/skills/design/data/design-tokens/miro/design.resolver.json +0 -20
  385. package/data/harnesses/code/skills/design/data/design-tokens/miro/design.tokens.json +0 -1291
  386. package/data/harnesses/code/skills/design/data/design-tokens/mistral-ai/design.resolver.json +0 -20
  387. package/data/harnesses/code/skills/design/data/design-tokens/mistral-ai/design.tokens.json +0 -1263
  388. package/data/harnesses/code/skills/design/data/design-tokens/mongodb/design.resolver.json +0 -20
  389. package/data/harnesses/code/skills/design/data/design-tokens/mongodb/design.tokens.json +0 -1270
  390. package/data/harnesses/code/skills/design/data/design-tokens/notion/design.resolver.json +0 -20
  391. package/data/harnesses/code/skills/design/data/design-tokens/notion/design.tokens.json +0 -1261
  392. package/data/harnesses/code/skills/design/data/design-tokens/nurix/design.resolver.json +0 -20
  393. package/data/harnesses/code/skills/design/data/design-tokens/nurix/design.tokens.json +0 -1209
  394. package/data/harnesses/code/skills/design/data/design-tokens/nvidia/design.resolver.json +0 -20
  395. package/data/harnesses/code/skills/design/data/design-tokens/nvidia/design.tokens.json +0 -1265
  396. package/data/harnesses/code/skills/design/data/design-tokens/ollama/design.resolver.json +0 -20
  397. package/data/harnesses/code/skills/design/data/design-tokens/ollama/design.tokens.json +0 -1253
  398. package/data/harnesses/code/skills/design/data/design-tokens/opencode-ai/design.resolver.json +0 -20
  399. package/data/harnesses/code/skills/design/data/design-tokens/opencode-ai/design.tokens.json +0 -1268
  400. package/data/harnesses/code/skills/design/data/design-tokens/posthog/design.resolver.json +0 -20
  401. package/data/harnesses/code/skills/design/data/design-tokens/posthog/design.tokens.json +0 -1261
  402. package/data/harnesses/code/skills/design/data/design-tokens/raycast/design.resolver.json +0 -20
  403. package/data/harnesses/code/skills/design/data/design-tokens/raycast/design.tokens.json +0 -1263
  404. package/data/harnesses/code/skills/design/data/design-tokens/replicate/design.resolver.json +0 -20
  405. package/data/harnesses/code/skills/design/data/design-tokens/replicate/design.tokens.json +0 -1266
  406. package/data/harnesses/code/skills/design/data/design-tokens/resend/design.resolver.json +0 -23
  407. package/data/harnesses/code/skills/design/data/design-tokens/resend/design.tokens.dark.json +0 -623
  408. package/data/harnesses/code/skills/design/data/design-tokens/resend/design.tokens.json +0 -1276
  409. package/data/harnesses/code/skills/design/data/design-tokens/revolut/design.resolver.json +0 -20
  410. package/data/harnesses/code/skills/design/data/design-tokens/revolut/design.tokens.json +0 -1264
  411. package/data/harnesses/code/skills/design/data/design-tokens/runwayml/design.resolver.json +0 -20
  412. package/data/harnesses/code/skills/design/data/design-tokens/runwayml/design.tokens.json +0 -1268
  413. package/data/harnesses/code/skills/design/data/design-tokens/sanity/design.resolver.json +0 -20
  414. package/data/harnesses/code/skills/design/data/design-tokens/sanity/design.tokens.json +0 -1270
  415. package/data/harnesses/code/skills/design/data/design-tokens/sentry/design.resolver.json +0 -20
  416. package/data/harnesses/code/skills/design/data/design-tokens/sentry/design.tokens.json +0 -1288
  417. package/data/harnesses/code/skills/design/data/design-tokens/shopify/design.resolver.json +0 -20
  418. package/data/harnesses/code/skills/design/data/design-tokens/shopify/design.tokens.json +0 -1272
  419. package/data/harnesses/code/skills/design/data/design-tokens/slack/design.resolver.json +0 -20
  420. package/data/harnesses/code/skills/design/data/design-tokens/slack/design.tokens.json +0 -1265
  421. package/data/harnesses/code/skills/design/data/design-tokens/spacex/design.resolver.json +0 -20
  422. package/data/harnesses/code/skills/design/data/design-tokens/spacex/design.tokens.json +0 -1287
  423. package/data/harnesses/code/skills/design/data/design-tokens/spotify/design.resolver.json +0 -20
  424. package/data/harnesses/code/skills/design/data/design-tokens/spotify/design.tokens.json +0 -1286
  425. package/data/harnesses/code/skills/design/data/design-tokens/stripe/design.resolver.json +0 -20
  426. package/data/harnesses/code/skills/design/data/design-tokens/stripe/design.tokens.json +0 -1285
  427. package/data/harnesses/code/skills/design/data/design-tokens/supabase/design.resolver.json +0 -20
  428. package/data/harnesses/code/skills/design/data/design-tokens/supabase/design.tokens.json +0 -1287
  429. package/data/harnesses/code/skills/design/data/design-tokens/superhuman/design.resolver.json +0 -20
  430. package/data/harnesses/code/skills/design/data/design-tokens/superhuman/design.tokens.json +0 -1278
  431. package/data/harnesses/code/skills/design/data/design-tokens/tesla/design.resolver.json +0 -20
  432. package/data/harnesses/code/skills/design/data/design-tokens/tesla/design.tokens.json +0 -1269
  433. package/data/harnesses/code/skills/design/data/design-tokens/theverge/design.resolver.json +0 -20
  434. package/data/harnesses/code/skills/design/data/design-tokens/theverge/design.tokens.json +0 -1285
  435. package/data/harnesses/code/skills/design/data/design-tokens/together-ai/design.resolver.json +0 -20
  436. package/data/harnesses/code/skills/design/data/design-tokens/together-ai/design.tokens.json +0 -1303
  437. package/data/harnesses/code/skills/design/data/design-tokens/uber/design.resolver.json +0 -20
  438. package/data/harnesses/code/skills/design/data/design-tokens/uber/design.tokens.json +0 -1274
  439. package/data/harnesses/code/skills/design/data/design-tokens/vercel/design.resolver.json +0 -20
  440. package/data/harnesses/code/skills/design/data/design-tokens/vercel/design.tokens.json +0 -1296
  441. package/data/harnesses/code/skills/design/data/design-tokens/voltagent/design.resolver.json +0 -23
  442. package/data/harnesses/code/skills/design/data/design-tokens/voltagent/design.tokens.dark.json +0 -612
  443. package/data/harnesses/code/skills/design/data/design-tokens/voltagent/design.tokens.json +0 -1282
  444. package/data/harnesses/code/skills/design/data/design-tokens/warp/design.resolver.json +0 -20
  445. package/data/harnesses/code/skills/design/data/design-tokens/warp/design.tokens.json +0 -1287
  446. package/data/harnesses/code/skills/design/data/design-tokens/webflow/design.resolver.json +0 -20
  447. package/data/harnesses/code/skills/design/data/design-tokens/webflow/design.tokens.json +0 -1268
  448. package/data/harnesses/code/skills/design/data/design-tokens/wired/design.resolver.json +0 -20
  449. package/data/harnesses/code/skills/design/data/design-tokens/wired/design.tokens.json +0 -1276
  450. package/data/harnesses/code/skills/design/data/design-tokens/wise/design.resolver.json +0 -20
  451. package/data/harnesses/code/skills/design/data/design-tokens/wise/design.tokens.json +0 -1273
  452. package/data/harnesses/code/skills/design/data/design-tokens/x-ai/design.resolver.json +0 -20
  453. package/data/harnesses/code/skills/design/data/design-tokens/x-ai/design.tokens.json +0 -1296
  454. package/data/harnesses/code/skills/design/data/design-tokens/zapier/design.resolver.json +0 -20
  455. package/data/harnesses/code/skills/design/data/design-tokens/zapier/design.tokens.json +0 -1286
  456. package/data/harnesses/code/skills/design/data/operator-pack/exemplars/command-center.tsx +0 -249
  457. package/data/harnesses/code/skills/design/data/operator-pack/exemplars/create-edit.tsx +0 -249
  458. package/data/harnesses/code/skills/design/data/operator-pack/exemplars/dashboard.tsx +0 -225
  459. package/data/harnesses/code/skills/design/data/operator-pack/exemplars/entity-detail.tsx +0 -249
  460. package/data/harnesses/code/skills/design/data/operator-pack/exemplars/list-detail.tsx +0 -224
  461. package/data/harnesses/code/skills/design/data/operator-pack/exemplars/log-stream.tsx +0 -249
  462. package/data/harnesses/code/skills/design/data/operator-pack/fixtures.md +0 -88
  463. package/data/harnesses/code/skills/design/data/operator-pack/surface-catalog.md +0 -132
  464. package/data/harnesses/code/skills/design/data/operator-pack/trust-rubric.md +0 -76
  465. package/data/harnesses/code/skills/design/references/create.md +0 -173
  466. package/data/harnesses/code/skills/design/references/diagnosis.md +0 -108
  467. package/data/harnesses/code/skills/design/references/hard-rules.md +0 -177
  468. package/data/harnesses/code/skills/design/references/improve.md +0 -116
  469. package/data/harnesses/code/skills/design/references/interaction.md +0 -77
  470. package/data/harnesses/code/skills/design/references/introspect.md +0 -100
  471. package/data/harnesses/code/skills/design/references/lifecycle.md +0 -73
  472. package/data/harnesses/code/skills/design/references/personality.md +0 -575
  473. package/data/harnesses/code/skills/design/references/structure.md +0 -159
  474. package/data/harnesses/code/skills/design/scripts/convert-design-md.mjs +0 -1312
  475. package/data/harnesses/code/skills/design/scripts/derive-personality.mjs +0 -1498
  476. package/data/harnesses/code/skills/design/scripts/generate-fixtures.mjs +0 -551
  477. package/data/harnesses/code/skills/design/scripts/lib/checks.mjs +0 -1092
  478. package/data/harnesses/code/skills/design/scripts/lib/golden.mjs +0 -26
  479. package/data/harnesses/code/skills/design/scripts/lib/vocabulary.mjs +0 -65
  480. package/data/harnesses/code/skills/design/scripts/phase-gate.mjs +0 -538
  481. package/data/harnesses/code/skills/design/scripts/preship-sweep.mjs +0 -312
  482. package/data/harnesses/code/skills/design/scripts/render-rung.mjs +0 -890
  483. package/data/harnesses/code/skills/design/scripts/scaffold.mjs +0 -769
  484. package/data/harnesses/code/skills/design/scripts/self-integrity.mjs +0 -675
  485. package/data/harnesses/code/skills/design/scripts/snapshot-goldens.mjs +0 -164
  486. 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.