@nurix/etna 0.19.50 → 0.19.52

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 (434) hide show
  1. package/data/harness-index.json +1 -1
  2. package/data/harnesses/apollo/harness.json +2 -2
  3. package/data/harnesses/apollo/skills/design/SKILL.md +55 -29
  4. package/data/harnesses/apollo/skills/design/references/compose.md +8 -4
  5. package/data/harnesses/apollo/skills/design/references/content.md +5 -5
  6. package/data/harnesses/apollo/skills/design/references/existing-apps.md +1 -1
  7. package/data/harnesses/apollo/skills/design/references/intake.md +11 -7
  8. package/data/harnesses/apollo/skills/design/references/object-pass.md +1 -1
  9. package/data/harnesses/apollo/skills/design/references/ship-gate.md +3 -3
  10. package/data/harnesses/apollo/skills/design/scripts/select-chart.mjs +26 -6
  11. package/data/harnesses/code/harness.json +2 -2
  12. package/data/harnesses/code/skills/design/SKILL.md +55 -29
  13. package/data/harnesses/code/skills/design/references/compose.md +8 -4
  14. package/data/harnesses/code/skills/design/references/content.md +5 -5
  15. package/data/harnesses/code/skills/design/references/existing-apps.md +1 -1
  16. package/data/harnesses/code/skills/design/references/intake.md +11 -7
  17. package/data/harnesses/code/skills/design/references/object-pass.md +1 -1
  18. package/data/harnesses/code/skills/design/references/ship-gate.md +3 -3
  19. package/data/harnesses/code/skills/design/scripts/select-chart.mjs +26 -6
  20. package/package.json +2 -2
  21. package/data/harnesses/apollo/skills/design/data/blueprints/browse.md +0 -38
  22. package/data/harnesses/apollo/skills/design/data/blueprints/creation-flow.md +0 -38
  23. package/data/harnesses/apollo/skills/design/data/blueprints/dashboard.md +0 -38
  24. package/data/harnesses/apollo/skills/design/data/blueprints/grid.md +0 -38
  25. package/data/harnesses/apollo/skills/design/data/blueprints/queue.md +0 -38
  26. package/data/harnesses/apollo/skills/design/data/blueprints/record-detail.md +0 -38
  27. package/data/harnesses/apollo/skills/design/data/blueprints/settings.md +0 -38
  28. package/data/harnesses/apollo/skills/design/data/chart-styling/Readme.md +0 -33
  29. package/data/harnesses/apollo/skills/design/data/chart-styling/carbon-accessible-alert-semantic.md +0 -19
  30. package/data/harnesses/apollo/skills/design/data/chart-styling/carbon-monochrome-sequential-trend.md +0 -19
  31. package/data/harnesses/apollo/skills/design/data/chart-styling/datadog-classic-six-aligned.md +0 -19
  32. package/data/harnesses/apollo/skills/design/data/chart-styling/datawrapper-tiered-gray-hierarchy.md +0 -19
  33. package/data/harnesses/apollo/skills/design/data/chart-styling/econ-red-rule-horizontal.md +0 -19
  34. package/data/harnesses/apollo/skills/design/data/chart-styling/financial-diverging-threshold-overlay.md +0 -19
  35. package/data/harnesses/apollo/skills/design/data/chart-styling/ft-vocabulary-ranked-muted.md +0 -19
  36. package/data/harnesses/apollo/skills/design/data/chart-styling/grafana-dark-threshold-bands.md +0 -19
  37. package/data/harnesses/apollo/skills/design/data/chart-styling/material-rounded-explicit-label.md +0 -19
  38. package/data/harnesses/apollo/skills/design/data/chart-styling/nyt-ghost-grid-direct-label.md +0 -19
  39. package/data/harnesses/apollo/skills/design/data/chart-styling/plot-currentcolor-inherit.md +0 -19
  40. package/data/harnesses/apollo/skills/design/data/chart-styling/saas-gradient-glow-area.md +0 -19
  41. package/data/harnesses/apollo/skills/design/data/chart-styling/shadcn-composable-css-vars.md +0 -19
  42. package/data/harnesses/apollo/skills/design/data/charts/census.csv +0 -58
  43. package/data/harnesses/apollo/skills/design/data/checklists/browse.md +0 -21
  44. package/data/harnesses/apollo/skills/design/data/checklists/creation-flow.md +0 -20
  45. package/data/harnesses/apollo/skills/design/data/checklists/dashboard.md +0 -21
  46. package/data/harnesses/apollo/skills/design/data/checklists/grid.md +0 -21
  47. package/data/harnesses/apollo/skills/design/data/checklists/queue.md +0 -21
  48. package/data/harnesses/apollo/skills/design/data/checklists/record-detail.md +0 -21
  49. package/data/harnesses/apollo/skills/design/data/checklists/settings.md +0 -21
  50. package/data/harnesses/apollo/skills/design/data/chrome/board-column.md +0 -68
  51. package/data/harnesses/apollo/skills/design/data/chrome/data-table.md +0 -63
  52. package/data/harnesses/apollo/skills/design/data/chrome/side-panel.md +0 -60
  53. package/data/harnesses/apollo/skills/design/data/chrome/sidebar.md +0 -78
  54. package/data/harnesses/apollo/skills/design/data/chrome/stat-cards.md +0 -62
  55. package/data/harnesses/apollo/skills/design/data/chrome/topbar.md +0 -65
  56. package/data/harnesses/apollo/skills/design/data/color/accent-presets.md +0 -90
  57. package/data/harnesses/apollo/skills/design/data/color/aesop-earth-mute.md +0 -91
  58. package/data/harnesses/apollo/skills/design/data/color/arc-peach-play.md +0 -90
  59. package/data/harnesses/apollo/skills/design/data/color/attio-hunter-teal.md +0 -90
  60. package/data/harnesses/apollo/skills/design/data/color/carbon-cyan-signal.md +0 -90
  61. package/data/harnesses/apollo/skills/design/data/color/clay-parchment.md +0 -90
  62. package/data/harnesses/apollo/skills/design/data/color/duolingo-feather.md +0 -90
  63. package/data/harnesses/apollo/skills/design/data/color/geist-mono-signal.md +0 -90
  64. package/data/harnesses/apollo/skills/design/data/color/linear-graphite-violet.md +0 -90
  65. package/data/harnesses/apollo/skills/design/data/color/mercury-onyx-cobalt.md +0 -90
  66. package/data/harnesses/apollo/skills/design/data/color/notion-paper-ink.md +0 -90
  67. package/data/harnesses/apollo/skills/design/data/color/radix-slate-iris.md +0 -90
  68. package/data/harnesses/apollo/skills/design/data/color/raycast-void-spectrum.md +0 -90
  69. package/data/harnesses/apollo/skills/design/data/color/spectrum-celery-fuchsia.md +0 -90
  70. package/data/harnesses/apollo/skills/design/data/color/stripe-blurple-ruby.md +0 -90
  71. package/data/harnesses/apollo/skills/design/data/color/superhuman-cod-picton.md +0 -89
  72. package/data/harnesses/apollo/skills/design/data/corpora/operations-review/companies.csv +0 -15
  73. package/data/harnesses/apollo/skills/design/data/corpora/operations-review/corpus.md +0 -87
  74. package/data/harnesses/apollo/skills/design/data/corpora/operations-review/people.csv +0 -25
  75. package/data/harnesses/apollo/skills/design/data/corpora/procurement-approvals/companies.csv +0 -15
  76. package/data/harnesses/apollo/skills/design/data/corpora/procurement-approvals/corpus.md +0 -83
  77. package/data/harnesses/apollo/skills/design/data/corpora/procurement-approvals/people.csv +0 -25
  78. package/data/harnesses/apollo/skills/design/data/corpora/revenue-analytics/companies.csv +0 -15
  79. package/data/harnesses/apollo/skills/design/data/corpora/revenue-analytics/corpus.md +0 -89
  80. package/data/harnesses/apollo/skills/design/data/corpora/revenue-analytics/people.csv +0 -25
  81. package/data/harnesses/apollo/skills/design/data/elevation/ant-design-directional-shadow.md +0 -19
  82. package/data/harnesses/apollo/skills/design/data/elevation/apple-liquid-glass-material.md +0 -18
  83. package/data/harnesses/apollo/skills/design/data/elevation/atlassian-surface-shadow-pairing.md +0 -20
  84. package/data/harnesses/apollo/skills/design/data/elevation/fluent-2-key-ambient-ramp.md +0 -20
  85. package/data/harnesses/apollo/skills/design/data/elevation/github-primer-sparing-shadow.md +0 -19
  86. package/data/harnesses/apollo/skills/design/data/elevation/ibm-carbon-layer-and-border.md +0 -19
  87. package/data/harnesses/apollo/skills/design/data/elevation/linear-dark-surface-ladder.md +0 -17
  88. package/data/harnesses/apollo/skills/design/data/elevation/material-2-key-ambient-dp-ramp.md +0 -19
  89. package/data/harnesses/apollo/skills/design/data/elevation/material-3-tonal-elevation.md +0 -21
  90. package/data/harnesses/apollo/skills/design/data/elevation/neobrutalist-hard-offset.md +0 -19
  91. package/data/harnesses/apollo/skills/design/data/elevation/neumorphic-soft-dual-shadow.md +0 -18
  92. package/data/harnesses/apollo/skills/design/data/elevation/notion-warm-minimal-hairline.md +0 -17
  93. package/data/harnesses/apollo/skills/design/data/elevation/polaris-elevation-inset-bevel.md +0 -21
  94. package/data/harnesses/apollo/skills/design/data/elevation/radix-themes-alpha-ring-scale.md +0 -19
  95. package/data/harnesses/apollo/skills/design/data/elevation/shadcn-neutral-derived-radius.md +0 -19
  96. package/data/harnesses/apollo/skills/design/data/elevation/stripe-brand-tinted-dual-shadow.md +0 -18
  97. package/data/harnesses/apollo/skills/design/data/elevation/tailwind-default-utility-scale.md +0 -19
  98. package/data/harnesses/apollo/skills/design/data/elevation/vercel-geist-shadow-as-border.md +0 -20
  99. package/data/harnesses/apollo/skills/design/data/gradients/amber-attention-fill.md +0 -16
  100. package/data/harnesses/apollo/skills/design/data/gradients/cloud-shadow-wash.md +0 -16
  101. package/data/harnesses/apollo/skills/design/data/gradients/confident-lavender-wash.md +0 -16
  102. package/data/harnesses/apollo/skills/design/data/gradients/ember-ship-flare.md +0 -18
  103. package/data/harnesses/apollo/skills/design/data/gradients/full-metal-wash.md +0 -16
  104. package/data/harnesses/apollo/skills/design/data/gradients/indigo-ruby-cta-band.md +0 -18
  105. package/data/harnesses/apollo/skills/design/data/gradients/linear-graphite-wash.md +0 -18
  106. package/data/harnesses/apollo/skills/design/data/gradients/marble-quartz-wash.md +0 -16
  107. package/data/harnesses/apollo/skills/design/data/gradients/midnight-aurora-panel.md +0 -16
  108. package/data/harnesses/apollo/skills/design/data/gradients/neutral-volume-fill.md +0 -16
  109. package/data/harnesses/apollo/skills/design/data/gradients/revenue-uptrend-fill.md +0 -16
  110. package/data/harnesses/apollo/skills/design/data/gradients/risk-decline-fill.md +0 -16
  111. package/data/harnesses/apollo/skills/design/data/gradients/signal-blue-develop.md +0 -18
  112. package/data/harnesses/apollo/skills/design/data/gradients/slate-mist-wash.md +0 -16
  113. package/data/harnesses/apollo/skills/design/data/gradients/stripe-atmosphere-mesh.md +0 -18
  114. package/data/harnesses/apollo/skills/design/data/gradients/teal-signal-accent.md +0 -16
  115. package/data/harnesses/apollo/skills/design/data/gradients/violet-magenta-promo.md +0 -16
  116. package/data/harnesses/apollo/skills/design/data/iconography.md +0 -199
  117. package/data/harnesses/apollo/skills/design/data/motion/accordion-expand.md +0 -18
  118. package/data/harnesses/apollo/skills/design/data/motion/destructive-hold-confirm.md +0 -18
  119. package/data/harnesses/apollo/skills/design/data/motion/drag-dismiss-momentum.md +0 -18
  120. package/data/harnesses/apollo/skills/design/data/motion/empty-state-arrive.md +0 -18
  121. package/data/harnesses/apollo/skills/design/data/motion/hover-lift.md +0 -18
  122. package/data/harnesses/apollo/skills/design/data/motion/modal-center-arrive.md +0 -18
  123. package/data/harnesses/apollo/skills/design/data/motion/number-ticker-roll.md +0 -18
  124. package/data/harnesses/apollo/skills/design/data/motion/onboarding-bounce.md +0 -18
  125. package/data/harnesses/apollo/skills/design/data/motion/panel-slide.md +0 -18
  126. package/data/harnesses/apollo/skills/design/data/motion/press-feedback.md +0 -18
  127. package/data/harnesses/apollo/skills/design/data/motion/progress-linear-loop.md +0 -18
  128. package/data/harnesses/apollo/skills/design/data/motion/route-crossfade.md +0 -18
  129. package/data/harnesses/apollo/skills/design/data/motion/rubber-band-overscroll.md +0 -18
  130. package/data/harnesses/apollo/skills/design/data/motion/skeleton-shimmer.md +0 -18
  131. package/data/harnesses/apollo/skills/design/data/motion/stagger-arrive.md +0 -18
  132. package/data/harnesses/apollo/skills/design/data/motion/toast-enter-stack.md +0 -18
  133. package/data/harnesses/apollo/skills/design/data/motion/tooltip-chain-instant.md +0 -18
  134. package/data/harnesses/apollo/skills/design/data/motion/trigger-anchored-reveal.md +0 -18
  135. package/data/harnesses/apollo/skills/design/data/tells.csv +0 -34
  136. package/data/harnesses/apollo/skills/design/data/typography/anton-work-sans.md +0 -17
  137. package/data/harnesses/apollo/skills/design/data/typography/archivo-black-archivo.md +0 -17
  138. package/data/harnesses/apollo/skills/design/data/typography/bitter-karla.md +0 -17
  139. package/data/harnesses/apollo/skills/design/data/typography/dm-serif-dm-sans.md +0 -17
  140. package/data/harnesses/apollo/skills/design/data/typography/fraunces-inter.md +0 -17
  141. package/data/harnesses/apollo/skills/design/data/typography/geist-geist-mono.md +0 -17
  142. package/data/harnesses/apollo/skills/design/data/typography/hubot-sans-mona-sans.md +0 -17
  143. package/data/harnesses/apollo/skills/design/data/typography/ibm-plex-sans-operator-single-family.md +0 -17
  144. package/data/harnesses/apollo/skills/design/data/typography/instrument-serif-instrument-sans.md +0 -17
  145. package/data/harnesses/apollo/skills/design/data/typography/inter-operator-single-family.md +0 -17
  146. package/data/harnesses/apollo/skills/design/data/typography/libre-baskerville-libre-franklin.md +0 -17
  147. package/data/harnesses/apollo/skills/design/data/typography/newsreader-inter.md +0 -17
  148. package/data/harnesses/apollo/skills/design/data/typography/playfair-display-source-sans.md +0 -17
  149. package/data/harnesses/apollo/skills/design/data/typography/public-sans-operator-single-family.md +0 -17
  150. package/data/harnesses/apollo/skills/design/data/typography/sohne-inter-fintech.md +0 -17
  151. package/data/harnesses/apollo/skills/design/data/typography/source-serif-source-sans.md +0 -17
  152. package/data/harnesses/apollo/skills/design/data/typography/space-grotesk-work-sans-space-mono.md +0 -17
  153. package/data/harnesses/apollo/skills/design/data/typography/spectral-manrope.md +0 -17
  154. package/data/harnesses/apollo/skills/design/data/voices/bright-collaborator.md +0 -29
  155. package/data/harnesses/apollo/skills/design/data/voices/direct-operator.md +0 -29
  156. package/data/harnesses/apollo/skills/design/data/voices/earnest-helper.md +0 -29
  157. package/data/harnesses/apollo/skills/design/data/voices/editorial-composed.md +0 -29
  158. package/data/harnesses/apollo/skills/design/data/voices/quiet-concierge.md +0 -29
  159. package/data/harnesses/apollo/skills/design/data/voices/warm-guide.md +0 -29
  160. package/data/harnesses/apollo/skills/design/design-md/SCHEMA.md +0 -179
  161. package/data/harnesses/apollo/skills/design/design-md/index.csv +0 -67
  162. package/data/harnesses/apollo/skills/design/design-md/library/airbnb.md +0 -207
  163. package/data/harnesses/apollo/skills/design/design-md/library/airtable.md +0 -205
  164. package/data/harnesses/apollo/skills/design/design-md/library/anthropic-claude.md +0 -203
  165. package/data/harnesses/apollo/skills/design/design-md/library/apple.md +0 -206
  166. package/data/harnesses/apollo/skills/design/design-md/library/binance.md +0 -210
  167. package/data/harnesses/apollo/skills/design/design-md/library/bmw.md +0 -210
  168. package/data/harnesses/apollo/skills/design/design-md/library/cal.md +0 -209
  169. package/data/harnesses/apollo/skills/design/design-md/library/clay.md +0 -204
  170. package/data/harnesses/apollo/skills/design/design-md/library/clickhouse.md +0 -205
  171. package/data/harnesses/apollo/skills/design/design-md/library/cohere.md +0 -205
  172. package/data/harnesses/apollo/skills/design/design-md/library/coinbase.md +0 -198
  173. package/data/harnesses/apollo/skills/design/design-md/library/composio.md +0 -198
  174. package/data/harnesses/apollo/skills/design/design-md/library/cursor.md +0 -197
  175. package/data/harnesses/apollo/skills/design/design-md/library/elevenlabs.md +0 -199
  176. package/data/harnesses/apollo/skills/design/design-md/library/expo.md +0 -200
  177. package/data/harnesses/apollo/skills/design/design-md/library/figma.md +0 -199
  178. package/data/harnesses/apollo/skills/design/design-md/library/framer.md +0 -202
  179. package/data/harnesses/apollo/skills/design/design-md/library/hashicorp.md +0 -205
  180. package/data/harnesses/apollo/skills/design/design-md/library/ibm.md +0 -205
  181. package/data/harnesses/apollo/skills/design/design-md/library/intercom.md +0 -204
  182. package/data/harnesses/apollo/skills/design/design-md/library/kraken.md +0 -200
  183. package/data/harnesses/apollo/skills/design/design-md/library/linear-app.md +0 -198
  184. package/data/harnesses/apollo/skills/design/design-md/library/lovable.md +0 -199
  185. package/data/harnesses/apollo/skills/design/design-md/library/meta.md +0 -204
  186. package/data/harnesses/apollo/skills/design/design-md/library/minimax.md +0 -204
  187. package/data/harnesses/apollo/skills/design/design-md/library/mintlify.md +0 -210
  188. package/data/harnesses/apollo/skills/design/design-md/library/miro.md +0 -209
  189. package/data/harnesses/apollo/skills/design/design-md/library/mistral-ai.md +0 -201
  190. package/data/harnesses/apollo/skills/design/design-md/library/mongodb.md +0 -201
  191. package/data/harnesses/apollo/skills/design/design-md/library/notion.md +0 -204
  192. package/data/harnesses/apollo/skills/design/design-md/library/nvidia.md +0 -215
  193. package/data/harnesses/apollo/skills/design/design-md/library/ollama.md +0 -213
  194. package/data/harnesses/apollo/skills/design/design-md/library/opencode-ai.md +0 -216
  195. package/data/harnesses/apollo/skills/design/design-md/library/posthog.md +0 -218
  196. package/data/harnesses/apollo/skills/design/design-md/library/raycast.md +0 -214
  197. package/data/harnesses/apollo/skills/design/design-md/library/replicate.md +0 -202
  198. package/data/harnesses/apollo/skills/design/design-md/library/resend.md +0 -203
  199. package/data/harnesses/apollo/skills/design/design-md/library/revolut.md +0 -203
  200. package/data/harnesses/apollo/skills/design/design-md/library/runwayml.md +0 -203
  201. package/data/harnesses/apollo/skills/design/design-md/library/sanity.md +0 -200
  202. package/data/harnesses/apollo/skills/design/design-md/library/sentry.md +0 -201
  203. package/data/harnesses/apollo/skills/design/design-md/library/shopify.md +0 -202
  204. package/data/harnesses/apollo/skills/design/design-md/library/slack.md +0 -202
  205. package/data/harnesses/apollo/skills/design/design-md/library/spacex.md +0 -206
  206. package/data/harnesses/apollo/skills/design/design-md/library/spotify.md +0 -206
  207. package/data/harnesses/apollo/skills/design/design-md/library/stripe.md +0 -196
  208. package/data/harnesses/apollo/skills/design/design-md/library/supabase.md +0 -196
  209. package/data/harnesses/apollo/skills/design/design-md/library/superhuman.md +0 -194
  210. package/data/harnesses/apollo/skills/design/design-md/library/tesla.md +0 -198
  211. package/data/harnesses/apollo/skills/design/design-md/library/theverge.md +0 -199
  212. package/data/harnesses/apollo/skills/design/design-md/library/together-ai.md +0 -193
  213. package/data/harnesses/apollo/skills/design/design-md/library/uber.md +0 -195
  214. package/data/harnesses/apollo/skills/design/design-md/library/vercel.md +0 -195
  215. package/data/harnesses/apollo/skills/design/design-md/library/voltagent.md +0 -197
  216. package/data/harnesses/apollo/skills/design/design-md/library/warp.md +0 -196
  217. package/data/harnesses/apollo/skills/design/design-md/library/webflow.md +0 -197
  218. package/data/harnesses/apollo/skills/design/design-md/library/wired.md +0 -197
  219. package/data/harnesses/apollo/skills/design/design-md/library/wise.md +0 -198
  220. package/data/harnesses/apollo/skills/design/design-md/library/x-ai.md +0 -199
  221. package/data/harnesses/apollo/skills/design/design-md/library/zapier.md +0 -198
  222. package/data/harnesses/apollo/skills/design/design-md/nurix.md +0 -214
  223. package/data/harnesses/apollo/skills/design/design-md/variants/editorial-luxury.md +0 -184
  224. package/data/harnesses/apollo/skills/design/design-md/variants/expressive-saas.md +0 -216
  225. package/data/harnesses/apollo/skills/design/design-md/variants/quiet-premium.md +0 -211
  226. package/data/harnesses/apollo/skills/design/design-md/variants/terse-dense-operator.md +0 -212
  227. package/data/harnesses/apollo/skills/design/design-md/variants/warm-approachable.md +0 -216
  228. package/data/harnesses/code/skills/design/data/blueprints/browse.md +0 -38
  229. package/data/harnesses/code/skills/design/data/blueprints/creation-flow.md +0 -38
  230. package/data/harnesses/code/skills/design/data/blueprints/dashboard.md +0 -38
  231. package/data/harnesses/code/skills/design/data/blueprints/grid.md +0 -38
  232. package/data/harnesses/code/skills/design/data/blueprints/queue.md +0 -38
  233. package/data/harnesses/code/skills/design/data/blueprints/record-detail.md +0 -38
  234. package/data/harnesses/code/skills/design/data/blueprints/settings.md +0 -38
  235. package/data/harnesses/code/skills/design/data/chart-styling/Readme.md +0 -33
  236. package/data/harnesses/code/skills/design/data/chart-styling/carbon-accessible-alert-semantic.md +0 -19
  237. package/data/harnesses/code/skills/design/data/chart-styling/carbon-monochrome-sequential-trend.md +0 -19
  238. package/data/harnesses/code/skills/design/data/chart-styling/datadog-classic-six-aligned.md +0 -19
  239. package/data/harnesses/code/skills/design/data/chart-styling/datawrapper-tiered-gray-hierarchy.md +0 -19
  240. package/data/harnesses/code/skills/design/data/chart-styling/econ-red-rule-horizontal.md +0 -19
  241. package/data/harnesses/code/skills/design/data/chart-styling/financial-diverging-threshold-overlay.md +0 -19
  242. package/data/harnesses/code/skills/design/data/chart-styling/ft-vocabulary-ranked-muted.md +0 -19
  243. package/data/harnesses/code/skills/design/data/chart-styling/grafana-dark-threshold-bands.md +0 -19
  244. package/data/harnesses/code/skills/design/data/chart-styling/material-rounded-explicit-label.md +0 -19
  245. package/data/harnesses/code/skills/design/data/chart-styling/nyt-ghost-grid-direct-label.md +0 -19
  246. package/data/harnesses/code/skills/design/data/chart-styling/plot-currentcolor-inherit.md +0 -19
  247. package/data/harnesses/code/skills/design/data/chart-styling/saas-gradient-glow-area.md +0 -19
  248. package/data/harnesses/code/skills/design/data/chart-styling/shadcn-composable-css-vars.md +0 -19
  249. package/data/harnesses/code/skills/design/data/charts/census.csv +0 -58
  250. package/data/harnesses/code/skills/design/data/checklists/browse.md +0 -21
  251. package/data/harnesses/code/skills/design/data/checklists/creation-flow.md +0 -20
  252. package/data/harnesses/code/skills/design/data/checklists/dashboard.md +0 -21
  253. package/data/harnesses/code/skills/design/data/checklists/grid.md +0 -21
  254. package/data/harnesses/code/skills/design/data/checklists/queue.md +0 -21
  255. package/data/harnesses/code/skills/design/data/checklists/record-detail.md +0 -21
  256. package/data/harnesses/code/skills/design/data/checklists/settings.md +0 -21
  257. package/data/harnesses/code/skills/design/data/chrome/board-column.md +0 -68
  258. package/data/harnesses/code/skills/design/data/chrome/data-table.md +0 -63
  259. package/data/harnesses/code/skills/design/data/chrome/side-panel.md +0 -60
  260. package/data/harnesses/code/skills/design/data/chrome/sidebar.md +0 -78
  261. package/data/harnesses/code/skills/design/data/chrome/stat-cards.md +0 -62
  262. package/data/harnesses/code/skills/design/data/chrome/topbar.md +0 -65
  263. package/data/harnesses/code/skills/design/data/color/accent-presets.md +0 -90
  264. package/data/harnesses/code/skills/design/data/color/aesop-earth-mute.md +0 -91
  265. package/data/harnesses/code/skills/design/data/color/arc-peach-play.md +0 -90
  266. package/data/harnesses/code/skills/design/data/color/attio-hunter-teal.md +0 -90
  267. package/data/harnesses/code/skills/design/data/color/carbon-cyan-signal.md +0 -90
  268. package/data/harnesses/code/skills/design/data/color/clay-parchment.md +0 -90
  269. package/data/harnesses/code/skills/design/data/color/duolingo-feather.md +0 -90
  270. package/data/harnesses/code/skills/design/data/color/geist-mono-signal.md +0 -90
  271. package/data/harnesses/code/skills/design/data/color/linear-graphite-violet.md +0 -90
  272. package/data/harnesses/code/skills/design/data/color/mercury-onyx-cobalt.md +0 -90
  273. package/data/harnesses/code/skills/design/data/color/notion-paper-ink.md +0 -90
  274. package/data/harnesses/code/skills/design/data/color/radix-slate-iris.md +0 -90
  275. package/data/harnesses/code/skills/design/data/color/raycast-void-spectrum.md +0 -90
  276. package/data/harnesses/code/skills/design/data/color/spectrum-celery-fuchsia.md +0 -90
  277. package/data/harnesses/code/skills/design/data/color/stripe-blurple-ruby.md +0 -90
  278. package/data/harnesses/code/skills/design/data/color/superhuman-cod-picton.md +0 -89
  279. package/data/harnesses/code/skills/design/data/corpora/operations-review/companies.csv +0 -15
  280. package/data/harnesses/code/skills/design/data/corpora/operations-review/corpus.md +0 -87
  281. package/data/harnesses/code/skills/design/data/corpora/operations-review/people.csv +0 -25
  282. package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/companies.csv +0 -15
  283. package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/corpus.md +0 -83
  284. package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/people.csv +0 -25
  285. package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/companies.csv +0 -15
  286. package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/corpus.md +0 -89
  287. package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/people.csv +0 -25
  288. package/data/harnesses/code/skills/design/data/elevation/ant-design-directional-shadow.md +0 -19
  289. package/data/harnesses/code/skills/design/data/elevation/apple-liquid-glass-material.md +0 -18
  290. package/data/harnesses/code/skills/design/data/elevation/atlassian-surface-shadow-pairing.md +0 -20
  291. package/data/harnesses/code/skills/design/data/elevation/fluent-2-key-ambient-ramp.md +0 -20
  292. package/data/harnesses/code/skills/design/data/elevation/github-primer-sparing-shadow.md +0 -19
  293. package/data/harnesses/code/skills/design/data/elevation/ibm-carbon-layer-and-border.md +0 -19
  294. package/data/harnesses/code/skills/design/data/elevation/linear-dark-surface-ladder.md +0 -17
  295. package/data/harnesses/code/skills/design/data/elevation/material-2-key-ambient-dp-ramp.md +0 -19
  296. package/data/harnesses/code/skills/design/data/elevation/material-3-tonal-elevation.md +0 -21
  297. package/data/harnesses/code/skills/design/data/elevation/neobrutalist-hard-offset.md +0 -19
  298. package/data/harnesses/code/skills/design/data/elevation/neumorphic-soft-dual-shadow.md +0 -18
  299. package/data/harnesses/code/skills/design/data/elevation/notion-warm-minimal-hairline.md +0 -17
  300. package/data/harnesses/code/skills/design/data/elevation/polaris-elevation-inset-bevel.md +0 -21
  301. package/data/harnesses/code/skills/design/data/elevation/radix-themes-alpha-ring-scale.md +0 -19
  302. package/data/harnesses/code/skills/design/data/elevation/shadcn-neutral-derived-radius.md +0 -19
  303. package/data/harnesses/code/skills/design/data/elevation/stripe-brand-tinted-dual-shadow.md +0 -18
  304. package/data/harnesses/code/skills/design/data/elevation/tailwind-default-utility-scale.md +0 -19
  305. package/data/harnesses/code/skills/design/data/elevation/vercel-geist-shadow-as-border.md +0 -20
  306. package/data/harnesses/code/skills/design/data/gradients/amber-attention-fill.md +0 -16
  307. package/data/harnesses/code/skills/design/data/gradients/cloud-shadow-wash.md +0 -16
  308. package/data/harnesses/code/skills/design/data/gradients/confident-lavender-wash.md +0 -16
  309. package/data/harnesses/code/skills/design/data/gradients/ember-ship-flare.md +0 -18
  310. package/data/harnesses/code/skills/design/data/gradients/full-metal-wash.md +0 -16
  311. package/data/harnesses/code/skills/design/data/gradients/indigo-ruby-cta-band.md +0 -18
  312. package/data/harnesses/code/skills/design/data/gradients/linear-graphite-wash.md +0 -18
  313. package/data/harnesses/code/skills/design/data/gradients/marble-quartz-wash.md +0 -16
  314. package/data/harnesses/code/skills/design/data/gradients/midnight-aurora-panel.md +0 -16
  315. package/data/harnesses/code/skills/design/data/gradients/neutral-volume-fill.md +0 -16
  316. package/data/harnesses/code/skills/design/data/gradients/revenue-uptrend-fill.md +0 -16
  317. package/data/harnesses/code/skills/design/data/gradients/risk-decline-fill.md +0 -16
  318. package/data/harnesses/code/skills/design/data/gradients/signal-blue-develop.md +0 -18
  319. package/data/harnesses/code/skills/design/data/gradients/slate-mist-wash.md +0 -16
  320. package/data/harnesses/code/skills/design/data/gradients/stripe-atmosphere-mesh.md +0 -18
  321. package/data/harnesses/code/skills/design/data/gradients/teal-signal-accent.md +0 -16
  322. package/data/harnesses/code/skills/design/data/gradients/violet-magenta-promo.md +0 -16
  323. package/data/harnesses/code/skills/design/data/iconography.md +0 -199
  324. package/data/harnesses/code/skills/design/data/motion/accordion-expand.md +0 -18
  325. package/data/harnesses/code/skills/design/data/motion/destructive-hold-confirm.md +0 -18
  326. package/data/harnesses/code/skills/design/data/motion/drag-dismiss-momentum.md +0 -18
  327. package/data/harnesses/code/skills/design/data/motion/empty-state-arrive.md +0 -18
  328. package/data/harnesses/code/skills/design/data/motion/hover-lift.md +0 -18
  329. package/data/harnesses/code/skills/design/data/motion/modal-center-arrive.md +0 -18
  330. package/data/harnesses/code/skills/design/data/motion/number-ticker-roll.md +0 -18
  331. package/data/harnesses/code/skills/design/data/motion/onboarding-bounce.md +0 -18
  332. package/data/harnesses/code/skills/design/data/motion/panel-slide.md +0 -18
  333. package/data/harnesses/code/skills/design/data/motion/press-feedback.md +0 -18
  334. package/data/harnesses/code/skills/design/data/motion/progress-linear-loop.md +0 -18
  335. package/data/harnesses/code/skills/design/data/motion/route-crossfade.md +0 -18
  336. package/data/harnesses/code/skills/design/data/motion/rubber-band-overscroll.md +0 -18
  337. package/data/harnesses/code/skills/design/data/motion/skeleton-shimmer.md +0 -18
  338. package/data/harnesses/code/skills/design/data/motion/stagger-arrive.md +0 -18
  339. package/data/harnesses/code/skills/design/data/motion/toast-enter-stack.md +0 -18
  340. package/data/harnesses/code/skills/design/data/motion/tooltip-chain-instant.md +0 -18
  341. package/data/harnesses/code/skills/design/data/motion/trigger-anchored-reveal.md +0 -18
  342. package/data/harnesses/code/skills/design/data/tells.csv +0 -34
  343. package/data/harnesses/code/skills/design/data/typography/anton-work-sans.md +0 -17
  344. package/data/harnesses/code/skills/design/data/typography/archivo-black-archivo.md +0 -17
  345. package/data/harnesses/code/skills/design/data/typography/bitter-karla.md +0 -17
  346. package/data/harnesses/code/skills/design/data/typography/dm-serif-dm-sans.md +0 -17
  347. package/data/harnesses/code/skills/design/data/typography/fraunces-inter.md +0 -17
  348. package/data/harnesses/code/skills/design/data/typography/geist-geist-mono.md +0 -17
  349. package/data/harnesses/code/skills/design/data/typography/hubot-sans-mona-sans.md +0 -17
  350. package/data/harnesses/code/skills/design/data/typography/ibm-plex-sans-operator-single-family.md +0 -17
  351. package/data/harnesses/code/skills/design/data/typography/instrument-serif-instrument-sans.md +0 -17
  352. package/data/harnesses/code/skills/design/data/typography/inter-operator-single-family.md +0 -17
  353. package/data/harnesses/code/skills/design/data/typography/libre-baskerville-libre-franklin.md +0 -17
  354. package/data/harnesses/code/skills/design/data/typography/newsreader-inter.md +0 -17
  355. package/data/harnesses/code/skills/design/data/typography/playfair-display-source-sans.md +0 -17
  356. package/data/harnesses/code/skills/design/data/typography/public-sans-operator-single-family.md +0 -17
  357. package/data/harnesses/code/skills/design/data/typography/sohne-inter-fintech.md +0 -17
  358. package/data/harnesses/code/skills/design/data/typography/source-serif-source-sans.md +0 -17
  359. package/data/harnesses/code/skills/design/data/typography/space-grotesk-work-sans-space-mono.md +0 -17
  360. package/data/harnesses/code/skills/design/data/typography/spectral-manrope.md +0 -17
  361. package/data/harnesses/code/skills/design/data/voices/bright-collaborator.md +0 -29
  362. package/data/harnesses/code/skills/design/data/voices/direct-operator.md +0 -29
  363. package/data/harnesses/code/skills/design/data/voices/earnest-helper.md +0 -29
  364. package/data/harnesses/code/skills/design/data/voices/editorial-composed.md +0 -29
  365. package/data/harnesses/code/skills/design/data/voices/quiet-concierge.md +0 -29
  366. package/data/harnesses/code/skills/design/data/voices/warm-guide.md +0 -29
  367. package/data/harnesses/code/skills/design/design-md/SCHEMA.md +0 -179
  368. package/data/harnesses/code/skills/design/design-md/index.csv +0 -67
  369. package/data/harnesses/code/skills/design/design-md/library/airbnb.md +0 -207
  370. package/data/harnesses/code/skills/design/design-md/library/airtable.md +0 -205
  371. package/data/harnesses/code/skills/design/design-md/library/anthropic-claude.md +0 -203
  372. package/data/harnesses/code/skills/design/design-md/library/apple.md +0 -206
  373. package/data/harnesses/code/skills/design/design-md/library/binance.md +0 -210
  374. package/data/harnesses/code/skills/design/design-md/library/bmw.md +0 -210
  375. package/data/harnesses/code/skills/design/design-md/library/cal.md +0 -209
  376. package/data/harnesses/code/skills/design/design-md/library/clay.md +0 -204
  377. package/data/harnesses/code/skills/design/design-md/library/clickhouse.md +0 -205
  378. package/data/harnesses/code/skills/design/design-md/library/cohere.md +0 -205
  379. package/data/harnesses/code/skills/design/design-md/library/coinbase.md +0 -198
  380. package/data/harnesses/code/skills/design/design-md/library/composio.md +0 -198
  381. package/data/harnesses/code/skills/design/design-md/library/cursor.md +0 -197
  382. package/data/harnesses/code/skills/design/design-md/library/elevenlabs.md +0 -199
  383. package/data/harnesses/code/skills/design/design-md/library/expo.md +0 -200
  384. package/data/harnesses/code/skills/design/design-md/library/figma.md +0 -199
  385. package/data/harnesses/code/skills/design/design-md/library/framer.md +0 -202
  386. package/data/harnesses/code/skills/design/design-md/library/hashicorp.md +0 -205
  387. package/data/harnesses/code/skills/design/design-md/library/ibm.md +0 -205
  388. package/data/harnesses/code/skills/design/design-md/library/intercom.md +0 -204
  389. package/data/harnesses/code/skills/design/design-md/library/kraken.md +0 -200
  390. package/data/harnesses/code/skills/design/design-md/library/linear-app.md +0 -198
  391. package/data/harnesses/code/skills/design/design-md/library/lovable.md +0 -199
  392. package/data/harnesses/code/skills/design/design-md/library/meta.md +0 -204
  393. package/data/harnesses/code/skills/design/design-md/library/minimax.md +0 -204
  394. package/data/harnesses/code/skills/design/design-md/library/mintlify.md +0 -210
  395. package/data/harnesses/code/skills/design/design-md/library/miro.md +0 -209
  396. package/data/harnesses/code/skills/design/design-md/library/mistral-ai.md +0 -201
  397. package/data/harnesses/code/skills/design/design-md/library/mongodb.md +0 -201
  398. package/data/harnesses/code/skills/design/design-md/library/notion.md +0 -204
  399. package/data/harnesses/code/skills/design/design-md/library/nvidia.md +0 -215
  400. package/data/harnesses/code/skills/design/design-md/library/ollama.md +0 -213
  401. package/data/harnesses/code/skills/design/design-md/library/opencode-ai.md +0 -216
  402. package/data/harnesses/code/skills/design/design-md/library/posthog.md +0 -218
  403. package/data/harnesses/code/skills/design/design-md/library/raycast.md +0 -214
  404. package/data/harnesses/code/skills/design/design-md/library/replicate.md +0 -202
  405. package/data/harnesses/code/skills/design/design-md/library/resend.md +0 -203
  406. package/data/harnesses/code/skills/design/design-md/library/revolut.md +0 -203
  407. package/data/harnesses/code/skills/design/design-md/library/runwayml.md +0 -203
  408. package/data/harnesses/code/skills/design/design-md/library/sanity.md +0 -200
  409. package/data/harnesses/code/skills/design/design-md/library/sentry.md +0 -201
  410. package/data/harnesses/code/skills/design/design-md/library/shopify.md +0 -202
  411. package/data/harnesses/code/skills/design/design-md/library/slack.md +0 -202
  412. package/data/harnesses/code/skills/design/design-md/library/spacex.md +0 -206
  413. package/data/harnesses/code/skills/design/design-md/library/spotify.md +0 -206
  414. package/data/harnesses/code/skills/design/design-md/library/stripe.md +0 -196
  415. package/data/harnesses/code/skills/design/design-md/library/supabase.md +0 -196
  416. package/data/harnesses/code/skills/design/design-md/library/superhuman.md +0 -194
  417. package/data/harnesses/code/skills/design/design-md/library/tesla.md +0 -198
  418. package/data/harnesses/code/skills/design/design-md/library/theverge.md +0 -199
  419. package/data/harnesses/code/skills/design/design-md/library/together-ai.md +0 -193
  420. package/data/harnesses/code/skills/design/design-md/library/uber.md +0 -195
  421. package/data/harnesses/code/skills/design/design-md/library/vercel.md +0 -195
  422. package/data/harnesses/code/skills/design/design-md/library/voltagent.md +0 -197
  423. package/data/harnesses/code/skills/design/design-md/library/warp.md +0 -196
  424. package/data/harnesses/code/skills/design/design-md/library/webflow.md +0 -197
  425. package/data/harnesses/code/skills/design/design-md/library/wired.md +0 -197
  426. package/data/harnesses/code/skills/design/design-md/library/wise.md +0 -198
  427. package/data/harnesses/code/skills/design/design-md/library/x-ai.md +0 -199
  428. package/data/harnesses/code/skills/design/design-md/library/zapier.md +0 -198
  429. package/data/harnesses/code/skills/design/design-md/nurix.md +0 -214
  430. package/data/harnesses/code/skills/design/design-md/variants/editorial-luxury.md +0 -184
  431. package/data/harnesses/code/skills/design/design-md/variants/expressive-saas.md +0 -216
  432. package/data/harnesses/code/skills/design/design-md/variants/quiet-premium.md +0 -211
  433. package/data/harnesses/code/skills/design/design-md/variants/terse-dense-operator.md +0 -212
  434. package/data/harnesses/code/skills/design/design-md/variants/warm-approachable.md +0 -216
@@ -1,201 +0,0 @@
1
- ---
2
- schema: design-md/v2
3
- id: mongodb
4
- tier: brand
5
- segments: [dev-tools, database, infra]
6
- keywords: [engineered, navy-teal, green, cool, rounded, database]
7
- sourced: 2026-07-12
8
- sources: "design-md/v1 mongodb entry (2026-07-04); 2026-07-12 re-audit of MongoDB public brand; Manrope substitutes the licensed Euclid Circular A (closest open geometric grotesque); Source Code Pro for code surfaces; the bright green primary keeps its deep-navy label per brand"
9
- license: open
10
- ---
11
-
12
- # mongodb — an engineered console, deep navy-teal with one bright-green switch
13
-
14
- ## 1 Visual Theme
15
- An engineered, database-native console: a white working canvas over a cool navy-teal
16
- slate, one bright MongoDB green reserved for the single action that matters — and that
17
- green always carries a deep-navy label, never white, because it is bright enough to
18
- demand a dark one. Light by default; the surfaces run faintly cool-green so the UI
19
- reads database-adjacent, not clinical. The dark theme is the brand's navy-teal hero
20
- made habitable: a deep cool ladder with the green held bright. The 72px display and
21
- hero bands stay behind.
22
-
23
- ## 2 Color Roles
24
- Deep navy-teal `foreground` on a near-white `background`; `primary` green is the one
25
- chromatic accent — the primary action, active nav, key detail — labelled in deep navy
26
- (`primary-foreground`). `accent` is a pale-mint selection lift with a deep-green label.
27
- The category palette (purple, orange, pink, blue) survives only in `chart-*`; status
28
- hues speak only status. The `sidebar` holds a faint cool tint below the canvas.
29
-
30
- ## 3 Typography
31
- Manrope (the open geometric substitute for the licensed Euclid Circular A) over Source
32
- Code Pro for IDs, codes, and log lines. UI, body, and heads all ride the geometric
33
- sans; weight, not a second family, carries the display voice — heads at 600, the
34
- uppercase eyebrow at 600. Register scope: the display register speaks in page titles,
35
- section heads, empty states, and auth; mono owns data, codes, IDs, and timestamps.
36
- Numerals are always `tabular-nums`; emphasis bumps weight, never size.
37
-
38
- ## 4 Component Stylings
39
- The primary button alone is pilled — MongoDB's one signature carry — green `primary`
40
- fill with a deep-navy label; everything else takes the rounded scale. Secondary is
41
- transparent on an `input` hairline; inputs sit on `background` with a firmer `input`
42
- edge, focus draws the green `ring` at 2px, no glow. Cards are `card` white at
43
- `radius-lg` (12px), hairline-edged, shadowed only when lifted. Table rows carry
44
- `border` grid lines, `muted` hover, pale-mint `accent` selection. Detail opens in the
45
- side panel; badges take status fills, never `primary`.
46
-
47
- ## 5 Layout
48
- 4px base; sidebar 256/56px; topbar 56px (the brand's breathier chrome); side panel
49
- 440/640px; content max 1360px. Controls sit at a comfortable 44px; MongoDB's 20 and 40
50
- spacing steps survive the marketing trim.
51
-
52
- ## 6 Depth
53
- Light: hairlines and the cool surface ladder carry structure; a soft navy-tinted lift
54
- appears only under true overlays. Dark: the surface ladder does depth — `background`
55
- 0.20 L, `surface-raised` +0.05, `surface-overlay` +0.10, hue held at 230. Focus is
56
- always the 2px green `ring`, keyboard-first.
57
-
58
- ## 7 Motion
59
- Reserved and precise. Named moments: `panel-slide` (side panel, 240ms, interruptible),
60
- `fade-arrive` (page content, 160ms), `press` (primary-action press, 120ms). Physicality
61
- is granted only to auth and first-run empty states; nothing animates in tables, query
62
- results, or keyboard-initiated actions.
63
-
64
- ## 8 Iconography & Charts
65
- Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
66
- no gridline fills; the categorical ramp is MongoDB's category palette — green, purple,
67
- orange, pink, blue (`chart-1..5`); tooltips on `surface-overlay` with mono numerals.
68
-
69
- ## 9 Voice
70
- Engineered and exact: short declaratives, numbers plain, no cheer. "Add cluster" ·
71
- "No queries running — the last one returned 41ms ago" · "This index build blocks
72
- writes; run it in the background or during a maintenance window."
73
-
74
- ## 10 Do's & Don'ts
75
- Do reserve green for the single primary action and keep its deep-navy label — bright
76
- green never carries white text. Do pill only that one action; everything else takes the
77
- rounded scale. Do carry hierarchy with hairlines and the cool ladder. Don't promote a
78
- category color (purple, orange, pink, blue) into chrome — they are chart-only. Don't
79
- reach for a navy-teal hero band or 72px display. Don't cool a status chip into a
80
- category hue.
81
-
82
- ## 11 Responsive
83
- 375: sidebar → off-canvas drawer; side panel → full sheet; tables → card rows with
84
- mono figures. 768: sidebar collapses to the icon rail; tables scroll their overflow.
85
- 1024: two-pane queue+detail holds. 1440: forms cap; tables and dashboards use the full
86
- width under the content cap.
87
-
88
- ## 12 Agent Prompt Guide
89
- Lead every list with its table on the near-white canvas over the cool slate. Spend
90
- green once per surface, always with the deep-navy label, and pill only that button.
91
- Every numeric column is `tabular-nums`; every ID, code, and timestamp is mono. The
92
- category palette is chart-only. Dark is authored — consult the block, never derive.
93
-
94
- ```yaml design-values
95
- color:
96
- light:
97
- background: oklch(0.99 0.004 200)
98
- foreground: oklch(0.24 0.038 230)
99
- card: oklch(0.997 0.003 200)
100
- card-foreground: oklch(0.24 0.038 230)
101
- popover: oklch(0.997 0.003 200)
102
- popover-foreground: oklch(0.24 0.038 230)
103
- primary: oklch(0.82 0.21 148)
104
- primary-foreground: oklch(0.24 0.04 230)
105
- secondary: oklch(0.97 0.008 175)
106
- secondary-foreground: oklch(0.3 0.03 230)
107
- muted: oklch(0.97 0.008 175)
108
- muted-foreground: oklch(0.52 0.03 245)
109
- accent: oklch(0.95 0.03 163)
110
- accent-foreground: oklch(0.458 0.096 165)
111
- destructive: oklch(0.576 0.209 29.5)
112
- destructive-foreground: oklch(0.98 0.01 29)
113
- success: oklch(0.628 0.156 154)
114
- warning: oklch(0.62 0.11 72)
115
- border: oklch(0.92 0.006 240)
116
- input: oklch(0.84 0.014 245)
117
- ring: oklch(0.458 0.1 165)
118
- surface-raised: oklch(0.985 0.005 190)
119
- surface-overlay: oklch(0.997 0.003 200)
120
- chart-1: oklch(0.7 0.18 148)
121
- chart-2: oklch(0.55 0.22 291)
122
- chart-3: oklch(0.7 0.18 40)
123
- chart-4: oklch(0.71 0.18 347)
124
- chart-5: oklch(0.5 0.13 271)
125
- sidebar: oklch(0.975 0.006 190)
126
- sidebar-foreground: oklch(0.28 0.035 230)
127
- sidebar-primary: oklch(0.82 0.21 148)
128
- sidebar-primary-foreground: oklch(0.24 0.04 230)
129
- sidebar-accent: oklch(0.93 0.03 163)
130
- sidebar-accent-foreground: oklch(0.458 0.096 165)
131
- sidebar-border: oklch(0.91 0.008 200)
132
- sidebar-ring: oklch(0.458 0.1 165)
133
- dark:
134
- background: oklch(0.2 0.015 230)
135
- foreground: oklch(0.94 0.01 200)
136
- card: oklch(0.24 0.015 230)
137
- card-foreground: oklch(0.94 0.01 200)
138
- popover: oklch(0.28 0.015 230)
139
- popover-foreground: oklch(0.94 0.01 200)
140
- primary: oklch(0.82 0.2 148)
141
- primary-foreground: oklch(0.2 0.04 230)
142
- secondary: oklch(0.26 0.015 230)
143
- secondary-foreground: oklch(0.9 0.01 200)
144
- muted: oklch(0.25 0.015 230)
145
- muted-foreground: oklch(0.72 0.014 220)
146
- accent: oklch(0.3 0.04 165)
147
- accent-foreground: oklch(0.92 0.03 163)
148
- destructive: oklch(0.64 0.19 29)
149
- destructive-foreground: oklch(0.15 0.02 29)
150
- success: oklch(0.7 0.15 154)
151
- warning: oklch(0.75 0.12 72)
152
- border: oklch(0.29 0.015 230)
153
- input: oklch(0.29 0.015 230)
154
- ring: oklch(0.72 0.16 155)
155
- surface-raised: oklch(0.25 0.015 230)
156
- surface-overlay: oklch(0.3 0.015 230)
157
- chart-1: oklch(0.82 0.18 148)
158
- chart-2: oklch(0.65 0.2 291)
159
- chart-3: oklch(0.72 0.17 40)
160
- chart-4: oklch(0.74 0.16 347)
161
- chart-5: oklch(0.62 0.14 265)
162
- sidebar: oklch(0.17 0.015 230)
163
- sidebar-foreground: oklch(0.9 0.01 200)
164
- sidebar-primary: oklch(0.82 0.2 148)
165
- sidebar-primary-foreground: oklch(0.2 0.04 230)
166
- sidebar-accent: oklch(0.26 0.015 230)
167
- sidebar-accent-foreground: oklch(0.92 0.01 200)
168
- sidebar-border: oklch(0.24 0.015 230)
169
- sidebar-ring: oklch(0.72 0.16 155)
170
- typography:
171
- display: { family: "Manrope Variable", fallback: "system-ui, sans-serif", weights: [600, 700] }
172
- sans: { family: "Manrope Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
173
- mono: { family: "Source Code Pro", fallback: "ui-monospace, monospace", weights: [400] }
174
- ramp:
175
- display: { size: 30px, line: 36px, weight: 600, family: display, tracking: -0.02em }
176
- h1: { size: 24px, line: 30px, weight: 600, family: display, tracking: -0.015em }
177
- h2: { size: 18px, line: 24px, weight: 600, family: display, tracking: -0.01em }
178
- body: { size: 14px, line: 21px, weight: 400, family: sans }
179
- small: { size: 13px, line: 18px, weight: 400, family: sans }
180
- caption: { size: 11px, line: 16px, weight: 600, family: sans, tracking: 0.06em, transform: uppercase }
181
- data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
182
- register-scope: { display: [page-title, section-head, empty-state, auth], sans: [chrome, controls, body], mono: [data, codes, ids, timestamps] }
183
- elevation:
184
- radius: { sm: 8px, md: 10px, lg: 12px }
185
- hairline: border
186
- shadow:
187
- overlay: "0 8px 30px oklch(0.22 0.04 230 / 0.16)"
188
- popover: "0 4px 16px oklch(0.22 0.04 230 / 0.1)"
189
- dark-ladder: { background: 0.2, raised: 0.25, overlay: 0.3, hue-held: 230 }
190
- motion:
191
- duration: { press: 120ms, fade: 160ms, panel: 240ms }
192
- easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
193
- entrance-never: ease-in
194
- identity-moments: [auth, first-run-empty]
195
- iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
196
- charts:
197
- categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
198
- sequential: { from: background, to: chart-1 }
199
- diverging: { negative: destructive, mid: muted, positive: chart-1 }
200
- layout: { base: 4px, sidebar: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1360px }
201
- ```
@@ -1,204 +0,0 @@
1
- ---
2
- schema: design-md/v2
3
- id: notion
4
- tier: brand
5
- segments: [docs, knowledge, workspace]
6
- keywords: [warm, paper, editorial, purple, calm, flexible]
7
- sourced: 2026-07-12
8
- sources: "design-md/v1 notion entry (2026-07-04); 2026-07-12 re-audit of Notion public brand; Inter substitutes the Inter-based proprietary Notion Sans; JetBrains Mono for code and IDs; inline links stay link-blue, distinct from the purple CTA per brand rule"
9
- license: open
10
- ---
11
-
12
- # notion — a warm paper workspace, one purple where it counts
13
-
14
- ## 1 Visual Theme
15
- A calm paper workspace: warm-charcoal ink on faintly-warm paper, beige hairlines
16
- carrying every edge, and one Notion purple reserved for the single dominant action.
17
- Light by default; the neutrals lean warm, not cool-slate, so the UI reads editorial
18
- and unhurried rather than clinical. The dark theme is the same warmth after dark — a
19
- warm-charcoal ladder holding the paper hue, never inverted paper. The navy hero band
20
- and the pastel feature-rainbow stay behind.
21
-
22
- ## 2 Color Roles
23
- Warm-charcoal `foreground` on warm-paper `background`; `primary` purple is the one
24
- chromatic action — primary action, active nav, key detail. Inline links stay a
25
- distinct link-blue: links and CTAs never share a hue (a Notion rule, carried in the
26
- chart-blue role and prose). `accent` is a soft lavender selection lift with a
27
- deep-purple label; status hues speak only status; the pastel rainbow never enters
28
- chrome.
29
-
30
- ## 3 Typography
31
- Inter (the open substitute for the Inter-based proprietary Notion Sans) over JetBrains
32
- Mono for IDs, codes, and timestamps. UI, body, and heads all ride the sans; weight and
33
- tracking, not a second family, carry the display voice — heads at 600 with tight
34
- negative tracking, body at generous 1.5 leading. Register scope: the display register
35
- speaks in page titles, section heads, empty states, and auth; mono owns data, codes,
36
- IDs, and timestamps. Numerals are always `tabular-nums`; emphasis bumps weight, never
37
- size.
38
-
39
- ## 4 Component Stylings
40
- Buttons `radius-sm` (8px rectangle), purple `primary` fill, never a pill; secondary is
41
- `background` on an `input` hairline. Inputs sit on `background` with a firmer `input`
42
- edge; focus draws the purple `ring` at 2px, no glow. Cards are `card` at `radius-lg`
43
- (12px), warm-hairline-edged, a soft low-alpha lift only when raised. Table rows carry
44
- `border` grid lines, `muted` hover, lavender `accent` selection. Detail opens in the
45
- side panel; status badges alone pill; a feature-tag chip is a soft rectangle in
46
- `accent`.
47
-
48
- ## 5 Layout
49
- 4px base; sidebar 256/56px; topbar 52px; side panel 440/640px; content max 1320px.
50
- Spacing is comfortable and dense-capable in tables, never cramped; whitespace carries
51
- as much hierarchy as the hairlines.
52
-
53
- ## 6 Depth
54
- Light: warm hairlines and the paper ladder carry structure; Notion's shadows are near-
55
- black at very low alpha, diffuse, on overlays only — brand-tinted, never harsh. Dark:
56
- the surface ladder does depth — `background` 0.20 L, `surface-raised` +0.05,
57
- `surface-overlay` +0.10, hue held at 70. Focus is always the 2px purple `ring`,
58
- keyboard-first.
59
-
60
- ## 7 Motion
61
- Calm and quiet. Named moments: `panel-slide` (side panel, 240ms, interruptible),
62
- `fade-arrive` (page content, 160ms), `press` (primary-action press, 120ms). Physicality
63
- is granted only to auth and first-run empty states; nothing animates in tables, the
64
- block list, or keyboard-initiated actions.
65
-
66
- ## 8 Iconography & Charts
67
- Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
68
- no gridline fills; the categorical ramp runs purple, link-blue, green, orange, pink
69
- (`chart-1..5`) — the blue doubling as the inline-link hue; tooltips on `surface-overlay`
70
- with mono numerals.
71
-
72
- ## 9 Voice
73
- Warm and plain, an editor's calm: short sentences, numbers stated flat, no exclamation.
74
- "New page" · "Nothing here yet — start with a heading or a table" · "This page is
75
- shared with 3 people; change access from the share menu."
76
-
77
- ## 10 Do's & Don'ts
78
- Do keep the neutrals warm — charcoal ink, paper fills, beige hairlines; cool slate
79
- reads as a different product. Do reserve purple for the single primary action. Do carry
80
- hierarchy with hairlines, weight, and whitespace. Don't pill the CTA — buttons are 8px
81
- rectangles; pills are status badges only. Don't color inline links purple — links are
82
- link-blue, distinct from the CTA. Don't promote the pastel rainbow into chrome.
83
-
84
- ## 11 Responsive
85
- 375: sidebar → off-canvas drawer; side panel → full sheet; tables → card rows with
86
- mono figures. 768: sidebar collapses to the icon rail; tables scroll their overflow.
87
- 1024: two-pane list+detail holds. 1440: content caps for forms; tables and dashboards
88
- use the full width.
89
-
90
- ## 12 Agent Prompt Guide
91
- Keep the neutral ramp warm — charcoal on paper, beige hairlines; never cool it to
92
- slate. Accent only the primary action with purple; inline links are link-blue and the
93
- two hues never merge. Sober rectangles: 8px buttons, 12px cards, pills for status
94
- badges only. Every numeric column is `tabular-nums`; every ID, code, and timestamp is
95
- mono. Dark is authored — consult the block, never derive.
96
-
97
- ```yaml design-values
98
- color:
99
- light:
100
- background: oklch(0.99 0.005 85)
101
- foreground: oklch(0.33 0.011 92)
102
- card: oklch(0.997 0.003 85)
103
- card-foreground: oklch(0.33 0.011 92)
104
- popover: oklch(0.997 0.003 85)
105
- popover-foreground: oklch(0.33 0.011 92)
106
- primary: oklch(0.499 0.209 281)
107
- primary-foreground: oklch(0.98 0.01 281)
108
- secondary: oklch(0.97 0.006 80)
109
- secondary-foreground: oklch(0.36 0.012 90)
110
- muted: oklch(0.97 0.006 80)
111
- muted-foreground: oklch(0.48 0.012 90)
112
- accent: oklch(0.92 0.03 299)
113
- accent-foreground: oklch(0.3 0.103 303)
114
- destructive: oklch(0.55 0.21 27)
115
- destructive-foreground: oklch(0.98 0.01 26)
116
- success: oklch(0.62 0.17 145)
117
- warning: oklch(0.629 0.16 45)
118
- border: oklch(0.915 0.006 85)
119
- input: oklch(0.82 0.009 78)
120
- ring: oklch(0.499 0.209 281)
121
- surface-raised: oklch(0.985 0.005 85)
122
- surface-overlay: oklch(0.997 0.003 85)
123
- chart-1: oklch(0.55 0.18 281)
124
- chart-2: oklch(0.57 0.15 254)
125
- chart-3: oklch(0.62 0.14 150)
126
- chart-4: oklch(0.65 0.15 55)
127
- chart-5: oklch(0.65 0.16 350)
128
- sidebar: oklch(0.975 0.006 82)
129
- sidebar-foreground: oklch(0.36 0.011 90)
130
- sidebar-primary: oklch(0.499 0.209 281)
131
- sidebar-primary-foreground: oklch(0.98 0.01 281)
132
- sidebar-accent: oklch(0.9 0.03 299)
133
- sidebar-accent-foreground: oklch(0.3 0.103 303)
134
- sidebar-border: oklch(0.9 0.008 85)
135
- sidebar-ring: oklch(0.499 0.209 281)
136
- dark:
137
- background: oklch(0.2 0.008 70)
138
- foreground: oklch(0.92 0.008 85)
139
- card: oklch(0.24 0.009 70)
140
- card-foreground: oklch(0.92 0.008 85)
141
- popover: oklch(0.28 0.01 70)
142
- popover-foreground: oklch(0.92 0.008 85)
143
- primary: oklch(0.52 0.2 283)
144
- primary-foreground: oklch(0.98 0.01 283)
145
- secondary: oklch(0.26 0.01 70)
146
- secondary-foreground: oklch(0.9 0.008 85)
147
- muted: oklch(0.25 0.01 70)
148
- muted-foreground: oklch(0.72 0.011 82)
149
- accent: oklch(0.32 0.04 295)
150
- accent-foreground: oklch(0.92 0.02 299)
151
- destructive: oklch(0.64 0.2 26)
152
- destructive-foreground: oklch(0.15 0.02 26)
153
- success: oklch(0.68 0.15 145)
154
- warning: oklch(0.72 0.15 55)
155
- border: oklch(0.29 0.01 70)
156
- input: oklch(0.29 0.01 70)
157
- ring: oklch(0.62 0.2 285)
158
- surface-raised: oklch(0.25 0.009 70)
159
- surface-overlay: oklch(0.3 0.01 70)
160
- chart-1: oklch(0.62 0.2 285)
161
- chart-2: oklch(0.65 0.15 254)
162
- chart-3: oklch(0.7 0.14 150)
163
- chart-4: oklch(0.72 0.15 55)
164
- chart-5: oklch(0.7 0.16 350)
165
- sidebar: oklch(0.18 0.008 70)
166
- sidebar-foreground: oklch(0.9 0.008 85)
167
- sidebar-primary: oklch(0.52 0.2 283)
168
- sidebar-primary-foreground: oklch(0.98 0.01 283)
169
- sidebar-accent: oklch(0.26 0.012 72)
170
- sidebar-accent-foreground: oklch(0.92 0.008 85)
171
- sidebar-border: oklch(0.24 0.01 70)
172
- sidebar-ring: oklch(0.62 0.2 285)
173
- typography:
174
- display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600] }
175
- sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
176
- mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
177
- ramp:
178
- display: { size: 30px, line: 36px, weight: 600, family: display, tracking: -0.02em }
179
- h1: { size: 24px, line: 30px, weight: 600, family: display, tracking: -0.015em }
180
- h2: { size: 18px, line: 24px, weight: 600, family: display, tracking: -0.01em }
181
- body: { size: 14px, line: 21px, weight: 400, family: sans }
182
- small: { size: 13px, line: 18px, weight: 400, family: sans }
183
- caption: { size: 11px, line: 16px, weight: 600, family: sans, tracking: 0.09em, transform: uppercase }
184
- data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
185
- register-scope: { display: [page-title, section-head, empty-state, auth], sans: [chrome, controls, body], mono: [data, codes, ids, timestamps] }
186
- elevation:
187
- radius: { sm: 8px, md: 10px, lg: 12px }
188
- hairline: border
189
- shadow:
190
- overlay: "0 8px 30px oklch(0.33 0.011 92 / 0.12)"
191
- popover: "0 4px 16px oklch(0.33 0.011 92 / 0.08)"
192
- dark-ladder: { background: 0.2, raised: 0.25, overlay: 0.3, hue-held: 70 }
193
- motion:
194
- duration: { press: 120ms, fade: 160ms, panel: 240ms }
195
- easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
196
- entrance-never: ease-in
197
- identity-moments: [auth, first-run-empty]
198
- iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
199
- charts:
200
- categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
201
- sequential: { from: background, to: chart-1 }
202
- diverging: { negative: destructive, mid: muted, positive: chart-3 }
203
- layout: { base: 4px, sidebar: [256px, 56px], topbar: 52px, side-panel: [440px, 640px], content-max: 1320px }
204
- ```
@@ -1,215 +0,0 @@
1
- ---
2
- schema: design-md/v2
3
- id: nvidia
4
- tier: brand
5
- segments: [dev-tools, ai-infra, hardware]
6
- keywords: [green, black, angular, engineering, dense, grayscale, technical]
7
- sourced: 2026-07-12
8
- sources: "design-md/v1 nvidia entry (2026-07-04) + token twin; 2026-07-12 re-audit of the public nvidia.com brand system; Inter substitutes the proprietary NVIDIA Sans (Arial the documented fallback)"
9
- license: open
10
- ---
11
-
12
- # nvidia — an engineering lab bench with one green LED
13
-
14
- ## 1 Visual Theme
15
- An engineering lab bench: a matte-black anodized chassis cracked open on white
16
- anti-static paper, schematics pinned to a hairline grid, and a single green power
17
- LED that means exactly one thing. Light default — paper-white canvas, near-black
18
- ink, black `sidebar` chrome framing the work. Flat by conviction: hierarchy is
19
- hairline `border`, ink, and 700-weight type, never shadow. One accent — NVIDIA
20
- green `primary` — carries the one action and the active state, always with black
21
- text on the green fill. Aggressively angular (2px radius everywhere) and dense:
22
- this reads like engineering documentation, not consumer software. Dark is an
23
- authored blackout-bench ladder, not an inversion.
24
-
25
- ## 2 Color Roles
26
- `foreground` near-black ink on the paper `background`; the neutral ramp is held at
27
- the perceptual tint floor so it still reads as NVIDIA's strict grayscale. `primary`
28
- green is the only chromatic hue that carries brand meaning — the one primary action,
29
- active nav, and the focus `ring`; black sits on the green fill, never white. `accent`
30
- is the pale-green selection wash, the operator translation of the green. Status hues
31
- speak only status: `success` is the deep green (never the saturated brand green, so
32
- status ≠ accent), `warning` orange, `destructive` red. The editorial blue and purple
33
- survive only as `chart-2` / `chart-3`. The `sidebar` runs the black brand frame in
34
- both themes.
35
-
36
- ## 3 Typography
37
- Inter (UI, body, headings — the open substitute for the proprietary NVIDIA face) /
38
- JetBrains Mono (data). No second family, no display face: NVIDIA builds its entire
39
- hierarchy from two weights — 400 and 700, nothing between — and size, never color.
40
- Tracking is 0 on every step; NVIDIA does not tighten headings. Register scope: the
41
- display step touches page titles and empty states only; every ID, code, log line,
42
- and numeric column is mono with `tabular-nums`. Emphasis jumps straight to 700.
43
-
44
- ## 4 Component Stylings
45
- Buttons `radius-sm` (2px), `primary` green fill with black ink, no pill; the NVIDIA
46
- secondary is a transparent rect with a 2px `primary` border and `foreground` text.
47
- Inputs `background` fill on hairline `border`; focus swaps the edge to the green
48
- `ring` — the system's only focus signal, no glow. Cards flat on `card` with a
49
- hairline, never shadowed. Table rows dense, `border` grid lines, `muted` hover,
50
- `accent` selection tint. Detail opens in the side panel beside the work. Badges
51
- `secondary` fill, hairline border, uppercase caption; status badges take the status
52
- hues, never `primary`.
53
-
54
- ## 5 Layout
55
- 4px base with NVIDIA's 8px rhythm governing section gaps; sidebar 248/56px; topbar
56
- 56px (the brand's sub-nav strip height); side panel 420/640px; content max 1440px —
57
- tables and dashboards run the full width; forms cap narrow. Density is dense across
58
- every archetype; nothing about this shell is generous.
59
-
60
- ## 6 Depth
61
- Flat — NVIDIA cards do not lift; they are rectangles with hairline borders. Light:
62
- hairlines carry all structure; the single soft shadow belongs to true overlays only,
63
- tinted toward the green-gray ink, never black. Dark: the authored ladder does depth —
64
- `background` 0.15 L, `surface-raised` +0.05, `surface-overlay` +0.10, hue held at
65
- 131. On the black `sidebar`, dividers use the stronger `sidebar-border` hairline.
66
- Focus is the 2px green `ring` outline on every interactive element; three z-levels.
67
-
68
- ## 7 Motion
69
- Mechanical and brisk — motion confirms, never decorates. Named moments: `green-press`
70
- (primary-action press, 100ms), `grid-fade` (page content arrival, 140ms),
71
- `panel-slide` (side panel, 200ms, interruptible). Physicality is granted to auth and
72
- the first-run empty state only. Nothing animates in tables, dense grids, or any
73
- keyboard-initiated action; hover states switch instantly.
74
-
75
- ## 8 Iconography & Charts
76
- Lucide at 2px stroke — the heaviest stroke in the library, matching the 700-weight
77
- voice — on the 16/20px grid, `muted-foreground` default. Charts: hairline axes, no
78
- gridline fills; categorical ramp leads with the brand green (`chart-1`) then the
79
- editorial blue, purple, orange, and a neutral gray (`chart-2..5`); tooltips on
80
- `surface-overlay` with mono numerals; `success` deep green stays off the chart ramp.
81
-
82
- ## 9 Voice
83
- Spec-sheet terse: imperative verbs, exact numbers, zero enthusiasm. "Deploy build" ·
84
- "0 failures — 412 nodes reporting" · "Driver 551.86 rejected: checksum mismatch on
85
- line 4."
86
-
87
- ## 10 Do's & Don'ts
88
- Do treat `primary` green as a precious resource — one action per viewport, black ink
89
- on the fill. Do frame the white canvas in the black `sidebar`. Do jump weight
90
- straight to 700. Don't promote link-blue or the editorial purple into chrome — chart
91
- hues only. Don't let `success` borrow the saturated brand green. Don't pill anything
92
- or exceed 2px radius (avatars excepted). Don't signal elevation with drop shadows.
93
-
94
- ## 11 Responsive
95
- 375: black sidebar → off-canvas drawer; two-pane stacks; side panel → full sheet;
96
- dense grids scroll horizontally. 768: sidebar collapses to the black icon rail;
97
- tables scroll their overflow. 1024: two-pane queue+detail holds. 1440: forms cap;
98
- tables and dashboards take the full width.
99
-
100
- ## 12 Agent Prompt Guide
101
- One accent, always green — black on green, never white; if two things want the
102
- green, one is not primary. Frame the app in the black chrome. Build hierarchy from
103
- weight (400 vs 700) and hairlines, tracking 0, radius 2px everywhere. Every numeric
104
- column is tabular mono. Dark is authored — consult the block, never derive. Leave
105
- the marketing skin behind: hero display, dark hero chapters, corner squares,
106
- purple/blue washes.
107
-
108
- ```yaml design-values
109
- color:
110
- light:
111
- background: oklch(0.985 0.005 131)
112
- foreground: oklch(0.145 0.008 131)
113
- card: oklch(0.995 0.005 131)
114
- card-foreground: oklch(0.145 0.008 131)
115
- popover: oklch(0.995 0.005 131)
116
- popover-foreground: oklch(0.145 0.008 131)
117
- primary: oklch(0.713 0.194 131)
118
- primary-foreground: oklch(0.145 0.010 131)
119
- secondary: oklch(0.965 0.006 131)
120
- secondary-foreground: oklch(0.20 0.008 131)
121
- muted: oklch(0.955 0.006 131)
122
- muted-foreground: oklch(0.46 0.008 131)
123
- accent: oklch(0.955 0.045 125)
124
- accent-foreground: oklch(0.18 0.020 131)
125
- destructive: oklch(0.55 0.21 28)
126
- destructive-foreground: oklch(0.985 0.008 28)
127
- success: oklch(0.549 0.163 136)
128
- warning: oklch(0.646 0.175 48)
129
- border: oklch(0.85 0.006 131)
130
- input: oklch(0.85 0.006 131)
131
- ring: oklch(0.713 0.194 131)
132
- surface-raised: oklch(0.995 0.005 131)
133
- surface-overlay: oklch(0.995 0.005 131)
134
- chart-1: oklch(0.713 0.194 131)
135
- chart-2: oklch(0.42 0.164 259)
136
- chart-3: oklch(0.529 0.224 312)
137
- chart-4: oklch(0.646 0.175 48)
138
- chart-5: oklch(0.60 0.010 131)
139
- sidebar: oklch(0.13 0.008 131)
140
- sidebar-foreground: oklch(0.985 0.006 131)
141
- sidebar-primary: oklch(0.713 0.194 131)
142
- sidebar-primary-foreground: oklch(0.145 0.010 131)
143
- sidebar-accent: oklch(0.22 0.010 131)
144
- sidebar-accent-foreground: oklch(0.985 0.006 131)
145
- sidebar-border: oklch(0.42 0.008 131)
146
- sidebar-ring: oklch(0.713 0.194 131)
147
- dark:
148
- background: oklch(0.15 0.008 131)
149
- foreground: oklch(0.955 0.006 131)
150
- card: oklch(0.19 0.009 131)
151
- card-foreground: oklch(0.955 0.006 131)
152
- popover: oklch(0.25 0.010 131)
153
- popover-foreground: oklch(0.955 0.006 131)
154
- primary: oklch(0.75 0.19 131)
155
- primary-foreground: oklch(0.145 0.010 131)
156
- secondary: oklch(0.23 0.010 131)
157
- secondary-foreground: oklch(0.90 0.008 131)
158
- muted: oklch(0.22 0.010 131)
159
- muted-foreground: oklch(0.72 0.008 131)
160
- accent: oklch(0.28 0.050 131)
161
- accent-foreground: oklch(0.95 0.020 131)
162
- destructive: oklch(0.62 0.20 28)
163
- destructive-foreground: oklch(0.13 0.020 28)
164
- success: oklch(0.68 0.16 136)
165
- warning: oklch(0.72 0.16 48)
166
- border: oklch(0.28 0.010 131)
167
- input: oklch(0.28 0.010 131)
168
- ring: oklch(0.75 0.19 131)
169
- surface-raised: oklch(0.20 0.009 131)
170
- surface-overlay: oklch(0.25 0.010 131)
171
- chart-1: oklch(0.75 0.19 131)
172
- chart-2: oklch(0.62 0.13 259)
173
- chart-3: oklch(0.65 0.18 312)
174
- chart-4: oklch(0.72 0.16 48)
175
- chart-5: oklch(0.70 0.010 131)
176
- sidebar: oklch(0.11 0.008 131)
177
- sidebar-foreground: oklch(0.95 0.006 131)
178
- sidebar-primary: oklch(0.75 0.19 131)
179
- sidebar-primary-foreground: oklch(0.145 0.010 131)
180
- sidebar-accent: oklch(0.18 0.010 131)
181
- sidebar-accent-foreground: oklch(0.95 0.006 131)
182
- sidebar-border: oklch(0.26 0.010 131)
183
- sidebar-ring: oklch(0.75 0.19 131)
184
- typography:
185
- display: { family: "Inter Variable", fallback: "Arial, Helvetica, sans-serif", weights: [700] }
186
- sans: { family: "Inter Variable", fallback: "Arial, Helvetica, sans-serif", weights: [400, 700] }
187
- mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
188
- ramp:
189
- display: { size: 32px, line: 40px, weight: 700, family: display, tracking: 0 }
190
- h1: { size: 24px, line: 30px, weight: 700, family: sans, tracking: 0 }
191
- h2: { size: 20px, line: 25px, weight: 700, family: sans, tracking: 0 }
192
- body: { size: 16px, line: 24px, weight: 400, family: sans }
193
- small: { size: 15px, line: 21px, weight: 400, family: sans }
194
- caption: { size: 14px, line: 20px, weight: 700, family: sans, transform: uppercase }
195
- data: { size: 15px, line: 22px, weight: 400, family: mono, features: [tnum] }
196
- register-scope: { display: [page-title, empty-state], sans: [chrome, controls, body, headings], mono: [data, ids, codes, logs, timestamps] }
197
- elevation:
198
- radius: { sm: 2px, md: 2px, lg: 4px }
199
- hairline: border
200
- shadow:
201
- overlay: "0 4px 16px oklch(0.20 0.02 131 / 0.10)"
202
- popover: "0 2px 8px oklch(0.20 0.02 131 / 0.08)"
203
- dark-ladder: { background: 0.15, raised: 0.20, overlay: 0.25, hue-held: 131 }
204
- motion:
205
- duration: { press: 100ms, fade: 140ms, panel: 200ms }
206
- easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
207
- entrance-never: ease-in
208
- identity-moments: [auth, first-run-empty]
209
- iconography: { set: lucide, stroke: 2px, grid: [16px, 20px] }
210
- charts:
211
- categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
212
- sequential: { from: background, to: chart-1 }
213
- diverging: { negative: destructive, mid: muted, positive: success }
214
- layout: { base: 4px, sidebar: [248px, 56px], topbar: 56px, side-panel: [420px, 640px], content-max: 1440px }
215
- ```