@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,147 +0,0 @@
1
- ---
2
- schema: design-md/v1
3
- product: Cohere
4
- provenance: library
5
- sourced: 2026-07-04
6
- ---
7
-
8
- # Cohere — an operator reading of the enterprise-AI editorial system
9
-
10
- Cohere's web system is a controlled enterprise-AI interface: stark white editorial canvas, a
11
- monochrome near-black UI shell, warm mineral surfaces, and a type split between carved display
12
- headlines and precise Unica77 UI text. This entry is the *operator* reading of that brand — an
13
- internal tool (agent console, review queue, research dashboard) in Cohere's language. What carries:
14
- the white canvas, near-black actions, one cool blue for interactive detail, hairline-led flatness, the
15
- rounded-but-not-pill radii, and the light-weight, tightly-tracked type voice. What stays behind: the
16
- hero-scale display type (96/72/60px), pill CTAs, coral editorial taxonomy, and the deep-green/navy
17
- media bands where color arrives through photography, not chrome.
18
-
19
- ## 1 Visual Theme
20
-
21
- Light by default; dark is opt-in. Emphatically flat — hierarchy is carried by hairline `border`,
22
- surface alternation, and tight type, never by shadow. The shell is austere black-and-white: a white
23
- canvas, near-black ink, and a single chromatic accent, `accent-foreground` action-blue, reserved for
24
- links, selection, and the one detail that must read as clickable. The primary action wears near-black
25
- `primary`, not a color — a monochrome UI where color arrives through data, not chrome. Warm soft-stone
26
- tints `secondary` so the system reads editorial. Density is `spacious`: whitespace is a trust signal
27
- here, so rows run tall and sections breathe.
28
-
29
- ## 2 Color Roles
30
-
31
- One chromatic accent — action-blue is the only hue that carries interactive meaning; status hues
32
- speak only status.
33
-
34
- | Role | Value | Allowed where |
35
- | --- | --- | --- |
36
- | `background` / `card` / `popover` | canvas white `#ffffff` | page, cards, and overlays — the dominant surface |
37
- | `foreground` | ink `#212121` | all primary text |
38
- | `muted` | soft neutral `#f2f2f2` | hover rows, subtle fills, containment |
39
- | `muted-foreground` | body-muted `#616161` | labels, captions, secondary text |
40
- | `secondary` | soft-stone `#eeece7` | warm neutral blocks, secondary buttons — the mineral surface |
41
- | `border` / `input` | hairline `#d9d9dd` | every list rule, grid line, and field edge |
42
- | `primary` | near-black `#17171c` | the one primary action; active nav — a neutral, not a color |
43
- | `accent` | pale-blue wash `#f1f5ff` | selected/hovered rows and nav |
44
- | `accent-foreground` | action-blue `#1863dc` | links, the single interactive-detail hue |
45
- | `ring` | focus-blue `#4c6ee6` | the keyboard focus outline — the brand's own focus color |
46
- | `destructive` | error red `#b30000` | destructive actions and error state only |
47
- | `success` / `warning` | emerald / burnt-coral | status signalling only, never chrome |
48
-
49
- Coral, deep enterprise green, and dark navy are marketing graces — editorial taxonomy chips and
50
- media bands with no operator chrome role (see §7); deep-green and navy survive only as chart hues.
51
-
52
- ## 3 Typography
53
-
54
- Two families for the UI, one for technical labels. `font-sans` is Unica77 Cohere Web (Inter fallback) —
55
- body, UI, and headings all ride it; size, tracking, and surface contrast carry hierarchy, not heavy
56
- weight. `font-mono` is CohereMono for IDs, codes, timestamps, and the uppercase labels that mark
57
- systems and taxonomy. Numeric columns render `tabular-nums`. The display faces (CohereText hero at
58
- 96/72px) stay behind — an operator surface starts at the UI end of the ramp.
59
-
60
- | Step | Role | Size · line | Weight · tracking |
61
- | --- | --- | --- | --- |
62
- | h1 | page title | 24px / 1.3 | `font-weight-strong` · `heading-tracking` |
63
- | h2 | section head | 20px / 1.35 | `font-weight-strong` · `-0.01em` |
64
- | h3 | card / group head | 16px / 1.4 | `font-weight-strong` |
65
- | body | UI + prose | 15px / 1.5 | `font-weight-normal` |
66
- | small | labels, meta, dense table | 13px / 1.45 | `font-weight-normal` |
67
- | mono-label | uppercase system / category marker | 13px / 1.4 | `font-mono`, `+0.28px`, uppercase |
68
-
69
- Keep display type tight and carved; avoid heavy bold — hierarchy is size, tracking, and contrast.
70
- Bump weight one step for emphasis; never change size to emphasize.
71
-
72
- ## 4 Component Stylings
73
-
74
- Every recurring operator component composes from the primitives — no literal values.
75
-
76
- - **Button** — primary: filled near-black `primary` on `primary-foreground`, `radius`, never a pill (the
77
- 32px pill is marketing-only). Secondary: `secondary` soft-stone fill, `border`. Ghost: `accent` hover.
78
- - **Input** — `background` fill, 1px `border`, `radius`; focus draws the `ring` at full 2px, no glow.
79
- - **Card** — `card` surface, 1px `border`, `radius`; shadow only for a true overlay; inset `density-inset`.
80
- - **Table row** — height `table-row-height` (tall, editorial); `border` grid lines carry the rows;
81
- `muted` on hover; `tabular-nums` on numeric columns; selection tints `accent`.
82
- - **Side panel** — detail and edit open in the panel (`side-panel-width` / `side-panel-width-rich`),
83
- beside the work, not over it.
84
- - **Badge** — hairline `border`, `muted`/status fill, uppercase mono label; status badges take
85
- `success` / `warning` / `destructive`, never `primary` or `accent-foreground`.
86
-
87
- ## 5 Layout
88
-
89
- Base spacing follows an 8px cadence; the on-scale ramp is `2 · 6 · 8 · 12 · 16 · 24 · 32 · 40 · 56 ·
90
- 80` — the 80 preserves Cohere's dramatic section breathing. Shell dimensions map one-to-one to the
91
- layout primitives: sidebar `sidebar-width-expanded` / `sidebar-width-collapsed`, topbar
92
- `topbar-height`, side panel `side-panel-width` / `side-panel-width-rich`, modal cap `modal-width-max`,
93
- forms `form-max-width`, tables full-width. Density is governed globally by `density-tier` (spacious)
94
- and stepped per archetype by the surface catalog.
95
-
96
- ## 6 Depth
97
-
98
- Emphatically flat. Depth comes from surface alternation, hairline borders, and rounded corners — never
99
- drop shadows.
100
-
101
- - **0 — canvas** `background`, no border.
102
- - **1 — panel / card** `card` on a 1px `border`; borders and warm `secondary` blocks carry rank.
103
- - **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
104
- shadow. No level stacks a heavier shadow; rank is border, surface, and position.
105
-
106
- Focus is a 2px `ring` (focus-blue) outline, never a glow, on every interactive element. Three
107
- z-levels: content, sticky chrome, overlay.
108
-
109
- ## 7 Do's & Don'ts
110
-
111
- - **Do** reserve near-black `primary` for the single most important action; keep the shell monochrome.
112
- - **Do** carry the grid with hairlines and surface alternation — the brand is border-led and flat.
113
- - **Do** let action-blue `accent-foreground` be the one chromatic hue for links, selection, and focus.
114
- - **Do** apply `tabular-nums` to numeric columns and `font-mono` to IDs, codes, and uppercase labels.
115
- - **Don't** pill the CTA or reach for a radius outside `radius-scale` — the 32px pill stays in
116
- marketing.
117
- - **Don't** turn coral, deep-green, or navy into decorative surface fills; they are media-band and
118
- editorial-taxonomy colors, not operator chrome.
119
- - **Don't** add heavy drop shadows to cards; reach past a hairline only for a real overlay.
120
- - **Don't** collapse the display/body type split into one flat sans, or promote a second chromatic
121
- accent.
122
-
123
- ## 8 Responsive
124
-
125
- The operator sweep is 375 / 768 / 1024 / 1440.
126
-
127
- | Breakpoint | What changes |
128
- | --- | --- |
129
- | 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; rows keep their rule structure, metadata below the title |
130
- | 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); card grids drop 3→2; tables scroll overflow |
131
- | 1024 | sidebar expands; two-pane queue+detail holds side by side; 3-column grids return |
132
- | 1440 | forms cap at `form-max-width`; tables and dashboards use the full width with generous section intervals |
133
-
134
- ## 9 Agent Prompt Guide
135
-
136
- Directives the emitting agent follows verbatim:
137
-
138
- - Reach first for the monochrome shell: white canvas, near-black `primary` actions, hairline borders.
139
- - One chromatic accent — action-blue `accent-foreground` for links, selection, focus. A second hue as
140
- chrome is wrong; color belongs to data and status.
141
- - Stay flat — hairline and surface alternation before shadow; reach past a hairline only for a real
142
- overlay. Honor the editorial calm: spacious density, tall rows, generous section gaps.
143
- - Uppercase mono labels (`font-mono`) mark categories and systems; every numeric column is
144
- `tabular-nums`; every ID / code / timestamp is `font-mono`. Every workflow completes from the
145
- keyboard, the focus-blue `ring` always visible.
146
- - Leave behind: hero/product display type (96/72/60px), pill CTAs, coral taxonomy chips, and the
147
- deep-green/navy marketing media bands — brand-decorative, not operator chrome.
@@ -1,156 +0,0 @@
1
- ---
2
- schema: design-md/v1
3
- product: Coinbase
4
- provenance: library
5
- sourced: 2026-07-04
6
- ---
7
-
8
- # Coinbase — the operator reading
9
-
10
- The institutional-calm reading of Coinbase's brand — a quietly-confident financial-services look
11
- that happens to trade crypto. Coinbase's own surfaces are marketing-editorial: an 80px hero display,
12
- full-bleed near-black heroes carrying floating product-UI mockup cards, a white/gray/dark band
13
- rotation at a 96px rhythm. This entry keeps what survives at operator scale — the pure-white canvas,
14
- the single scarce Coinbase Blue accent, the cool near-black ink, the rounded geometry, the
15
- editorial-calm type voice — and leaves the heroes, hero display, mockup stacks, and 96px rhythm
16
- behind. Where a fellow exchange (Binance) runs a dense trading terminal, Coinbase reads calmer — its
17
- density lives behind login walls, so the operator tier stays an honest `standard`.
18
-
19
- ## 1 Visual Theme
20
-
21
- Light by default; the near-black editorial heroes are marketing and stay behind. Flat: depth comes from
22
- card-on-card layering and 1px hairlines, never decorative shadow. A single accent — Coinbase Blue
23
- `primary` (`#0052ff`) — is used scarcely, one or two blue moments per surface, on the one action that
24
- matters. Ink is a cool near-black `foreground` (`#0a0b0d`) on a pure-white `background` (`#ffffff`); the
25
- neutral field is a cool gray ladder (`#f7f7f7` → `#eef0f3`) that reads institutional, not flatly warm.
26
- The geometry is rounded — soft corners throughout, sharp corners essentially absent. Density is
27
- `standard` and editorially calm; the anchor surface is a white canvas beside a faintly cool `sidebar`.
28
-
29
- ## 2 Color Roles
30
-
31
- Light values. One accent: `primary` is the only chromatic hue that carries brand meaning; the
32
- trading up/down hues and sub-brand gold speak status only.
33
-
34
- | Role | Value | Allowed where |
35
- | --- | --- | --- |
36
- | `background` / `card` / `popover` | pure white `#ffffff` | page, cards, and overlays — the dominant surface, differentiated by hairline not brightness |
37
- | `foreground` | cool near-black `#0a0b0d` | all primary ink and headings |
38
- | `muted` | soft gray `#f7f7f7` | hover rows, subtle fills, quiet alternating bands |
39
- | `secondary` | strong gray `#eef0f3` | secondary button fill, one step darker than canvas |
40
- | `muted-foreground` | cool gray `#5b616e` | labels, captions, secondary running text |
41
- | `border` / `input` | hairline `#dee1e6` | every separator, grid line, and field edge — the highest-frequency token |
42
- | `primary` | Coinbase Blue `#0052ff` (press `#003ecc`, disabled `#a8b8cc`) | the one primary action; active nav; the inline brand link — used scarcely |
43
- | `accent` | blue wash `#e6eeff` | selected/hovered rows and nav — a light wash of `primary`, on-accent surfaces only |
44
- | `ring` | `primary` blue | the focus outline — inputs focus to a 2px Coinbase Blue edge |
45
- | `destructive` | trading-down red `#cf202f` | destructive actions, error state, and down-moves |
46
- | `success` | trading-up green `#05b169` | success status and up-moves |
47
- | `warning` | gold `#f4b000` | caution status only — never a chrome fill |
48
-
49
- The `#0a0b0d` near-black is ink here, not a page surface — the full-bleed dark heroes it powers stay
50
- behind (§9). Blue stays scarce; the up/down hues live only in figures and status.
51
-
52
- ## 3 Typography
53
-
54
- One sans, one mono. `font-sans` is Inter — the corpus-named substitute for both CoinbaseDisplay and
55
- CoinbaseSans; the single sans serves UI, body, headings, and labels, with heading weight and the
56
- editorial negative tracking carrying the display voice. `font-mono` is JetBrains Mono (substitute for
57
- CoinbaseMono) — the "trustworthy number" voice for asset prices, percent changes, IDs, and timestamps.
58
- Numeric columns render `tabular-nums` so figures align down a column.
59
-
60
- | Step | Role | Size · line | Weight · tracking |
61
- | --- | --- | --- | --- |
62
- | h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
63
- | h2 | section head | 18px / 1.33 | `font-weight-strong` · `heading-tracking` |
64
- | h3 | card / group head | 16px / 1.25 | `font-weight-strong` |
65
- | body | UI + prose | 14px / 1.5 | `font-weight-normal` |
66
- | small | labels, meta, dense table | 13px / 1.5 | `font-weight-normal` |
67
- | caption | uppercase eyebrow | 12px / 1.5 | `font-weight-strong`, uppercase |
68
- | number | table figures, prices | 14px / 1.4 · 500 | `font-mono`, `tabular-nums` |
69
-
70
- The corpus's editorial signature — a modest display weight (400) with strong negative tracking — lives
71
- on the 80/64/52px hero display, which stays behind. At operator heading scale, weight steps to
72
- `font-weight-strong` (600) while the negative tracking carries.
73
-
74
- ## 4 Component Stylings
75
-
76
- Every recurring operator component composes from the primitives — no literal values.
77
-
78
- - **Button** — `primary`: filled Coinbase Blue on `primary-foreground`, `radius` (8px), no hero pill;
79
- press darkens to the active blue, disabled fades. Secondary: `secondary` gray fill, `foreground`.
80
- Tertiary: transparent text in `primary`.
81
- - **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus draws the `ring` at a
82
- 2px Coinbase Blue edge, no glow.
83
- - **Card** — `card` surface on a 1px `border`; card radius steps one or two up from control radius (the
84
- corpus's containers are notably round); shadow only when a card must lift off the canvas.
85
- - **Table / asset row** — height `table-row-height`; `border` grid lines; `muted` on hover; selection
86
- tints `accent`; price/amount cells take `font-mono` + `tabular-nums`; direction cells take `success`
87
- (up) / `destructive` (down) as text color, never a fill.
88
- - **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich`),
89
- beside the work, not over it.
90
- - **Badge / avatar** — pill/full radius (the round brand nod): badges take hairline `border`, `muted` /
91
- status fill, uppercase caption (`success` / `warning` / `destructive`, never `primary`); asset glyphs
92
- sit on a full-circle `muted` plate — the one place full-round geometry carries.
93
-
94
- ## 5 Layout
95
-
96
- Base spacing unit 4px; the on-scale ramp is `4 · 8 · 12 · 16 · 20 · 24 · 32 · 48` (the marketing 96px
97
- section rhythm stays behind). Shell dimensions map one-to-one to the layout primitives: topbar
98
- `topbar-height` (64px, Coinbase's native top-nav height), sidebar `sidebar-width-expanded` /
99
- `sidebar-width-collapsed`, side panel `side-panel-width` / `side-panel-width-rich`, modal cap
100
- `modal-width-max`, forms `form-max-width`, tables full-width. Density is governed globally by
101
- `density-tier` and stepped per archetype by the surface catalog — never by absolute overrides; the
102
- layout breathes a hair more than a dense console, editorial calm carried through spacing.
103
-
104
- ## 6 Depth
105
-
106
- Flat, layering-first. Hierarchy comes from the surface ladder and hairlines, not shadow:
107
-
108
- - **0 — canvas** `background` (`#ffffff`), no border.
109
- - **1 — panel / card** `card` on a 1px `border`; the corpus builds depth by floating one card over
110
- another, so rank reads by hairline and position, not brightness. Shadow only when a card must lift.
111
- - **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns the single
112
- soft shadow tier (`sm`); no level stacks a heavier shadow to signal rank.
113
-
114
- Focus is a 2px `ring` (Coinbase Blue) outline, never a glow, on every interactive element; three
115
- z-levels: content, sticky chrome, overlay.
116
-
117
- ## 7 Do's & Don'ts
118
-
119
- - **Do** reserve `primary` (Coinbase Blue) for the single most important action, active nav, and inline
120
- brand links — one or two blue moments per surface. Its scarcity is the brand.
121
- - **Do** keep the geometry rounded — 8px controls, rounder cards, pill badges, full-circle glyphs — and
122
- build depth by layering cards over hairlines, the way the marketing surfaces float mockups.
123
- - **Do** carry every figure in `font-mono` with `tabular-nums`; direction rides `success` /
124
- `destructive` as text color.
125
- - **Don't** introduce a second brand accent — the trading up/down hues and the sub-brand gold are
126
- status/chart roles; and never use green or red as a button or surface fill (direction is text only).
127
- - **Don't** pill dense operator buttons — the hero pill CTA stays behind; buttons take 8px `radius`,
128
- pill radius is for badges and chips.
129
- - **Don't** signal elevation with heavy or stacked drop shadows — the system has one soft tier.
130
-
131
- ## 8 Responsive
132
-
133
- The operator sweep is 375 / 768 / 1024 / 1440.
134
-
135
- | Breakpoint | What changes |
136
- | --- | --- |
137
- | 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; asset rows stack ticker over price |
138
- | 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
139
- | 1024 | sidebar expands; two-pane queue+detail holds side by side |
140
- | 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
141
-
142
- ## 9 Agent Prompt Guide
143
-
144
- Directives the emitting agent follows verbatim:
145
-
146
- - Anchor on the pure-white canvas; accent only the primary action in Coinbase Blue. If two things want
147
- the blue, one is not primary — keep it to one or two moments per surface.
148
- - Keep the geometry rounded and calm: 8px controls, 16–24px cards, pill badges, full-circle glyphs.
149
- Never sharp-corner a control.
150
- - Every numeric column is `tabular-nums` and every price / ID / timestamp is `font-mono`; direction and
151
- status ride `success` / `destructive` as text color, never a fill.
152
- - Stay flat — layer cards over hairlines before any shadow; reach past the single soft tier only for a
153
- true overlay. Emphasise by weight, not size; carry the negative `heading-tracking` on headings.
154
- - Leave the marketing skin behind (heroes, 80px display, mockup stacks, band rotation, 96px rhythm,
155
- hero pill CTA). What carries: the palette, its cool temperature, the single scarce blue, the rounded
156
- geometry, the tabular number voice, and card-on-card flat depth.
@@ -1,138 +0,0 @@
1
- ---
2
- schema: design-md/v1
3
- product: Composio
4
- provenance: library
5
- sourced: 2026-07-04
6
- ---
7
-
8
- # Composio — dark developer-infrastructure operator design
9
-
10
- An operator reading of Composio, a developer-tools brand for AI-agent tool integration. Composio is
11
- **categorically dark** — a near-black canvas holding white type and a single electric-blue voltage —
12
- so this entry keeps dark as the default theme (the categorically-dark override of the general
13
- light-default). Carrying in: the palette, the cool near-black temperature, the compact
14
- developer-ergonomic radii, the single sans voice. Staying behind: the marketing signature — the 2×2
15
- terminal-mockup hero, the spotlight glows, the 72px display, the 96px section rhythm.
16
-
17
- ## 1 Visual Theme
18
-
19
- Dark by default — a light inversion is the opt-in, not the base. Flat: hierarchy comes from a
20
- brightness-step surface ladder (`background` → `card` → `secondary`/`accent`), hairline `border`, and
21
- type weight, never from drop shadow. A single accent, Composio Blue `primary` (`#0007cd`), reserved
22
- for the one action that matters — primary CTA, active nav, key interactive detail. The neutral ramp is
23
- a true cool near-black: canvas `#0f0f0f`, cards `#181818`, elevated fills `#222222`. The anchor surface
24
- is a near-black content canvas beside a same-tone `sidebar` that the hairline `border` delineates.
25
- Density is `standard` — technical but not cramped, inheriting the marketing's composure over terminal-cramming.
26
-
27
- ## 2 Color Roles
28
-
29
- Dark values are the default theme. `primary` is the only chromatic hue that carries meaning; cyan
30
- and violet are illustration-only and take no operator role; status hues speak only status.
31
-
32
- | Role | Value | Allowed where |
33
- | --- | --- | --- |
34
- | `background` | `#0f0f0f` | the page floor — near-black canvas, the dominant surface |
35
- | `card` / `popover` | `#181818` / `#2a2a2a` | content cards; overlays and dropdowns lift to the top surface |
36
- | `foreground` | `#ffffff` | primary ink — table values, headings, high-emphasis text |
37
- | `muted` / `secondary` | `#222222` | subtle fills, secondary buttons, disabled surfaces |
38
- | `muted-foreground` | `#a8a8a8` | labels, captions, running secondary text |
39
- | `border` / `input` | `#222222` / `#333333` | every separator and grid line; fields take the stronger hairline edge |
40
- | `primary` | `#0007cd` | the one primary action; active nav; brand detail |
41
- | `accent` | `#2a2a2a` | hover and selected rows — a neutral lift, never a second hue |
42
- | `ring` | `#1a26ff` | the focus outline — the brighter blue glow tone, legible on near-black |
43
- | `destructive` | `#ff4d4d` | destructive actions and error state only |
44
- | `success` / `warning` | `#33d17a` / `#f5a524` | status signalling only, never chrome |
45
-
46
- Pure black `#000000` is reserved for code, terminal, and log surfaces — never as general chrome (see §7).
47
-
48
- ## 3 Typography
49
-
50
- One sans, one mono. `font-sans` is abcDiatype (the licensed brand face) with Inter as the open
51
- substitute at weight 500 / -1.5% tracking — UI, body, and headings all ride it; weight and tight
52
- tracking, not a second family, carry the display voice. `font-mono` is JetBrains Mono for code, CLI,
53
- IDs, and log lines. Numeric columns render `tabular-nums` so figures align down a column.
54
-
55
- | Step | Role | Size · line | Weight · tracking |
56
- | --- | --- | --- | --- |
57
- | h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
58
- | h2 | section head | 18px / 1.4 | `font-weight-strong` · `heading-tracking` |
59
- | h3 | card / group head | 16px / 1.4 | `font-weight-strong` · `heading-tracking` |
60
- | body | UI + prose | 16px / 1.5 | `font-weight-normal` |
61
- | small | labels, meta, dense table | 14px / 1.5 | `font-weight-normal` |
62
- | caption | uppercase eyebrow | 11px / 1.4 | `font-weight-strong`, `+0.08em`, uppercase |
63
- | code | IDs, CLI, log lines | 13px / 1.5 | `font-mono` · 400 |
64
-
65
- Bump weight for emphasis, never size; display weight never drops below 500.
66
-
67
- ## 4 Component Stylings
68
-
69
- - **Button** — `primary`: filled `primary` on `primary-foreground`, `radius` (8px), no pill. Secondary:
70
- `secondary` fill, `foreground`, `radius`. Ghost: transparent, `accent` on hover.
71
- - **Input** — `card` fill, 1px `input` border (`border-weight`), `radius`; focus draws the `ring` at
72
- full 2px, no glow.
73
- - **Card** — `card` surface stepped one brightness rung above `background`, 1px `border`, `radius`;
74
- depth from the surface step, not shadow.
75
- - **Table row** — height `table-row-height`; `border` grid lines; `accent` on hover and selection;
76
- `tabular-nums` on numeric columns; IDs in `font-mono`.
77
- - **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich`
78
- for content-heavy), beside the work, not over it.
79
- - **Badge** — hairline `border`, `muted`/status fill, uppercase caption; status badges take
80
- `success` / `warning` / `destructive`, never `primary`. Pill radius is legal for small label badges only.
81
-
82
- ## 5 Layout
83
-
84
- Base spacing unit 4px; the on-scale ramp is `4 · 8 · 12 · 16 · 20 · 24 · 32 · 48 · 96`. Shell
85
- dimensions map one-to-one to the layout primitives: sidebar `sidebar-width-expanded` /
86
- `sidebar-width-collapsed`, topbar `topbar-height`, side panel `side-panel-width` /
87
- `side-panel-width-rich`, modal cap `modal-width-max`, forms `form-max-width`, tables full-width.
88
- Density is governed globally by `density-tier` through `density-gap` and stepped per archetype by the
89
- surface catalog — never by absolute overrides.
90
-
91
- ## 6 Depth
92
-
93
- Flat, brightness-step depth — the brand's signature. Rank rises by surface brightness, not shadow:
94
-
95
- - **0 — canvas** `background` (`#0f0f0f`), no border.
96
- - **1 — panel / card** `card` (`#181818`) one rung up, on a 1px `border`.
97
- - **2 — overlay** `popover` / side panel / modal (`#2a2a2a`), the top rung; `shadow-intensity` stays
98
- near-absent even here — the brightness step carries the lift.
99
-
100
- Code, terminal, and log surfaces recess to pure `#000000`. Focus is a 2px `ring` outline in the
101
- `primary-glow` blue (never a glow), on every interactive element. Three z-levels: content, chrome, overlay.
102
-
103
- ## 7 Do's & Don'ts
104
-
105
- - **Do** reserve `primary` (Composio Blue) for the single most important action on a surface;
106
- everything else is neutral or status.
107
- - **Do** carry depth with the brightness-step ladder and hairlines — the brand adds no drop-shadow tiers.
108
- - **Do** render code, CLI, IDs, and timestamps in `font-mono`; apply `tabular-nums` to numeric columns.
109
- - **Do** keep CTAs at `radius` (8px) — compact developer-ergonomic geometry, not full pills.
110
- - **Don't** promote a second chromatic accent — cyan (`#00d4ff`) and violet (`#7b3aed`) are
111
- illustration-only; pill the primary CTA; or reach for a radius outside `radius-scale`.
112
- - **Don't** use pure `#000000` outside code/terminal/log surfaces, signal elevation with heavy drop
113
- shadows, or drop display weight below 500.
114
-
115
- ## 8 Responsive
116
-
117
- The operator sweep is 375 / 768 / 1024 / 1440.
118
-
119
- | Breakpoint | What changes |
120
- | --- | --- |
121
- | 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
122
- | 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); top nav → hamburger; tables scroll overflow |
123
- | 1024 | sidebar expands; two-pane queue+detail holds side by side |
124
- | 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
125
-
126
- ## 9 Agent Prompt Guide
127
-
128
- Directives the emitting agent follows verbatim:
129
-
130
- - Run dark by default — this brand is categorically dark; the light map is the opt-in, not the base.
131
- - Lead every list surface with its table; lead every entity with its primary read, not its chrome.
132
- - Accent only the primary action with Composio Blue. If two things want the accent, one is not primary.
133
- - Depth is a brightness step, never a shadow — step surfaces up from `background` to `card` to overlay.
134
- - Code, CLI, IDs, and log lines are `font-mono`; numeric columns are `tabular-nums`; code surfaces
135
- recess to `#000000`.
136
- - Detail and edit go in the side panel; a modal is a confirmation, not a workspace.
137
- - Leave the marketing behind — no terminal-mockup hero, no spotlight glows, no 72px display, no 96px
138
- band rhythm. The palette, near-black temperature, 8px radii, and single sans voice carry; the show does not.
@@ -1,138 +0,0 @@
1
- ---
2
- schema: design-md/v1
3
- product: Cursor
4
- provenance: library
5
- sourced: 2026-07-04
6
- ---
7
-
8
- # Cursor — the warm-cream editorial dev-tool operator design
9
-
10
- Cursor's marketing site is a quietly-confident developer brand that chose editorial calm over
11
- IDE-darkness: a warm cream canvas, warm near-black ink carrying body and display alike, a single orange
12
- voltage, and JetBrains Mono across the roughly-half of the page that is code. This entry is the
13
- *operator* reading of that brand — an internal tool (agent-ops console, run queue, cluster dashboard,
14
- log stream) in Cursor's language. What carries: the warm cream canvas (never pure white), warm ink, the
15
- single Cursor Orange accent held scarce, the editorial magazine voice (display at 400 with negative
16
- tracking, never bold), JetBrains Mono on every code surface, hairline-only flat depth, and the 8px
17
- developer-dialect button radius. What stays behind: the 72px hero display, the full-width IDE mockup,
18
- the 80px section rhythm, the ink-inverted featured card, and the marketing CTA bands.
19
-
20
- **Warm, but light.** The cream canvas (`#f7f7f4`) is deliberate warmth, not the cool gray-white the
21
- category defaults to — but it reads *light*, so the light-default floor holds cleanly (no
22
- categorically-dark exception); warmth is temperature, not polarity.
23
-
24
- ## 1 Visual Theme
25
-
26
- Light by default; dark is opt-in. The whole UI floats on Cursor's warm cream `background` (`#f7f7f4`);
27
- cards step up to pure white `card` (`#ffffff`), so a panel reads by a hair of brightness plus its
28
- hairline, not by shadow. Emphatically flat: hierarchy is carried by warm hairline `border`, type
29
- weight, and the cream-to-white surface step — never a drop shadow. A single accent, Cursor Orange
30
- `primary` (`#f54e00`), is held scarce — the one primary action, the active-nav indicator, the focus
31
- `ring`. Ink is a warm near-black `foreground` (`#26251e`) — warm where every other tool is cool.
32
- Density is `standard`; editorial pacing survives as slightly generous shell dimensions, not loose grids.
33
-
34
- ## 2 Color Roles
35
-
36
- Light values. One accent — `primary` is the only chromatic hue that carries UI meaning; the timeline
37
- pastels live only in charts and agent-stage chips (see §7), status hues speak only status.
38
-
39
- | Role | Value | Allowed where |
40
- | --- | --- | --- |
41
- | `background` | warm cream `#f7f7f4` | the page floor and content canvas — the dominant surface |
42
- | `card` / `popover` | pure white `#ffffff` | cards and overlays — a slight bright lift off the cream, differentiated by hairline |
43
- | `foreground` | warm near-black `#26251e` | display and all primary ink |
44
- | `muted` / `secondary` | soft warm fill `#efeee8` | hover rows, quiet band tints, secondary-button fill |
45
- | `muted-foreground` | warm gray `#807d72` | labels, captions, secondary text |
46
- | `border` / `input` | warm hairline `#e6e5e0` | every separator, grid line, and field edge — one warm step, not an ink line |
47
- | `primary` | Cursor Orange `#f54e00` | the one primary action; the focus `ring`; the active-nav indicator |
48
- | `primary-foreground` | white `#ffffff` | text on the orange action |
49
- | `accent` | warm selection lift `#eae8e0` | selected / hovered rows and nav — a neutral warm step, never orange |
50
- | `ring` | `primary` orange | the focus outline — unmistakable, because keyboard-first |
51
- | `destructive` | warm rose-red `#cf2d56` | destructive actions and error state only |
52
- | `success` / `warning` | green `#1f8a65` / warm gold `#c08532` | status signalling only, never chrome |
53
-
54
- ## 3 Typography
55
-
56
- `font-sans` is CursorGothic (the licensed brand face), with Inter the corpus's documented open-source
57
- substitute — one sans carries body, UI, labels, and headings. `font-mono` is JetBrains Mono for IDs,
58
- codes, timestamps, log lines, and every code surface (roughly half of Cursor's own chrome); numeric
59
- columns render `tabular-nums`. The defining typographic trait is the **editorial voice**: page titles
60
- wear weight 400 with negative tracking — a magazine feel, never bold — while smaller component heads
61
- step up to the strong 600. The hero-scale 72px display stays behind; an operator surface tops out at a
62
- 24px page title.
63
-
64
- | Step | Role | Size · line | Weight · tracking |
65
- | --- | --- | --- | --- |
66
- | h1 | page title | 24px / 1.2 | `font-weight-normal` (400) · `heading-tracking` |
67
- | h2 | section head | 20px / 1.3 | `font-weight-normal` (400) · `heading-tracking` |
68
- | h3 | card / group head | 15px / 1.4 | `font-weight-strong` (600) · 0 |
69
- | body | UI + prose | 14px / 1.5 | `font-weight-normal` |
70
- | small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
71
- | caption | uppercase eyebrow | 12px / 1.4 | `font-weight-strong`, `+0.08em`, uppercase |
72
- | code | IDs, logs, amounts | mono 13px / 1.5 | `font-weight-normal` |
73
-
74
- Keep page titles at 400 with negative tracking — the magazine voice depends on it; emphasise by size, never by bolding the display.
75
-
76
- ## 4 Component Stylings
77
-
78
- Every recurring operator component composes from the primitives — no literal values.
79
-
80
- - **Button** — primary: filled orange `primary` on white `primary-foreground`, `radius` (8px), never a pill. Secondary: white `card` fill, 1px `border`, `foreground`. Ghost: transparent, `accent` on hover.
81
- - **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus draws the orange `ring` at full 2px, no glow.
82
- - **Card** — white `card` surface on a 1px `border` — the bright step off the cream carries the lift; 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 warms to `accent`.
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 (badges only), `muted`/status fill, uppercase caption; status badges take `success` / `warning` / `destructive`, never `primary`.
86
-
87
- ## 5 Layout
88
-
89
- Base spacing unit 4px; the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64` — the marketing
90
- 80px section rhythm stays behind. Shell dimensions map one-to-one to the layout primitives: sidebar
91
- `sidebar-width-expanded` (256px) / `sidebar-width-collapsed` (56px), topbar `topbar-height` (64px, the
92
- brand's nav height), side panel `side-panel-width` (440px) / `side-panel-width-rich` (640px), modal cap
93
- `modal-width-max`, forms `form-max-width`, tables full-width. The dimensions run a hair generous —
94
- editorial breathing carried through the shell, not loose grids. Density is governed globally by
95
- `density-tier` and stepped per archetype by the surface catalog — never by absolute overrides.
96
-
97
- ## 6 Depth
98
-
99
- Flat and hairline-only. Depth comes from the cream-to-white surface step and warm hairlines, not shadow:
100
-
101
- - **0 — canvas** `background` (`#f7f7f4`), no border.
102
- - **1 — panel / card** white `card` (`#ffffff`) on a 1px `border`; the bright step off the cream plus the hairline carries the lift. Selected / hover rows warm to `accent` (`#eae8e0`).
103
- - **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns the faintest soft lift, enough to float an overlay above the cream. Rank is surface, border, and position — never a heavier shadow.
104
-
105
- Focus is a 2px orange `ring` outline (never a glow), visible on every interactive element; three z-levels: content, sticky chrome, overlay.
106
-
107
- ## 7 Do's & Don'ts
108
-
109
- - **Do** anchor every surface on the warm cream canvas — pure white as the page floor reads as any-other-tool; the tint is Cursor.
110
- - **Do** reserve orange `primary` for the single primary action, the focus `ring`, and the active-nav indicator — its scarcity at element scale is what makes it read as voltage.
111
- - **Do** keep page titles at weight 400 with negative tracking, and render every code, log, and terminal surface in `font-mono` (JetBrains Mono) with `tabular-nums` on numeric columns.
112
- - **Don't** introduce a second brand action color — Cursor Orange is the only one.
113
- - **Don't** drop the timeline pastels onto semantic status or general chrome — they are scoped to charts and agent-stage chips, and status stays `success` / `warning` / `destructive`.
114
- - **Don't** pill the primary CTA or reach for a radius outside `radius-scale` — the button/input radius is 8px; pill is badges only.
115
- - **Don't** signal elevation with drop shadows — warm hairlines and the cream-to-white step carry depth.
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 | forms cap at `form-max-width`; tables and dashboards use the full width; breathing widens |
127
-
128
- ## 9 Agent Prompt Guide
129
-
130
- Directives the emitting agent follows verbatim:
131
-
132
- - Reach for the warm cream canvas first — never pure white for the page floor; the tint is Cursor. Cards are the white bright step above it.
133
- - Spend 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
- - Page titles wear weight 400 with negative tracking — the editorial voice; component heads and labels earn the strong 600. Never bold the display.
135
- - Render code, log, and terminal panels in `font-mono` (JetBrains Mono) — show real chrome, not a light mockup of it. Every numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono`.
136
- - The timeline pastel palette (peach / mint / blue / lavender / gold) is the brand's one sanctioned multi-hue set — use it for chart series and agent-stage chips (Thinking / Reading / Editing / Done), never for semantic status or general chrome.
137
- - Depth is the cream-to-white step and warm hairlines, never shadow; reach for the faint overlay lift only for a true modal or popover. Detail and edit go in the side panel beside the work, never a modal.
138
- - Keyboard-first: the orange `ring` focus outline is always visible. Leave behind the 72px hero display, the full-width IDE mockup, the 80px section rhythm, and the marketing CTA bands.