@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,204 +0,0 @@
1
- ---
2
- schema: design-md/v2
3
- id: intercom
4
- tier: brand
5
- segments: [customer-service, support, saas]
6
- keywords: [cream, warm, fin-orange, editorial, calm, restrained]
7
- sourced: 2026-07-12
8
- sources: "design-md/v1 intercom entry (2026-07-04) + 2026-07-12 re-audit of the calm editorial customer-service brand; Inter Variable (emphasis capped at weight 500) substitutes Saans, JetBrains Mono substitutes SaansMono; the 72px hero, pure-black quote strip, pill tab toggles, and 96px section rhythm stay behind; Brand Blue and the report palette survive only as chart hues; dark theme authored (public web is light only)"
9
- license: open
10
- ---
11
-
12
- # intercom — a quiet publishing office after the mail run
13
-
14
- ## 1 Visual Theme
15
- A quiet publishing office after the mail run: a warm cream desk, white cards laid on top,
16
- charcoal ink, and one orange wax stamp held in reserve. Light by default; the anchor
17
- surface is not white — it is a soft warm cream `background`, the brand's defining signal.
18
- Panels and cards lift onto white `card`: the depth strategy is a surface change, not a
19
- shadow. Flat throughout — the cream-to-white ladder, warm hairline `border`, and type
20
- weight carry rank. A single chromatic voltage, Fin Orange `primary`, is held in reserve
21
- for the one action that matters. The dark theme is the same room by lamplight, a warm
22
- charcoal ladder — never inverted paper. Density is calm and editorial.
23
-
24
- ## 2 Color Roles
25
- Charcoal `foreground` on cream `background`; cards and panels lift onto white `card` — the
26
- white-on-cream shift is the elevation. `primary` Fin Orange is the single chromatic hue
27
- that carries meaning — the one primary action per surface, held in reserve. `accent` is a
28
- deeper cream for selection and hover — a warm-neutral shift, not color. Status hues speak
29
- status only; Brand Blue and the report palette survive only in charts. Sidebar sits a
30
- faint cream step off the canvas in both themes.
31
-
32
- ## 3 Typography
33
- Inter (single voice — the open substitute for Saans) / JetBrains Mono (IDs, timestamps,
34
- log lines — substitute for SaansMono). Register scope: no hero display face — Inter
35
- carries headings, and the signature is restraint, with emphasis capped at weight 500;
36
- the brand never bolds past it. Negative tracking scales with size. Eyebrows are sentence
37
- case, never all-caps tracked. Every numeric column renders `tabular-nums`.
38
-
39
- ## 4 Component Stylings
40
- Buttons `radius-md` (8px, never pill), Fin Orange `primary` fill on white; secondary
41
- takes warm-cream `secondary` with a hairline and a charcoal label; ghost goes `accent` on
42
- hover. Inputs take a white `card` fill with a hairline `input` edge and a 2px Fin Orange
43
- `ring`, no glow. Cards white lifting off the cream on a hairline, `radius-lg` for larger
44
- panels; shadow only when a true overlay floats. Table rows `muted` hover, `accent`
45
- selection (warm-neutral, not orange), mono numerals. Detail opens in the side panel.
46
- Badges pill, hairline, `muted`/status fill, sentence-case label, never `primary`.
47
-
48
- ## 5 Layout
49
- 8px base; ramp 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64. Sidebar 248/56px; topbar 56px; side
50
- panel 420/640px; content max 1280px; tables full-width; card interiors a calm 24px.
51
- Standard density, calm and editorial, stepped per archetype, never absolute overrides.
52
-
53
- ## 6 Depth
54
- Flat, surface-change-first — the cream-to-white ladder and warm hairlines carry rank;
55
- Intercom resists drop shadows. Light: cards lift by turning white on the cream; overlays
56
- earn one faint warm-tinted tier over a scrim. Dark: the authored ladder — `background`
57
- 0.19 L, `surface-raised` +0.04, `surface-overlay` +0.09, hue held at 60. Focus is a 2px
58
- Fin Orange `ring`, always visible; three z-levels: content, sticky chrome, overlay.
59
-
60
- ## 7 Motion
61
- Calm and editorial. Named moments: `panel-slide` (side panel, 240ms, interruptible),
62
- `page-fade` (content arrive, 160ms), `press` (primary action, 120ms). Physicality is
63
- granted only to auth and first-run empty states; nothing animates in tables or any
64
- keyboard-initiated action.
65
-
66
- ## 8 Iconography & Charts
67
- Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes, no
68
- gridline fills; the report palette runs as encodings — Fin Orange, brand blue, green,
69
- pink, gold (`chart-1..5`); tooltips on `surface-overlay` with mono numerals.
70
-
71
- ## 9 Voice
72
- Warm and human — a calm concierge, never breathless. "Start conversation" · "You're all
73
- caught up — no open conversations" · "This customer hasn't replied in 3 days; a nudge may
74
- help."
75
-
76
- ## 10 Do's & Don'ts
77
- Do anchor on the warm cream canvas — pure white reads as ordinary SaaS; the cream is the
78
- brand. Do lift panels onto white `card` off the cream — the surface change is the depth.
79
- Do reserve Fin Orange for the single most important action. Don't use pure white as the
80
- canvas or add drop shadows to floating cards. Don't spread Fin Orange — no orange section
81
- fills, no orange on secondary actions, no second chromatic accent. Don't bold past weight
82
- 500, pill the primary CTA, or write all-caps tracked eyebrows.
83
-
84
- ## 11 Responsive
85
- 375: sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet;
86
- density holds. 768: sidebar → icon rail; tables scroll overflow; card grids → 2-up. 1024:
87
- two-pane queue+detail holds; card grids 3-up. 1440: forms cap; tables and dashboards take
88
- the full width; the cream breathing widens.
89
-
90
- ## 12 Agent Prompt Guide
91
- Reach for the warm cream canvas first — never pure white; the cream tint is Intercom. Lift
92
- cards by turning them white on the cream, not by casting a shadow. Accent only the primary
93
- action in Fin Orange; if two things want it, one is not primary. Type stays at weight 500
94
- for emphasis, never bold; eyebrows are sentence case. Every numeric column is mono
95
- `tabular-nums`. Dark is authored — consult the block, never derive.
96
-
97
- ```yaml design-values
98
- color:
99
- light:
100
- background: oklch(0.96 0.008 74)
101
- foreground: oklch(0.18 0.004 74)
102
- card: oklch(0.995 0.003 74)
103
- card-foreground: oklch(0.18 0.004 74)
104
- popover: oklch(0.995 0.003 74)
105
- popover-foreground: oklch(0.18 0.004 74)
106
- primary: oklch(0.65 0.215 37)
107
- primary-foreground: oklch(0.99 0.01 60)
108
- secondary: oklch(0.93 0.009 78)
109
- secondary-foreground: oklch(0.24 0.005 74)
110
- muted: oklch(0.93 0.009 78)
111
- muted-foreground: oklch(0.50 0.006 78)
112
- accent: oklch(0.91 0.013 80)
113
- accent-foreground: oklch(0.24 0.005 74)
114
- destructive: oklch(0.53 0.20 28)
115
- destructive-foreground: oklch(0.99 0.01 28)
116
- success: oklch(0.60 0.15 150)
117
- warning: oklch(0.67 0.16 58)
118
- border: oklch(0.85 0.012 80)
119
- input: oklch(0.85 0.012 80)
120
- ring: oklch(0.65 0.215 37)
121
- surface-raised: oklch(0.99 0.004 74)
122
- surface-overlay: oklch(0.995 0.003 74)
123
- chart-1: oklch(0.65 0.215 37)
124
- chart-2: oklch(0.55 0.15 265)
125
- chart-3: oklch(0.60 0.14 150)
126
- chart-4: oklch(0.62 0.16 340)
127
- chart-5: oklch(0.70 0.13 90)
128
- sidebar: oklch(0.945 0.010 74)
129
- sidebar-foreground: oklch(0.18 0.004 74)
130
- sidebar-primary: oklch(0.65 0.215 37)
131
- sidebar-primary-foreground: oklch(0.99 0.01 60)
132
- sidebar-accent: oklch(0.91 0.013 80)
133
- sidebar-accent-foreground: oklch(0.24 0.005 74)
134
- sidebar-border: oklch(0.85 0.012 80)
135
- sidebar-ring: oklch(0.65 0.215 37)
136
- dark:
137
- background: oklch(0.19 0.008 60)
138
- foreground: oklch(0.95 0.006 74)
139
- card: oklch(0.23 0.009 60)
140
- card-foreground: oklch(0.95 0.006 74)
141
- popover: oklch(0.27 0.010 60)
142
- popover-foreground: oklch(0.95 0.006 74)
143
- primary: oklch(0.70 0.20 41)
144
- primary-foreground: oklch(0.16 0.02 41)
145
- secondary: oklch(0.25 0.009 60)
146
- secondary-foreground: oklch(0.90 0.007 74)
147
- muted: oklch(0.24 0.009 60)
148
- muted-foreground: oklch(0.71 0.010 74)
149
- accent: oklch(0.28 0.011 60)
150
- accent-foreground: oklch(0.92 0.006 74)
151
- destructive: oklch(0.62 0.20 28)
152
- destructive-foreground: oklch(0.15 0.02 28)
153
- success: oklch(0.68 0.15 150)
154
- warning: oklch(0.74 0.15 58)
155
- border: oklch(0.30 0.011 60)
156
- input: oklch(0.30 0.011 60)
157
- ring: oklch(0.70 0.20 41)
158
- surface-raised: oklch(0.23 0.009 60)
159
- surface-overlay: oklch(0.28 0.010 60)
160
- chart-1: oklch(0.72 0.19 41)
161
- chart-2: oklch(0.64 0.15 265)
162
- chart-3: oklch(0.68 0.14 150)
163
- chart-4: oklch(0.70 0.16 340)
164
- chart-5: oklch(0.78 0.13 90)
165
- sidebar: oklch(0.17 0.008 60)
166
- sidebar-foreground: oklch(0.90 0.007 74)
167
- sidebar-primary: oklch(0.70 0.20 41)
168
- sidebar-primary-foreground: oklch(0.16 0.02 41)
169
- sidebar-accent: oklch(0.26 0.011 60)
170
- sidebar-accent-foreground: oklch(0.92 0.006 74)
171
- sidebar-border: oklch(0.26 0.011 60)
172
- sidebar-ring: oklch(0.70 0.20 41)
173
- typography:
174
- display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [500] }
175
- sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
176
- mono: { family: "JetBrains Mono", fallback: "ui-monospace, monospace", weights: [400] }
177
- ramp:
178
- display: { size: 28px, line: 34px, weight: 500, family: display, tracking: -0.02em }
179
- h1: { size: 24px, line: 30px, weight: 500, family: sans, tracking: -0.015em }
180
- h2: { size: 20px, line: 26px, weight: 500, family: sans, 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: 13px, line: 17px, weight: 500, family: sans }
184
- data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
185
- register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body, headings], mono: [data, ids, timestamps, logs] }
186
- elevation:
187
- radius: { sm: 6px, md: 8px, lg: 12px }
188
- hairline: border
189
- shadow:
190
- overlay: "0 8px 28px oklch(0.20 0.02 60 / 0.10)"
191
- popover: "0 4px 14px oklch(0.20 0.02 60 / 0.08)"
192
- dark-ladder: { background: 0.19, raised: 0.23, overlay: 0.28, hue-held: 60 }
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: 8px, sidebar: [248px, 56px], topbar: 56px, side-panel: [420px, 640px], content-max: 1280px }
204
- ```
@@ -1,200 +0,0 @@
1
- ---
2
- schema: design-md/v2
3
- id: kraken
4
- tier: brand
5
- segments: [fintech, crypto, trading]
6
- keywords: [purple, crypto, exchange, cool, rounded, trustworthy]
7
- sourced: 2026-07-12
8
- sources: "design-md/v1 kraken entry (2026-07-04) + 2026-07-12 re-audit of the public Kraken identity; proprietary Kraken-Brand/Kraken-Product faces substituted with IBM Plex Sans (the corpus's own documented fallback)"
9
- license: open
10
- ---
11
-
12
- # kraken — a marble exchange lobby with one purple seal
13
-
14
- ## 1 Visual Theme
15
- A marble-and-glass exchange lobby: white stone underfoot, cool steel fittings, and a
16
- single deep-purple banner hung where every visitor's eye lands. Light default; dark is
17
- the same lobby after close — cool charcoal holding the blue-violet cast, never flipped
18
- paper. Flat: hierarchy rides hairline `border`, weight, and contrast; shadows stay at
19
- whisper level. One accent — Kraken Purple `primary` — commands the one action that
20
- matters. Density is standard; geometry firmly rounded, never a pill.
21
-
22
- ## 2 Color Roles
23
- Cool near-black `foreground` on a white `background`; the neutral field is a cool
24
- blue-gray ladder that reads engineered, not warm. `primary` purple is the only
25
- chromatic hue carrying brand meaning: the primary action, active nav, the inline brand
26
- link. `accent` is the light purple wash for selected rows and nav — a tint, never a
27
- fill. Trading direction rides `success` (up) / `destructive` (down) as text color only;
28
- `warning` is caution status, never chrome. `ring` focus is always the purple.
29
-
30
- ## 3 Typography
31
- IBM Plex Sans (single sans — the documented open fallback for the proprietary
32
- Kraken-Brand/Kraken-Product pair) / IBM Plex Mono (the fintech number voice). Register
33
- scope: the heavy display cut touches auth and first-run empty states only; Plex Sans at
34
- 600 with negative tracking carries every operator heading; Plex Mono owns prices,
35
- percent changes, IDs, and timestamps — every numeric column `tabular-nums`. Emphasis
36
- bumps weight, never size.
37
-
38
- ## 4 Component Stylings
39
- Buttons `radius-md` (12px), `primary` fill, no pill; outlined variant takes a
40
- `primary` hairline with `primary` text; subtle variant is the `accent` wash. Inputs
41
- hairline `border` with a 2px `ring` focus, no glow. Cards flat on `card` with a
42
- hairline; the whisper shadow only when a card must lift. Table rows dense with
43
- `border` grid lines, `muted` hover, `accent` selection; direction cells color text
44
- with `success`/`destructive`, never fills. Detail opens in the side panel. Badges:
45
- hairline `border`, low-alpha status fill, uppercase caption, 6px corner.
46
-
47
- ## 5 Layout
48
- 4px base; ramp 4 · 8 · 12 · 16 · 20 · 24 · 32 · 48. Sidebar 248/56px; topbar 56px;
49
- side panel 440/680px; content max 1440px; tables full-width. Clean and calm, never
50
- cramped — the marketing's odd 3/5/13px steps stay behind.
51
-
52
- ## 6 Depth
53
- Flat, hairline-first. Light: cool hairlines carry all structure; two whisper tiers
54
- only — a micro lift for cards that must rise, a soft tier for true overlays — both
55
- purple-tinted, never black. Dark: the surface ladder does depth — `background` 0.15 L,
56
- `surface-raised` +0.05, `surface-overlay` +0.10, hue held at 286. Focus is a 2px
57
- purple `ring`, never a glow; three z-levels: content, sticky chrome, overlay.
58
-
59
- ## 7 Motion
60
- Composed. Named moments: `panel-dock` (side panel, 220ms, interruptible), `row-settle`
61
- (list refresh fade, 140ms), `purple-press` (primary-action press, 100ms). Physicality
62
- is granted only to auth and first-run empty states. Nothing animates in price tables,
63
- order books, or any keyboard-initiated action.
64
-
65
- ## 8 Iconography & Charts
66
- Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
67
- no gridline fills; categorical ramp runs purple-led (`chart-1..5`); up/down series
68
- take `chart-2`/`chart-3`; tooltips on `surface-overlay` with mono numerals.
69
-
70
- ## 9 Voice
71
- Steady desk officer: precise verbs, figures stated without flourish, no exclamation.
72
- "Place order" · "No open positions — funding settles at 04:00 UTC" · "This withdrawal
73
- exceeds your daily limit; verify to continue."
74
-
75
- ## 10 Do's & Don'ts
76
- Do reserve Kraken Purple for exactly one action per viewport, active nav, and inline
77
- brand links. Do keep controls at the 12px `radius-md` ceiling — badges step down,
78
- nothing pills. Do carry every figure in mono with `tabular-nums`. Don't reach for an
79
- off-scale purple — off-scale purples read off-brand. Don't signal elevation with heavy
80
- or stacked shadows. Don't let up/down hues become fills or chrome.
81
-
82
- ## 11 Responsive
83
- 375: sidebar → off-canvas drawer, side panel → full sheet, asset rows stack ticker
84
- over price. 768: sidebar → icon rail; tables scroll overflow. 1024: two-pane
85
- queue+detail holds. 1440: forms cap; tables and dashboards take the full width.
86
-
87
- ## 12 Agent Prompt Guide
88
- Anchor on the white canvas; if two things want the purple, one is not primary. Keep
89
- the cool blue-gray temperature — never warm the neutrals. Every price, ID, and
90
- timestamp is mono; direction is text color, never a fill. Stay flat — hairline and
91
- surface before shadow. Dark is authored — consult the block, never derive.
92
-
93
- ```yaml design-values
94
- color:
95
- light:
96
- background: oklch(0.99 0.005 286)
97
- foreground: oklch(0.18 0.008 275)
98
- card: oklch(0.995 0.005 286)
99
- card-foreground: oklch(0.18 0.008 275)
100
- popover: oklch(0.995 0.005 286)
101
- popover-foreground: oklch(0.18 0.008 275)
102
- primary: oklch(0.53 0.26 289)
103
- primary-foreground: oklch(0.985 0.005 286)
104
- secondary: oklch(0.972 0.005 286)
105
- secondary-foreground: oklch(0.25 0.02 280)
106
- muted: oklch(0.962 0.006 286)
107
- muted-foreground: oklch(0.48 0.032 279)
108
- accent: oklch(0.934 0.034 294)
109
- accent-foreground: oklch(0.36 0.18 289)
110
- destructive: oklch(0.55 0.196 21)
111
- destructive-foreground: oklch(0.98 0.008 21)
112
- success: oklch(0.55 0.13 157)
113
- warning: oklch(0.68 0.155 68)
114
- border: oklch(0.903 0.009 286)
115
- input: oklch(0.903 0.009 286)
116
- ring: oklch(0.53 0.26 289)
117
- surface-raised: oklch(0.993 0.005 286)
118
- surface-overlay: oklch(0.995 0.005 286)
119
- chart-1: oklch(0.53 0.26 289)
120
- chart-2: oklch(0.62 0.14 157)
121
- chart-3: oklch(0.56 0.19 21)
122
- chart-4: oklch(0.5 0.21 282)
123
- chart-5: oklch(0.68 0.027 278)
124
- sidebar: oklch(0.975 0.006 286)
125
- sidebar-foreground: oklch(0.25 0.015 280)
126
- sidebar-primary: oklch(0.53 0.26 289)
127
- sidebar-primary-foreground: oklch(0.985 0.005 286)
128
- sidebar-accent: oklch(0.93 0.025 292)
129
- sidebar-accent-foreground: oklch(0.33 0.14 289)
130
- sidebar-border: oklch(0.903 0.009 286)
131
- sidebar-ring: oklch(0.53 0.26 289)
132
- dark:
133
- background: oklch(0.15 0.01 286)
134
- foreground: oklch(0.93 0.008 286)
135
- card: oklch(0.19 0.012 286)
136
- card-foreground: oklch(0.93 0.008 286)
137
- popover: oklch(0.25 0.014 286)
138
- popover-foreground: oklch(0.93 0.008 286)
139
- primary: oklch(0.58 0.24 289)
140
- primary-foreground: oklch(0.985 0.005 286)
141
- secondary: oklch(0.23 0.013 286)
142
- secondary-foreground: oklch(0.89 0.01 286)
143
- muted: oklch(0.22 0.012 286)
144
- muted-foreground: oklch(0.68 0.022 280)
145
- accent: oklch(0.29 0.055 289)
146
- accent-foreground: oklch(0.92 0.03 293)
147
- destructive: oklch(0.62 0.19 22)
148
- destructive-foreground: oklch(0.14 0.02 22)
149
- success: oklch(0.66 0.13 157)
150
- warning: oklch(0.74 0.14 68)
151
- border: oklch(0.27 0.013 286)
152
- input: oklch(0.27 0.013 286)
153
- ring: oklch(0.68 0.18 289)
154
- surface-raised: oklch(0.2 0.012 286)
155
- surface-overlay: oklch(0.25 0.014 286)
156
- chart-1: oklch(0.62 0.2 289)
157
- chart-2: oklch(0.7 0.13 157)
158
- chart-3: oklch(0.64 0.17 21)
159
- chart-4: oklch(0.58 0.18 282)
160
- chart-5: oklch(0.72 0.03 278)
161
- sidebar: oklch(0.13 0.01 286)
162
- sidebar-foreground: oklch(0.9 0.008 286)
163
- sidebar-primary: oklch(0.58 0.24 289)
164
- sidebar-primary-foreground: oklch(0.985 0.005 286)
165
- sidebar-accent: oklch(0.2 0.02 289)
166
- sidebar-accent-foreground: oklch(0.9 0.02 292)
167
- sidebar-border: oklch(0.22 0.012 286)
168
- sidebar-ring: oklch(0.68 0.18 289)
169
- typography:
170
- display: { family: "IBM Plex Sans Variable", fallback: "system-ui, sans-serif", weights: [600, 700] }
171
- sans: { family: "IBM Plex Sans Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
172
- mono: { family: "IBM Plex Mono", fallback: "ui-monospace, monospace", weights: [400, 500] }
173
- ramp:
174
- display: { size: 32px, line: 38px, weight: 700, family: display, tracking: -0.02em }
175
- h1: { size: 24px, line: 30px, weight: 600, family: sans, tracking: -0.01em }
176
- h2: { size: 20px, line: 26px, weight: 600, family: sans, tracking: -0.01em }
177
- body: { size: 14px, line: 20px, weight: 400, family: sans }
178
- small: { size: 13px, line: 18px, weight: 400, family: sans }
179
- caption: { size: 12px, line: 16px, weight: 600, family: sans, tracking: 0.02em }
180
- data: { size: 14px, line: 20px, weight: 500, family: mono, features: [tnum] }
181
- register-scope: { display: [auth, empty-state], sans: [chrome, controls, body, headings], mono: [data, prices, ids, timestamps] }
182
- elevation:
183
- radius: { sm: 6px, md: 12px, lg: 16px }
184
- hairline: border
185
- shadow:
186
- overlay: "0 4px 24px oklch(0.3 0.04 286 / 0.08)"
187
- popover: "0 1px 4px oklch(0.3 0.04 286 / 0.05)"
188
- dark-ladder: { background: 0.15, raised: 0.2, overlay: 0.25, hue-held: 286 }
189
- motion:
190
- duration: { press: 100ms, fade: 140ms, panel: 220ms }
191
- easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
192
- entrance-never: ease-in
193
- identity-moments: [auth, first-run-empty]
194
- iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
195
- charts:
196
- categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
197
- sequential: { from: background, to: chart-1 }
198
- diverging: { negative: chart-3, mid: muted, positive: chart-2 }
199
- layout: { base: 4px, sidebar: [248px, 56px], topbar: 56px, side-panel: [440px, 680px], content-max: 1440px }
200
- ```
@@ -1,198 +0,0 @@
1
- ---
2
- schema: design-md/v2
3
- id: linear-app
4
- tier: brand
5
- segments: [dev-tools, pm]
6
- keywords: [dark, minimal, keyboard, dense, lavender, crisp]
7
- sourced: 2026-07-12
8
- sources: "design-md/v1 linear-app entry (2026-07-04) + 2026-07-12 re-audit of the public Linear identity; Linear's proprietary sans substituted with Inter (the corpus's own documented substitute), Geist Mono kept per v1"
9
- license: open
10
- ---
11
-
12
- # linear-app — a darkened instrument panel at speed
13
-
14
- ## 1 Visual Theme
15
- The cockpit of a precision instrument at night: a matte near-black panel, charcoal
16
- modules a hairline above it, every dial legible at a glance, and one lavender indicator
17
- lit. **Dark is the signature theme** — the near-black canvas with a faint blue tint —
18
- and light is a valued daytime mode, not the default flipped. Flat: rank is the surface
19
- ladder and hairline `border`; Linear resists shadow almost entirely. One accent —
20
- lavender `primary` — appears only on the brand mark, the one primary action, the focus
21
- `ring`, and link emphasis. Density is dense: tight rows, minimal chrome, technical.
22
-
23
- ## 2 Color Roles
24
- Cool blue-gray neutrals so the UI reads engineered, never flatly gray. `primary`
25
- lavender is the only hue that carries meaning; `accent` is its faint wash for selected
26
- and hovered rows. Status hues (`destructive`, `success`, `warning`) speak status only —
27
- never chrome. The dark canvas is intentionally not pure black: the faint blue tint is
28
- the identity. Sidebar sits a half-step off the canvas in both themes.
29
-
30
- ## 3 Typography
31
- Inter (single voice — the open substitute for Linear's proprietary cut) / Geist Mono
32
- (IDs, codes, timestamps, log lines). Register scope: no display face — Inter at 600
33
- carries every heading; 700+ is resisted. The signature contrast is the uppercase
34
- eyebrow tracked *positive* against negatively-tracked headings. Every numeric column
35
- renders `tabular-nums`; emphasis bumps weight, never size.
36
-
37
- ## 4 Component Stylings
38
- Buttons `radius-md` (8px), `primary` fill, no pill, hover lifts one lavender step;
39
- secondary takes `secondary` fill with a hairline. Inputs hairline `input` edge with a
40
- 2px lavender `ring`, no glow. Cards a hairline above canvas on `border`, stepping to
41
- `radius-lg` for large panels. Table rows dense on `border` grid, `muted` hover,
42
- `accent` selection. Detail opens in the side panel, never a modal workspace. Badges:
43
- hairline, `muted`/status fill, uppercase eyebrow.
44
-
45
- ## 5 Layout
46
- 4px base; ramp 2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64. Sidebar 244/56px; topbar 48px;
47
- side panel 420/640px; content max 1280px; tables full-width. Dense globally — compact
48
- button padding, tight rows — stepped per archetype, never absolute overrides.
49
-
50
- ## 6 Depth
51
- Flat — the surface ladder and hairlines carry all rank. Dark: `background` 0.08 L,
52
- `card` a hairline above with a faint top-edge highlight, `surface-raised` 0.19,
53
- `surface-overlay` 0.23, hue held at 270. Light: white canvas, hairlines, and the rare
54
- soft shadow only on true overlays — blue-tinted, never black. Focus is a 2px lavender
55
- `ring`, always visible; three z-levels: content, sticky chrome, overlay.
56
-
57
- ## 7 Motion
58
- Near-instant. Named moments: `command-open` (command palette, 120ms), `panel-glide`
59
- (side panel, 200ms, interruptible), `focus-snap` (press feedback, 80ms). Physicality
60
- is granted only to auth. Nothing animates in tables, palettes, or any
61
- keyboard-initiated action — speed is the brand.
62
-
63
- ## 8 Iconography & Charts
64
- Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
65
- no gridline fills, lavender-led categorical ramp (`chart-1..5`), tooltips on
66
- `surface-overlay` with mono numerals.
67
-
68
- ## 9 Voice
69
- Terse engineer: short verbs, zero ceremony, no exclamation. "Create issue" · "No
70
- triage items — inbox zero since Tuesday" · "This branch is behind main; rebase before
71
- merging."
72
-
73
- ## 10 Do's & Don'ts
74
- Do default to dark — it is the identity; ship light as an equal daytime mode. Do
75
- reserve lavender for the brand mark, one primary action, focus, and links. Do walk the
76
- surface ladder without skipping steps. Don't use pure black — the faint blue tint is
77
- intentional. Don't use lavender as a fill or background. Don't pill the CTA, and never
78
- signal elevation with heavy shadow.
79
-
80
- ## 11 Responsive
81
- 375: sidebar → drawer; two-pane stacks; side panel → full sheet; density holds. 768:
82
- sidebar → icon rail; tables scroll overflow. 1024: two-pane queue+detail holds. 1440:
83
- forms cap; tables and dashboards take the full width.
84
-
85
- ## 12 Agent Prompt Guide
86
- Wear dark by default. Lead every list surface with its dense table; lead every entity
87
- with its primary read, not chrome. If two things want lavender, one is not primary.
88
- Every ID, code, and timestamp is mono; the `ring` is always visible. Dark is authored —
89
- consult the block, never derive.
90
-
91
- ```yaml design-values
92
- color:
93
- light:
94
- background: oklch(0.99 0.005 275)
95
- foreground: oklch(0.165 0.005 264)
96
- card: oklch(0.995 0.005 275)
97
- card-foreground: oklch(0.165 0.005 264)
98
- popover: oklch(0.995 0.005 275)
99
- popover-foreground: oklch(0.165 0.005 264)
100
- primary: oklch(0.555 0.16 275)
101
- primary-foreground: oklch(0.99 0.005 275)
102
- secondary: oklch(0.97 0.005 271)
103
- secondary-foreground: oklch(0.25 0.01 268)
104
- muted: oklch(0.965 0.005 271)
105
- muted-foreground: oklch(0.5 0.022 264)
106
- accent: oklch(0.951 0.018 279)
107
- accent-foreground: oklch(0.38 0.12 276)
108
- destructive: oklch(0.55 0.19 24)
109
- destructive-foreground: oklch(0.98 0.008 24)
110
- success: oklch(0.56 0.14 147)
111
- warning: oklch(0.7 0.14 60)
112
- border: oklch(0.925 0.005 275)
113
- input: oklch(0.891 0.007 269)
114
- ring: oklch(0.555 0.16 275)
115
- surface-raised: oklch(0.993 0.005 275)
116
- surface-overlay: oklch(0.995 0.005 275)
117
- chart-1: oklch(0.567 0.159 275)
118
- chart-2: oklch(0.712 0.151 250)
119
- chart-3: oklch(0.703 0.127 159)
120
- chart-4: oklch(0.76 0.142 60)
121
- chart-5: oklch(0.653 0.183 24)
122
- sidebar: oklch(0.975 0.005 271)
123
- sidebar-foreground: oklch(0.25 0.01 268)
124
- sidebar-primary: oklch(0.555 0.16 275)
125
- sidebar-primary-foreground: oklch(0.99 0.005 275)
126
- sidebar-accent: oklch(0.94 0.018 279)
127
- sidebar-accent-foreground: oklch(0.36 0.12 276)
128
- sidebar-border: oklch(0.925 0.005 275)
129
- sidebar-ring: oklch(0.555 0.16 275)
130
- dark:
131
- background: oklch(0.08 0.006 270)
132
- foreground: oklch(0.975 0.005 275)
133
- card: oklch(0.17 0.005 270)
134
- card-foreground: oklch(0.975 0.005 275)
135
- popover: oklch(0.23 0.006 270)
136
- popover-foreground: oklch(0.975 0.005 275)
137
- primary: oklch(0.555 0.16 275)
138
- primary-foreground: oklch(0.99 0.005 275)
139
- secondary: oklch(0.17 0.005 270)
140
- secondary-foreground: oklch(0.9 0.006 270)
141
- muted: oklch(0.195 0.005 270)
142
- muted-foreground: oklch(0.65 0.015 262)
143
- accent: oklch(0.236 0.027 281)
144
- accent-foreground: oklch(0.88 0.03 277)
145
- destructive: oklch(0.653 0.183 24)
146
- destructive-foreground: oklch(0.13 0.02 24)
147
- success: oklch(0.637 0.145 147)
148
- warning: oklch(0.76 0.142 60)
149
- border: oklch(0.264 0.01 268)
150
- input: oklch(0.327 0.011 286)
151
- ring: oklch(0.691 0.164 276)
152
- surface-raised: oklch(0.19 0.006 270)
153
- surface-overlay: oklch(0.23 0.006 270)
154
- chart-1: oklch(0.62 0.15 275)
155
- chart-2: oklch(0.72 0.15 250)
156
- chart-3: oklch(0.72 0.13 159)
157
- chart-4: oklch(0.78 0.14 60)
158
- chart-5: oklch(0.68 0.18 24)
159
- sidebar: oklch(0.11 0.006 275)
160
- sidebar-foreground: oklch(0.9 0.006 270)
161
- sidebar-primary: oklch(0.555 0.16 275)
162
- sidebar-primary-foreground: oklch(0.99 0.005 275)
163
- sidebar-accent: oklch(0.2 0.02 281)
164
- sidebar-accent-foreground: oklch(0.88 0.03 277)
165
- sidebar-border: oklch(0.22 0.008 268)
166
- sidebar-ring: oklch(0.691 0.164 276)
167
- typography:
168
- display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600] }
169
- sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
170
- mono: { family: "Geist Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
171
- ramp:
172
- display: { size: 28px, line: 34px, weight: 600, family: display, tracking: -0.02em }
173
- h1: { size: 24px, line: 30px, weight: 600, family: sans, tracking: -0.015em }
174
- h2: { size: 18px, line: 24px, weight: 600, family: sans, tracking: -0.01em }
175
- body: { size: 14px, line: 21px, weight: 400, family: sans }
176
- small: { size: 13px, line: 18px, weight: 400, family: sans }
177
- caption: { size: 12px, line: 16px, weight: 600, family: sans, tracking: 0.04em }
178
- data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
179
- register-scope: { display: [auth, empty-state], sans: [chrome, controls, body, headings], mono: [data, ids, codes, timestamps, logs] }
180
- elevation:
181
- radius: { sm: 4px, md: 8px, lg: 12px }
182
- hairline: border
183
- shadow:
184
- overlay: "0 8px 24px oklch(0.15 0.02 275 / 0.12)"
185
- popover: "0 4px 12px oklch(0.15 0.02 275 / 0.08)"
186
- dark-ladder: { background: 0.08, raised: 0.19, overlay: 0.23, hue-held: 270 }
187
- motion:
188
- duration: { press: 80ms, fade: 120ms, panel: 200ms }
189
- easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
190
- entrance-never: ease-in
191
- identity-moments: [auth]
192
- iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
193
- charts:
194
- categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
195
- sequential: { from: background, to: chart-1 }
196
- diverging: { negative: chart-5, mid: muted, positive: chart-3 }
197
- layout: { base: 4px, sidebar: [244px, 56px], topbar: 48px, side-panel: [420px, 640px], content-max: 1280px }
198
- ```