@nurix/etna 0.19.49 → 0.19.51

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 (436) hide show
  1. package/data/harness-index.json +1 -1
  2. package/data/harnesses/apollo/harness.json +2 -2
  3. package/data/harnesses/apollo/hooks/hooks.json +3 -1
  4. package/data/harnesses/apollo/skills/design/SKILL.md +55 -29
  5. package/data/harnesses/apollo/skills/design/references/compose.md +8 -4
  6. package/data/harnesses/apollo/skills/design/references/content.md +5 -5
  7. package/data/harnesses/apollo/skills/design/references/existing-apps.md +1 -1
  8. package/data/harnesses/apollo/skills/design/references/intake.md +11 -7
  9. package/data/harnesses/apollo/skills/design/references/object-pass.md +1 -1
  10. package/data/harnesses/apollo/skills/design/references/ship-gate.md +3 -3
  11. package/data/harnesses/apollo/skills/design/scripts/select-chart.mjs +26 -6
  12. package/data/harnesses/code/harness.json +2 -2
  13. package/data/harnesses/code/hooks/hooks.json +3 -1
  14. package/data/harnesses/code/skills/design/SKILL.md +55 -29
  15. package/data/harnesses/code/skills/design/references/compose.md +8 -4
  16. package/data/harnesses/code/skills/design/references/content.md +5 -5
  17. package/data/harnesses/code/skills/design/references/existing-apps.md +1 -1
  18. package/data/harnesses/code/skills/design/references/intake.md +11 -7
  19. package/data/harnesses/code/skills/design/references/object-pass.md +1 -1
  20. package/data/harnesses/code/skills/design/references/ship-gate.md +3 -3
  21. package/data/harnesses/code/skills/design/scripts/select-chart.mjs +26 -6
  22. package/package.json +2 -2
  23. package/data/harnesses/apollo/skills/design/data/blueprints/browse.md +0 -38
  24. package/data/harnesses/apollo/skills/design/data/blueprints/creation-flow.md +0 -38
  25. package/data/harnesses/apollo/skills/design/data/blueprints/dashboard.md +0 -38
  26. package/data/harnesses/apollo/skills/design/data/blueprints/grid.md +0 -38
  27. package/data/harnesses/apollo/skills/design/data/blueprints/queue.md +0 -38
  28. package/data/harnesses/apollo/skills/design/data/blueprints/record-detail.md +0 -38
  29. package/data/harnesses/apollo/skills/design/data/blueprints/settings.md +0 -38
  30. package/data/harnesses/apollo/skills/design/data/chart-styling/Readme.md +0 -33
  31. package/data/harnesses/apollo/skills/design/data/chart-styling/carbon-accessible-alert-semantic.md +0 -19
  32. package/data/harnesses/apollo/skills/design/data/chart-styling/carbon-monochrome-sequential-trend.md +0 -19
  33. package/data/harnesses/apollo/skills/design/data/chart-styling/datadog-classic-six-aligned.md +0 -19
  34. package/data/harnesses/apollo/skills/design/data/chart-styling/datawrapper-tiered-gray-hierarchy.md +0 -19
  35. package/data/harnesses/apollo/skills/design/data/chart-styling/econ-red-rule-horizontal.md +0 -19
  36. package/data/harnesses/apollo/skills/design/data/chart-styling/financial-diverging-threshold-overlay.md +0 -19
  37. package/data/harnesses/apollo/skills/design/data/chart-styling/ft-vocabulary-ranked-muted.md +0 -19
  38. package/data/harnesses/apollo/skills/design/data/chart-styling/grafana-dark-threshold-bands.md +0 -19
  39. package/data/harnesses/apollo/skills/design/data/chart-styling/material-rounded-explicit-label.md +0 -19
  40. package/data/harnesses/apollo/skills/design/data/chart-styling/nyt-ghost-grid-direct-label.md +0 -19
  41. package/data/harnesses/apollo/skills/design/data/chart-styling/plot-currentcolor-inherit.md +0 -19
  42. package/data/harnesses/apollo/skills/design/data/chart-styling/saas-gradient-glow-area.md +0 -19
  43. package/data/harnesses/apollo/skills/design/data/chart-styling/shadcn-composable-css-vars.md +0 -19
  44. package/data/harnesses/apollo/skills/design/data/charts/census.csv +0 -58
  45. package/data/harnesses/apollo/skills/design/data/checklists/browse.md +0 -21
  46. package/data/harnesses/apollo/skills/design/data/checklists/creation-flow.md +0 -20
  47. package/data/harnesses/apollo/skills/design/data/checklists/dashboard.md +0 -21
  48. package/data/harnesses/apollo/skills/design/data/checklists/grid.md +0 -21
  49. package/data/harnesses/apollo/skills/design/data/checklists/queue.md +0 -21
  50. package/data/harnesses/apollo/skills/design/data/checklists/record-detail.md +0 -21
  51. package/data/harnesses/apollo/skills/design/data/checklists/settings.md +0 -21
  52. package/data/harnesses/apollo/skills/design/data/chrome/board-column.md +0 -68
  53. package/data/harnesses/apollo/skills/design/data/chrome/data-table.md +0 -63
  54. package/data/harnesses/apollo/skills/design/data/chrome/side-panel.md +0 -60
  55. package/data/harnesses/apollo/skills/design/data/chrome/sidebar.md +0 -78
  56. package/data/harnesses/apollo/skills/design/data/chrome/stat-cards.md +0 -62
  57. package/data/harnesses/apollo/skills/design/data/chrome/topbar.md +0 -65
  58. package/data/harnesses/apollo/skills/design/data/color/accent-presets.md +0 -90
  59. package/data/harnesses/apollo/skills/design/data/color/aesop-earth-mute.md +0 -91
  60. package/data/harnesses/apollo/skills/design/data/color/arc-peach-play.md +0 -90
  61. package/data/harnesses/apollo/skills/design/data/color/attio-hunter-teal.md +0 -90
  62. package/data/harnesses/apollo/skills/design/data/color/carbon-cyan-signal.md +0 -90
  63. package/data/harnesses/apollo/skills/design/data/color/clay-parchment.md +0 -90
  64. package/data/harnesses/apollo/skills/design/data/color/duolingo-feather.md +0 -90
  65. package/data/harnesses/apollo/skills/design/data/color/geist-mono-signal.md +0 -90
  66. package/data/harnesses/apollo/skills/design/data/color/linear-graphite-violet.md +0 -90
  67. package/data/harnesses/apollo/skills/design/data/color/mercury-onyx-cobalt.md +0 -90
  68. package/data/harnesses/apollo/skills/design/data/color/notion-paper-ink.md +0 -90
  69. package/data/harnesses/apollo/skills/design/data/color/radix-slate-iris.md +0 -90
  70. package/data/harnesses/apollo/skills/design/data/color/raycast-void-spectrum.md +0 -90
  71. package/data/harnesses/apollo/skills/design/data/color/spectrum-celery-fuchsia.md +0 -90
  72. package/data/harnesses/apollo/skills/design/data/color/stripe-blurple-ruby.md +0 -90
  73. package/data/harnesses/apollo/skills/design/data/color/superhuman-cod-picton.md +0 -89
  74. package/data/harnesses/apollo/skills/design/data/corpora/operations-review/companies.csv +0 -15
  75. package/data/harnesses/apollo/skills/design/data/corpora/operations-review/corpus.md +0 -87
  76. package/data/harnesses/apollo/skills/design/data/corpora/operations-review/people.csv +0 -25
  77. package/data/harnesses/apollo/skills/design/data/corpora/procurement-approvals/companies.csv +0 -15
  78. package/data/harnesses/apollo/skills/design/data/corpora/procurement-approvals/corpus.md +0 -83
  79. package/data/harnesses/apollo/skills/design/data/corpora/procurement-approvals/people.csv +0 -25
  80. package/data/harnesses/apollo/skills/design/data/corpora/revenue-analytics/companies.csv +0 -15
  81. package/data/harnesses/apollo/skills/design/data/corpora/revenue-analytics/corpus.md +0 -89
  82. package/data/harnesses/apollo/skills/design/data/corpora/revenue-analytics/people.csv +0 -25
  83. package/data/harnesses/apollo/skills/design/data/elevation/ant-design-directional-shadow.md +0 -19
  84. package/data/harnesses/apollo/skills/design/data/elevation/apple-liquid-glass-material.md +0 -18
  85. package/data/harnesses/apollo/skills/design/data/elevation/atlassian-surface-shadow-pairing.md +0 -20
  86. package/data/harnesses/apollo/skills/design/data/elevation/fluent-2-key-ambient-ramp.md +0 -20
  87. package/data/harnesses/apollo/skills/design/data/elevation/github-primer-sparing-shadow.md +0 -19
  88. package/data/harnesses/apollo/skills/design/data/elevation/ibm-carbon-layer-and-border.md +0 -19
  89. package/data/harnesses/apollo/skills/design/data/elevation/linear-dark-surface-ladder.md +0 -17
  90. package/data/harnesses/apollo/skills/design/data/elevation/material-2-key-ambient-dp-ramp.md +0 -19
  91. package/data/harnesses/apollo/skills/design/data/elevation/material-3-tonal-elevation.md +0 -21
  92. package/data/harnesses/apollo/skills/design/data/elevation/neobrutalist-hard-offset.md +0 -19
  93. package/data/harnesses/apollo/skills/design/data/elevation/neumorphic-soft-dual-shadow.md +0 -18
  94. package/data/harnesses/apollo/skills/design/data/elevation/notion-warm-minimal-hairline.md +0 -17
  95. package/data/harnesses/apollo/skills/design/data/elevation/polaris-elevation-inset-bevel.md +0 -21
  96. package/data/harnesses/apollo/skills/design/data/elevation/radix-themes-alpha-ring-scale.md +0 -19
  97. package/data/harnesses/apollo/skills/design/data/elevation/shadcn-neutral-derived-radius.md +0 -19
  98. package/data/harnesses/apollo/skills/design/data/elevation/stripe-brand-tinted-dual-shadow.md +0 -18
  99. package/data/harnesses/apollo/skills/design/data/elevation/tailwind-default-utility-scale.md +0 -19
  100. package/data/harnesses/apollo/skills/design/data/elevation/vercel-geist-shadow-as-border.md +0 -20
  101. package/data/harnesses/apollo/skills/design/data/gradients/amber-attention-fill.md +0 -16
  102. package/data/harnesses/apollo/skills/design/data/gradients/cloud-shadow-wash.md +0 -16
  103. package/data/harnesses/apollo/skills/design/data/gradients/confident-lavender-wash.md +0 -16
  104. package/data/harnesses/apollo/skills/design/data/gradients/ember-ship-flare.md +0 -18
  105. package/data/harnesses/apollo/skills/design/data/gradients/full-metal-wash.md +0 -16
  106. package/data/harnesses/apollo/skills/design/data/gradients/indigo-ruby-cta-band.md +0 -18
  107. package/data/harnesses/apollo/skills/design/data/gradients/linear-graphite-wash.md +0 -18
  108. package/data/harnesses/apollo/skills/design/data/gradients/marble-quartz-wash.md +0 -16
  109. package/data/harnesses/apollo/skills/design/data/gradients/midnight-aurora-panel.md +0 -16
  110. package/data/harnesses/apollo/skills/design/data/gradients/neutral-volume-fill.md +0 -16
  111. package/data/harnesses/apollo/skills/design/data/gradients/revenue-uptrend-fill.md +0 -16
  112. package/data/harnesses/apollo/skills/design/data/gradients/risk-decline-fill.md +0 -16
  113. package/data/harnesses/apollo/skills/design/data/gradients/signal-blue-develop.md +0 -18
  114. package/data/harnesses/apollo/skills/design/data/gradients/slate-mist-wash.md +0 -16
  115. package/data/harnesses/apollo/skills/design/data/gradients/stripe-atmosphere-mesh.md +0 -18
  116. package/data/harnesses/apollo/skills/design/data/gradients/teal-signal-accent.md +0 -16
  117. package/data/harnesses/apollo/skills/design/data/gradients/violet-magenta-promo.md +0 -16
  118. package/data/harnesses/apollo/skills/design/data/iconography.md +0 -199
  119. package/data/harnesses/apollo/skills/design/data/motion/accordion-expand.md +0 -18
  120. package/data/harnesses/apollo/skills/design/data/motion/destructive-hold-confirm.md +0 -18
  121. package/data/harnesses/apollo/skills/design/data/motion/drag-dismiss-momentum.md +0 -18
  122. package/data/harnesses/apollo/skills/design/data/motion/empty-state-arrive.md +0 -18
  123. package/data/harnesses/apollo/skills/design/data/motion/hover-lift.md +0 -18
  124. package/data/harnesses/apollo/skills/design/data/motion/modal-center-arrive.md +0 -18
  125. package/data/harnesses/apollo/skills/design/data/motion/number-ticker-roll.md +0 -18
  126. package/data/harnesses/apollo/skills/design/data/motion/onboarding-bounce.md +0 -18
  127. package/data/harnesses/apollo/skills/design/data/motion/panel-slide.md +0 -18
  128. package/data/harnesses/apollo/skills/design/data/motion/press-feedback.md +0 -18
  129. package/data/harnesses/apollo/skills/design/data/motion/progress-linear-loop.md +0 -18
  130. package/data/harnesses/apollo/skills/design/data/motion/route-crossfade.md +0 -18
  131. package/data/harnesses/apollo/skills/design/data/motion/rubber-band-overscroll.md +0 -18
  132. package/data/harnesses/apollo/skills/design/data/motion/skeleton-shimmer.md +0 -18
  133. package/data/harnesses/apollo/skills/design/data/motion/stagger-arrive.md +0 -18
  134. package/data/harnesses/apollo/skills/design/data/motion/toast-enter-stack.md +0 -18
  135. package/data/harnesses/apollo/skills/design/data/motion/tooltip-chain-instant.md +0 -18
  136. package/data/harnesses/apollo/skills/design/data/motion/trigger-anchored-reveal.md +0 -18
  137. package/data/harnesses/apollo/skills/design/data/tells.csv +0 -34
  138. package/data/harnesses/apollo/skills/design/data/typography/anton-work-sans.md +0 -17
  139. package/data/harnesses/apollo/skills/design/data/typography/archivo-black-archivo.md +0 -17
  140. package/data/harnesses/apollo/skills/design/data/typography/bitter-karla.md +0 -17
  141. package/data/harnesses/apollo/skills/design/data/typography/dm-serif-dm-sans.md +0 -17
  142. package/data/harnesses/apollo/skills/design/data/typography/fraunces-inter.md +0 -17
  143. package/data/harnesses/apollo/skills/design/data/typography/geist-geist-mono.md +0 -17
  144. package/data/harnesses/apollo/skills/design/data/typography/hubot-sans-mona-sans.md +0 -17
  145. package/data/harnesses/apollo/skills/design/data/typography/ibm-plex-sans-operator-single-family.md +0 -17
  146. package/data/harnesses/apollo/skills/design/data/typography/instrument-serif-instrument-sans.md +0 -17
  147. package/data/harnesses/apollo/skills/design/data/typography/inter-operator-single-family.md +0 -17
  148. package/data/harnesses/apollo/skills/design/data/typography/libre-baskerville-libre-franklin.md +0 -17
  149. package/data/harnesses/apollo/skills/design/data/typography/newsreader-inter.md +0 -17
  150. package/data/harnesses/apollo/skills/design/data/typography/playfair-display-source-sans.md +0 -17
  151. package/data/harnesses/apollo/skills/design/data/typography/public-sans-operator-single-family.md +0 -17
  152. package/data/harnesses/apollo/skills/design/data/typography/sohne-inter-fintech.md +0 -17
  153. package/data/harnesses/apollo/skills/design/data/typography/source-serif-source-sans.md +0 -17
  154. package/data/harnesses/apollo/skills/design/data/typography/space-grotesk-work-sans-space-mono.md +0 -17
  155. package/data/harnesses/apollo/skills/design/data/typography/spectral-manrope.md +0 -17
  156. package/data/harnesses/apollo/skills/design/data/voices/bright-collaborator.md +0 -29
  157. package/data/harnesses/apollo/skills/design/data/voices/direct-operator.md +0 -29
  158. package/data/harnesses/apollo/skills/design/data/voices/earnest-helper.md +0 -29
  159. package/data/harnesses/apollo/skills/design/data/voices/editorial-composed.md +0 -29
  160. package/data/harnesses/apollo/skills/design/data/voices/quiet-concierge.md +0 -29
  161. package/data/harnesses/apollo/skills/design/data/voices/warm-guide.md +0 -29
  162. package/data/harnesses/apollo/skills/design/design-md/SCHEMA.md +0 -179
  163. package/data/harnesses/apollo/skills/design/design-md/index.csv +0 -67
  164. package/data/harnesses/apollo/skills/design/design-md/library/airbnb.md +0 -207
  165. package/data/harnesses/apollo/skills/design/design-md/library/airtable.md +0 -205
  166. package/data/harnesses/apollo/skills/design/design-md/library/anthropic-claude.md +0 -203
  167. package/data/harnesses/apollo/skills/design/design-md/library/apple.md +0 -206
  168. package/data/harnesses/apollo/skills/design/design-md/library/binance.md +0 -210
  169. package/data/harnesses/apollo/skills/design/design-md/library/bmw.md +0 -210
  170. package/data/harnesses/apollo/skills/design/design-md/library/cal.md +0 -209
  171. package/data/harnesses/apollo/skills/design/design-md/library/clay.md +0 -204
  172. package/data/harnesses/apollo/skills/design/design-md/library/clickhouse.md +0 -205
  173. package/data/harnesses/apollo/skills/design/design-md/library/cohere.md +0 -205
  174. package/data/harnesses/apollo/skills/design/design-md/library/coinbase.md +0 -198
  175. package/data/harnesses/apollo/skills/design/design-md/library/composio.md +0 -198
  176. package/data/harnesses/apollo/skills/design/design-md/library/cursor.md +0 -197
  177. package/data/harnesses/apollo/skills/design/design-md/library/elevenlabs.md +0 -199
  178. package/data/harnesses/apollo/skills/design/design-md/library/expo.md +0 -200
  179. package/data/harnesses/apollo/skills/design/design-md/library/figma.md +0 -199
  180. package/data/harnesses/apollo/skills/design/design-md/library/framer.md +0 -202
  181. package/data/harnesses/apollo/skills/design/design-md/library/hashicorp.md +0 -205
  182. package/data/harnesses/apollo/skills/design/design-md/library/ibm.md +0 -205
  183. package/data/harnesses/apollo/skills/design/design-md/library/intercom.md +0 -204
  184. package/data/harnesses/apollo/skills/design/design-md/library/kraken.md +0 -200
  185. package/data/harnesses/apollo/skills/design/design-md/library/linear-app.md +0 -198
  186. package/data/harnesses/apollo/skills/design/design-md/library/lovable.md +0 -199
  187. package/data/harnesses/apollo/skills/design/design-md/library/meta.md +0 -204
  188. package/data/harnesses/apollo/skills/design/design-md/library/minimax.md +0 -204
  189. package/data/harnesses/apollo/skills/design/design-md/library/mintlify.md +0 -210
  190. package/data/harnesses/apollo/skills/design/design-md/library/miro.md +0 -209
  191. package/data/harnesses/apollo/skills/design/design-md/library/mistral-ai.md +0 -201
  192. package/data/harnesses/apollo/skills/design/design-md/library/mongodb.md +0 -201
  193. package/data/harnesses/apollo/skills/design/design-md/library/notion.md +0 -204
  194. package/data/harnesses/apollo/skills/design/design-md/library/nvidia.md +0 -215
  195. package/data/harnesses/apollo/skills/design/design-md/library/ollama.md +0 -213
  196. package/data/harnesses/apollo/skills/design/design-md/library/opencode-ai.md +0 -216
  197. package/data/harnesses/apollo/skills/design/design-md/library/posthog.md +0 -218
  198. package/data/harnesses/apollo/skills/design/design-md/library/raycast.md +0 -214
  199. package/data/harnesses/apollo/skills/design/design-md/library/replicate.md +0 -202
  200. package/data/harnesses/apollo/skills/design/design-md/library/resend.md +0 -203
  201. package/data/harnesses/apollo/skills/design/design-md/library/revolut.md +0 -203
  202. package/data/harnesses/apollo/skills/design/design-md/library/runwayml.md +0 -203
  203. package/data/harnesses/apollo/skills/design/design-md/library/sanity.md +0 -200
  204. package/data/harnesses/apollo/skills/design/design-md/library/sentry.md +0 -201
  205. package/data/harnesses/apollo/skills/design/design-md/library/shopify.md +0 -202
  206. package/data/harnesses/apollo/skills/design/design-md/library/slack.md +0 -202
  207. package/data/harnesses/apollo/skills/design/design-md/library/spacex.md +0 -206
  208. package/data/harnesses/apollo/skills/design/design-md/library/spotify.md +0 -206
  209. package/data/harnesses/apollo/skills/design/design-md/library/stripe.md +0 -196
  210. package/data/harnesses/apollo/skills/design/design-md/library/supabase.md +0 -196
  211. package/data/harnesses/apollo/skills/design/design-md/library/superhuman.md +0 -194
  212. package/data/harnesses/apollo/skills/design/design-md/library/tesla.md +0 -198
  213. package/data/harnesses/apollo/skills/design/design-md/library/theverge.md +0 -199
  214. package/data/harnesses/apollo/skills/design/design-md/library/together-ai.md +0 -193
  215. package/data/harnesses/apollo/skills/design/design-md/library/uber.md +0 -195
  216. package/data/harnesses/apollo/skills/design/design-md/library/vercel.md +0 -195
  217. package/data/harnesses/apollo/skills/design/design-md/library/voltagent.md +0 -197
  218. package/data/harnesses/apollo/skills/design/design-md/library/warp.md +0 -196
  219. package/data/harnesses/apollo/skills/design/design-md/library/webflow.md +0 -197
  220. package/data/harnesses/apollo/skills/design/design-md/library/wired.md +0 -197
  221. package/data/harnesses/apollo/skills/design/design-md/library/wise.md +0 -198
  222. package/data/harnesses/apollo/skills/design/design-md/library/x-ai.md +0 -199
  223. package/data/harnesses/apollo/skills/design/design-md/library/zapier.md +0 -198
  224. package/data/harnesses/apollo/skills/design/design-md/nurix.md +0 -214
  225. package/data/harnesses/apollo/skills/design/design-md/variants/editorial-luxury.md +0 -184
  226. package/data/harnesses/apollo/skills/design/design-md/variants/expressive-saas.md +0 -216
  227. package/data/harnesses/apollo/skills/design/design-md/variants/quiet-premium.md +0 -211
  228. package/data/harnesses/apollo/skills/design/design-md/variants/terse-dense-operator.md +0 -212
  229. package/data/harnesses/apollo/skills/design/design-md/variants/warm-approachable.md +0 -216
  230. package/data/harnesses/code/skills/design/data/blueprints/browse.md +0 -38
  231. package/data/harnesses/code/skills/design/data/blueprints/creation-flow.md +0 -38
  232. package/data/harnesses/code/skills/design/data/blueprints/dashboard.md +0 -38
  233. package/data/harnesses/code/skills/design/data/blueprints/grid.md +0 -38
  234. package/data/harnesses/code/skills/design/data/blueprints/queue.md +0 -38
  235. package/data/harnesses/code/skills/design/data/blueprints/record-detail.md +0 -38
  236. package/data/harnesses/code/skills/design/data/blueprints/settings.md +0 -38
  237. package/data/harnesses/code/skills/design/data/chart-styling/Readme.md +0 -33
  238. package/data/harnesses/code/skills/design/data/chart-styling/carbon-accessible-alert-semantic.md +0 -19
  239. package/data/harnesses/code/skills/design/data/chart-styling/carbon-monochrome-sequential-trend.md +0 -19
  240. package/data/harnesses/code/skills/design/data/chart-styling/datadog-classic-six-aligned.md +0 -19
  241. package/data/harnesses/code/skills/design/data/chart-styling/datawrapper-tiered-gray-hierarchy.md +0 -19
  242. package/data/harnesses/code/skills/design/data/chart-styling/econ-red-rule-horizontal.md +0 -19
  243. package/data/harnesses/code/skills/design/data/chart-styling/financial-diverging-threshold-overlay.md +0 -19
  244. package/data/harnesses/code/skills/design/data/chart-styling/ft-vocabulary-ranked-muted.md +0 -19
  245. package/data/harnesses/code/skills/design/data/chart-styling/grafana-dark-threshold-bands.md +0 -19
  246. package/data/harnesses/code/skills/design/data/chart-styling/material-rounded-explicit-label.md +0 -19
  247. package/data/harnesses/code/skills/design/data/chart-styling/nyt-ghost-grid-direct-label.md +0 -19
  248. package/data/harnesses/code/skills/design/data/chart-styling/plot-currentcolor-inherit.md +0 -19
  249. package/data/harnesses/code/skills/design/data/chart-styling/saas-gradient-glow-area.md +0 -19
  250. package/data/harnesses/code/skills/design/data/chart-styling/shadcn-composable-css-vars.md +0 -19
  251. package/data/harnesses/code/skills/design/data/charts/census.csv +0 -58
  252. package/data/harnesses/code/skills/design/data/checklists/browse.md +0 -21
  253. package/data/harnesses/code/skills/design/data/checklists/creation-flow.md +0 -20
  254. package/data/harnesses/code/skills/design/data/checklists/dashboard.md +0 -21
  255. package/data/harnesses/code/skills/design/data/checklists/grid.md +0 -21
  256. package/data/harnesses/code/skills/design/data/checklists/queue.md +0 -21
  257. package/data/harnesses/code/skills/design/data/checklists/record-detail.md +0 -21
  258. package/data/harnesses/code/skills/design/data/checklists/settings.md +0 -21
  259. package/data/harnesses/code/skills/design/data/chrome/board-column.md +0 -68
  260. package/data/harnesses/code/skills/design/data/chrome/data-table.md +0 -63
  261. package/data/harnesses/code/skills/design/data/chrome/side-panel.md +0 -60
  262. package/data/harnesses/code/skills/design/data/chrome/sidebar.md +0 -78
  263. package/data/harnesses/code/skills/design/data/chrome/stat-cards.md +0 -62
  264. package/data/harnesses/code/skills/design/data/chrome/topbar.md +0 -65
  265. package/data/harnesses/code/skills/design/data/color/accent-presets.md +0 -90
  266. package/data/harnesses/code/skills/design/data/color/aesop-earth-mute.md +0 -91
  267. package/data/harnesses/code/skills/design/data/color/arc-peach-play.md +0 -90
  268. package/data/harnesses/code/skills/design/data/color/attio-hunter-teal.md +0 -90
  269. package/data/harnesses/code/skills/design/data/color/carbon-cyan-signal.md +0 -90
  270. package/data/harnesses/code/skills/design/data/color/clay-parchment.md +0 -90
  271. package/data/harnesses/code/skills/design/data/color/duolingo-feather.md +0 -90
  272. package/data/harnesses/code/skills/design/data/color/geist-mono-signal.md +0 -90
  273. package/data/harnesses/code/skills/design/data/color/linear-graphite-violet.md +0 -90
  274. package/data/harnesses/code/skills/design/data/color/mercury-onyx-cobalt.md +0 -90
  275. package/data/harnesses/code/skills/design/data/color/notion-paper-ink.md +0 -90
  276. package/data/harnesses/code/skills/design/data/color/radix-slate-iris.md +0 -90
  277. package/data/harnesses/code/skills/design/data/color/raycast-void-spectrum.md +0 -90
  278. package/data/harnesses/code/skills/design/data/color/spectrum-celery-fuchsia.md +0 -90
  279. package/data/harnesses/code/skills/design/data/color/stripe-blurple-ruby.md +0 -90
  280. package/data/harnesses/code/skills/design/data/color/superhuman-cod-picton.md +0 -89
  281. package/data/harnesses/code/skills/design/data/corpora/operations-review/companies.csv +0 -15
  282. package/data/harnesses/code/skills/design/data/corpora/operations-review/corpus.md +0 -87
  283. package/data/harnesses/code/skills/design/data/corpora/operations-review/people.csv +0 -25
  284. package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/companies.csv +0 -15
  285. package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/corpus.md +0 -83
  286. package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/people.csv +0 -25
  287. package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/companies.csv +0 -15
  288. package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/corpus.md +0 -89
  289. package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/people.csv +0 -25
  290. package/data/harnesses/code/skills/design/data/elevation/ant-design-directional-shadow.md +0 -19
  291. package/data/harnesses/code/skills/design/data/elevation/apple-liquid-glass-material.md +0 -18
  292. package/data/harnesses/code/skills/design/data/elevation/atlassian-surface-shadow-pairing.md +0 -20
  293. package/data/harnesses/code/skills/design/data/elevation/fluent-2-key-ambient-ramp.md +0 -20
  294. package/data/harnesses/code/skills/design/data/elevation/github-primer-sparing-shadow.md +0 -19
  295. package/data/harnesses/code/skills/design/data/elevation/ibm-carbon-layer-and-border.md +0 -19
  296. package/data/harnesses/code/skills/design/data/elevation/linear-dark-surface-ladder.md +0 -17
  297. package/data/harnesses/code/skills/design/data/elevation/material-2-key-ambient-dp-ramp.md +0 -19
  298. package/data/harnesses/code/skills/design/data/elevation/material-3-tonal-elevation.md +0 -21
  299. package/data/harnesses/code/skills/design/data/elevation/neobrutalist-hard-offset.md +0 -19
  300. package/data/harnesses/code/skills/design/data/elevation/neumorphic-soft-dual-shadow.md +0 -18
  301. package/data/harnesses/code/skills/design/data/elevation/notion-warm-minimal-hairline.md +0 -17
  302. package/data/harnesses/code/skills/design/data/elevation/polaris-elevation-inset-bevel.md +0 -21
  303. package/data/harnesses/code/skills/design/data/elevation/radix-themes-alpha-ring-scale.md +0 -19
  304. package/data/harnesses/code/skills/design/data/elevation/shadcn-neutral-derived-radius.md +0 -19
  305. package/data/harnesses/code/skills/design/data/elevation/stripe-brand-tinted-dual-shadow.md +0 -18
  306. package/data/harnesses/code/skills/design/data/elevation/tailwind-default-utility-scale.md +0 -19
  307. package/data/harnesses/code/skills/design/data/elevation/vercel-geist-shadow-as-border.md +0 -20
  308. package/data/harnesses/code/skills/design/data/gradients/amber-attention-fill.md +0 -16
  309. package/data/harnesses/code/skills/design/data/gradients/cloud-shadow-wash.md +0 -16
  310. package/data/harnesses/code/skills/design/data/gradients/confident-lavender-wash.md +0 -16
  311. package/data/harnesses/code/skills/design/data/gradients/ember-ship-flare.md +0 -18
  312. package/data/harnesses/code/skills/design/data/gradients/full-metal-wash.md +0 -16
  313. package/data/harnesses/code/skills/design/data/gradients/indigo-ruby-cta-band.md +0 -18
  314. package/data/harnesses/code/skills/design/data/gradients/linear-graphite-wash.md +0 -18
  315. package/data/harnesses/code/skills/design/data/gradients/marble-quartz-wash.md +0 -16
  316. package/data/harnesses/code/skills/design/data/gradients/midnight-aurora-panel.md +0 -16
  317. package/data/harnesses/code/skills/design/data/gradients/neutral-volume-fill.md +0 -16
  318. package/data/harnesses/code/skills/design/data/gradients/revenue-uptrend-fill.md +0 -16
  319. package/data/harnesses/code/skills/design/data/gradients/risk-decline-fill.md +0 -16
  320. package/data/harnesses/code/skills/design/data/gradients/signal-blue-develop.md +0 -18
  321. package/data/harnesses/code/skills/design/data/gradients/slate-mist-wash.md +0 -16
  322. package/data/harnesses/code/skills/design/data/gradients/stripe-atmosphere-mesh.md +0 -18
  323. package/data/harnesses/code/skills/design/data/gradients/teal-signal-accent.md +0 -16
  324. package/data/harnesses/code/skills/design/data/gradients/violet-magenta-promo.md +0 -16
  325. package/data/harnesses/code/skills/design/data/iconography.md +0 -199
  326. package/data/harnesses/code/skills/design/data/motion/accordion-expand.md +0 -18
  327. package/data/harnesses/code/skills/design/data/motion/destructive-hold-confirm.md +0 -18
  328. package/data/harnesses/code/skills/design/data/motion/drag-dismiss-momentum.md +0 -18
  329. package/data/harnesses/code/skills/design/data/motion/empty-state-arrive.md +0 -18
  330. package/data/harnesses/code/skills/design/data/motion/hover-lift.md +0 -18
  331. package/data/harnesses/code/skills/design/data/motion/modal-center-arrive.md +0 -18
  332. package/data/harnesses/code/skills/design/data/motion/number-ticker-roll.md +0 -18
  333. package/data/harnesses/code/skills/design/data/motion/onboarding-bounce.md +0 -18
  334. package/data/harnesses/code/skills/design/data/motion/panel-slide.md +0 -18
  335. package/data/harnesses/code/skills/design/data/motion/press-feedback.md +0 -18
  336. package/data/harnesses/code/skills/design/data/motion/progress-linear-loop.md +0 -18
  337. package/data/harnesses/code/skills/design/data/motion/route-crossfade.md +0 -18
  338. package/data/harnesses/code/skills/design/data/motion/rubber-band-overscroll.md +0 -18
  339. package/data/harnesses/code/skills/design/data/motion/skeleton-shimmer.md +0 -18
  340. package/data/harnesses/code/skills/design/data/motion/stagger-arrive.md +0 -18
  341. package/data/harnesses/code/skills/design/data/motion/toast-enter-stack.md +0 -18
  342. package/data/harnesses/code/skills/design/data/motion/tooltip-chain-instant.md +0 -18
  343. package/data/harnesses/code/skills/design/data/motion/trigger-anchored-reveal.md +0 -18
  344. package/data/harnesses/code/skills/design/data/tells.csv +0 -34
  345. package/data/harnesses/code/skills/design/data/typography/anton-work-sans.md +0 -17
  346. package/data/harnesses/code/skills/design/data/typography/archivo-black-archivo.md +0 -17
  347. package/data/harnesses/code/skills/design/data/typography/bitter-karla.md +0 -17
  348. package/data/harnesses/code/skills/design/data/typography/dm-serif-dm-sans.md +0 -17
  349. package/data/harnesses/code/skills/design/data/typography/fraunces-inter.md +0 -17
  350. package/data/harnesses/code/skills/design/data/typography/geist-geist-mono.md +0 -17
  351. package/data/harnesses/code/skills/design/data/typography/hubot-sans-mona-sans.md +0 -17
  352. package/data/harnesses/code/skills/design/data/typography/ibm-plex-sans-operator-single-family.md +0 -17
  353. package/data/harnesses/code/skills/design/data/typography/instrument-serif-instrument-sans.md +0 -17
  354. package/data/harnesses/code/skills/design/data/typography/inter-operator-single-family.md +0 -17
  355. package/data/harnesses/code/skills/design/data/typography/libre-baskerville-libre-franklin.md +0 -17
  356. package/data/harnesses/code/skills/design/data/typography/newsreader-inter.md +0 -17
  357. package/data/harnesses/code/skills/design/data/typography/playfair-display-source-sans.md +0 -17
  358. package/data/harnesses/code/skills/design/data/typography/public-sans-operator-single-family.md +0 -17
  359. package/data/harnesses/code/skills/design/data/typography/sohne-inter-fintech.md +0 -17
  360. package/data/harnesses/code/skills/design/data/typography/source-serif-source-sans.md +0 -17
  361. package/data/harnesses/code/skills/design/data/typography/space-grotesk-work-sans-space-mono.md +0 -17
  362. package/data/harnesses/code/skills/design/data/typography/spectral-manrope.md +0 -17
  363. package/data/harnesses/code/skills/design/data/voices/bright-collaborator.md +0 -29
  364. package/data/harnesses/code/skills/design/data/voices/direct-operator.md +0 -29
  365. package/data/harnesses/code/skills/design/data/voices/earnest-helper.md +0 -29
  366. package/data/harnesses/code/skills/design/data/voices/editorial-composed.md +0 -29
  367. package/data/harnesses/code/skills/design/data/voices/quiet-concierge.md +0 -29
  368. package/data/harnesses/code/skills/design/data/voices/warm-guide.md +0 -29
  369. package/data/harnesses/code/skills/design/design-md/SCHEMA.md +0 -179
  370. package/data/harnesses/code/skills/design/design-md/index.csv +0 -67
  371. package/data/harnesses/code/skills/design/design-md/library/airbnb.md +0 -207
  372. package/data/harnesses/code/skills/design/design-md/library/airtable.md +0 -205
  373. package/data/harnesses/code/skills/design/design-md/library/anthropic-claude.md +0 -203
  374. package/data/harnesses/code/skills/design/design-md/library/apple.md +0 -206
  375. package/data/harnesses/code/skills/design/design-md/library/binance.md +0 -210
  376. package/data/harnesses/code/skills/design/design-md/library/bmw.md +0 -210
  377. package/data/harnesses/code/skills/design/design-md/library/cal.md +0 -209
  378. package/data/harnesses/code/skills/design/design-md/library/clay.md +0 -204
  379. package/data/harnesses/code/skills/design/design-md/library/clickhouse.md +0 -205
  380. package/data/harnesses/code/skills/design/design-md/library/cohere.md +0 -205
  381. package/data/harnesses/code/skills/design/design-md/library/coinbase.md +0 -198
  382. package/data/harnesses/code/skills/design/design-md/library/composio.md +0 -198
  383. package/data/harnesses/code/skills/design/design-md/library/cursor.md +0 -197
  384. package/data/harnesses/code/skills/design/design-md/library/elevenlabs.md +0 -199
  385. package/data/harnesses/code/skills/design/design-md/library/expo.md +0 -200
  386. package/data/harnesses/code/skills/design/design-md/library/figma.md +0 -199
  387. package/data/harnesses/code/skills/design/design-md/library/framer.md +0 -202
  388. package/data/harnesses/code/skills/design/design-md/library/hashicorp.md +0 -205
  389. package/data/harnesses/code/skills/design/design-md/library/ibm.md +0 -205
  390. package/data/harnesses/code/skills/design/design-md/library/intercom.md +0 -204
  391. package/data/harnesses/code/skills/design/design-md/library/kraken.md +0 -200
  392. package/data/harnesses/code/skills/design/design-md/library/linear-app.md +0 -198
  393. package/data/harnesses/code/skills/design/design-md/library/lovable.md +0 -199
  394. package/data/harnesses/code/skills/design/design-md/library/meta.md +0 -204
  395. package/data/harnesses/code/skills/design/design-md/library/minimax.md +0 -204
  396. package/data/harnesses/code/skills/design/design-md/library/mintlify.md +0 -210
  397. package/data/harnesses/code/skills/design/design-md/library/miro.md +0 -209
  398. package/data/harnesses/code/skills/design/design-md/library/mistral-ai.md +0 -201
  399. package/data/harnesses/code/skills/design/design-md/library/mongodb.md +0 -201
  400. package/data/harnesses/code/skills/design/design-md/library/notion.md +0 -204
  401. package/data/harnesses/code/skills/design/design-md/library/nvidia.md +0 -215
  402. package/data/harnesses/code/skills/design/design-md/library/ollama.md +0 -213
  403. package/data/harnesses/code/skills/design/design-md/library/opencode-ai.md +0 -216
  404. package/data/harnesses/code/skills/design/design-md/library/posthog.md +0 -218
  405. package/data/harnesses/code/skills/design/design-md/library/raycast.md +0 -214
  406. package/data/harnesses/code/skills/design/design-md/library/replicate.md +0 -202
  407. package/data/harnesses/code/skills/design/design-md/library/resend.md +0 -203
  408. package/data/harnesses/code/skills/design/design-md/library/revolut.md +0 -203
  409. package/data/harnesses/code/skills/design/design-md/library/runwayml.md +0 -203
  410. package/data/harnesses/code/skills/design/design-md/library/sanity.md +0 -200
  411. package/data/harnesses/code/skills/design/design-md/library/sentry.md +0 -201
  412. package/data/harnesses/code/skills/design/design-md/library/shopify.md +0 -202
  413. package/data/harnesses/code/skills/design/design-md/library/slack.md +0 -202
  414. package/data/harnesses/code/skills/design/design-md/library/spacex.md +0 -206
  415. package/data/harnesses/code/skills/design/design-md/library/spotify.md +0 -206
  416. package/data/harnesses/code/skills/design/design-md/library/stripe.md +0 -196
  417. package/data/harnesses/code/skills/design/design-md/library/supabase.md +0 -196
  418. package/data/harnesses/code/skills/design/design-md/library/superhuman.md +0 -194
  419. package/data/harnesses/code/skills/design/design-md/library/tesla.md +0 -198
  420. package/data/harnesses/code/skills/design/design-md/library/theverge.md +0 -199
  421. package/data/harnesses/code/skills/design/design-md/library/together-ai.md +0 -193
  422. package/data/harnesses/code/skills/design/design-md/library/uber.md +0 -195
  423. package/data/harnesses/code/skills/design/design-md/library/vercel.md +0 -195
  424. package/data/harnesses/code/skills/design/design-md/library/voltagent.md +0 -197
  425. package/data/harnesses/code/skills/design/design-md/library/warp.md +0 -196
  426. package/data/harnesses/code/skills/design/design-md/library/webflow.md +0 -197
  427. package/data/harnesses/code/skills/design/design-md/library/wired.md +0 -197
  428. package/data/harnesses/code/skills/design/design-md/library/wise.md +0 -198
  429. package/data/harnesses/code/skills/design/design-md/library/x-ai.md +0 -199
  430. package/data/harnesses/code/skills/design/design-md/library/zapier.md +0 -198
  431. package/data/harnesses/code/skills/design/design-md/nurix.md +0 -214
  432. package/data/harnesses/code/skills/design/design-md/variants/editorial-luxury.md +0 -184
  433. package/data/harnesses/code/skills/design/design-md/variants/expressive-saas.md +0 -216
  434. package/data/harnesses/code/skills/design/design-md/variants/quiet-premium.md +0 -211
  435. package/data/harnesses/code/skills/design/design-md/variants/terse-dense-operator.md +0 -212
  436. package/data/harnesses/code/skills/design/design-md/variants/warm-approachable.md +0 -216
@@ -1,184 +0,0 @@
1
- ---
2
- schema: design-md/v2
3
- id: editorial-luxury
4
- tier: variant
5
- segments: [business-tools, finance, professional-services]
6
- keywords: [editorial, luxury, serif, navy, gold, premium, print-like]
7
- sourced: 2026-07-12
8
- sources: "bake-off runner-up entry; Fraunces specimen"
9
- license: open
10
- ---
11
-
12
- # editorial-luxury — a broadsheet finance desk after hours
13
-
14
- ## 1 Visual Theme
15
- A mahogany-desk private bank, not a startup: ivory paper tinted toward ink-navy, one
16
- gold accent used like a wax seal, generous margins, serif display speaking only in
17
- headlines. Light default; the dark theme is a lamplit reading room, not inverted paper.
18
-
19
- ## 2 Color Roles
20
- Ink-navy `foreground` on ivory `background`; `accent` gold is the single chromatic
21
- accent — primary action, focus ring, active nav marker, never fills or large areas.
22
- Status hues (`destructive`, `success`, `warning`) appear only on status chips and
23
- inline validation. Sidebar runs the inverted navy panel in both themes.
24
-
25
- ## 3 Typography
26
- Fraunces (display) / Inter (text) / IBM Plex Mono (data). Register scope: Fraunces
27
- touches page titles, empty states, and auth only — never cells, buttons, labels, or
28
- form chrome. Numerals in tables are always Plex Mono `tabular-nums`. Two weights per
29
- family; emphasis bumps weight, never size.
30
-
31
- ## 4 Component Stylings
32
- Buttons `radius-sm`, `primary` fill, no pill; inputs hairline `border` with `ring`
33
- focus; cards flat on `card` with hairline, never shadowed in light; table rows
34
- `table-row-height` dense, `muted` hover; detail opens in the side panel, gold rule
35
- at its head.
36
-
37
- ## 5 Layout
38
- 4px base; sidebar 256/60px; topbar 56px; side panel 440/680px; content max 1320px;
39
- margins generous (24px gutters) — the luxury is space, not ornament.
40
-
41
- ## 6 Depth
42
- Light: hairlines carry all structure; shadows only on overlays (popover, dialog) —
43
- navy-tinted, never black. Dark: the surface ladder does depth — `background` 0.16 L,
44
- `surface-raised` +0.05, `surface-overlay` +0.10, hue held at 262.
45
-
46
- ## 7 Motion
47
- Reserved. Named moments: `panel-slide` (side panel, 240ms, interruptible),
48
- `fade-arrive` (page content, 160ms), `gold-ink` (primary-action press, 120ms).
49
- Physicality granted only to auth and first-run empty states. Nothing animates in
50
- tables, palettes, or any keyboard-initiated action.
51
-
52
- ## 8 Iconography & Charts
53
- Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
54
- axes, no gridline fills, navy→gold categorical ramp (`chart-1..5`), tooltips on
55
- `surface-overlay` with mono numerals.
56
-
57
- ## 9 Voice
58
- Quiet concierge: verbs without exclamation, numbers stated plainly. "Add account" ·
59
- "Nothing needs review — 3 items clear on Monday" · "This transfer exceeds the desk
60
- limit; a second approver is required."
61
-
62
- ## 10 Do's & Don'ts
63
- Do reserve gold for exactly one element per viewport. Do let Fraunces speak only in
64
- display registers. Don't shadow cards in light. Don't pill buttons. Don't introduce
65
- a second chromatic accent — charts excepted, by ramp.
66
-
67
- ## 11 Responsive
68
- 375: sidebar → sheet, side panel → full sheet, tables → card rows with mono figures.
69
- 768: sidebar collapses to icon rail. 1024/1440: two-pane queue+detail holds; content
70
- centers under the 1320px cap.
71
-
72
- ## 12 Agent Prompt Guide
73
- Lead every surface with its work object, headline set in Fraunces. Spend the gold
74
- once. Keep density in the data, luxury in the margins. Dark is authored — consult
75
- the block, never derive.
76
-
77
- ```yaml design-values
78
- color:
79
- light:
80
- background: oklch(0.98 0.006 262)
81
- foreground: oklch(0.22 0.03 262)
82
- card: oklch(0.995 0.004 262)
83
- card-foreground: oklch(0.22 0.03 262)
84
- popover: oklch(1 0 0)
85
- popover-foreground: oklch(0.22 0.03 262)
86
- primary: oklch(0.30 0.06 262)
87
- primary-foreground: oklch(0.97 0.01 85)
88
- secondary: oklch(0.93 0.012 262)
89
- secondary-foreground: oklch(0.28 0.05 262)
90
- muted: oklch(0.945 0.009 262)
91
- muted-foreground: oklch(0.47 0.025 262)
92
- accent: oklch(0.70 0.12 85)
93
- accent-foreground: oklch(0.24 0.05 262)
94
- destructive: oklch(0.54 0.19 25)
95
- destructive-foreground: oklch(0.98 0.008 25)
96
- success: oklch(0.55 0.11 155)
97
- warning: oklch(0.68 0.13 75)
98
- border: oklch(0.895 0.012 262)
99
- input: oklch(0.895 0.012 262)
100
- ring: oklch(0.70 0.12 85)
101
- surface-raised: oklch(0.99 0.005 262)
102
- surface-overlay: oklch(1 0 0)
103
- chart-1: oklch(0.42 0.09 262)
104
- chart-2: oklch(0.70 0.12 85)
105
- chart-3: oklch(0.55 0.06 230)
106
- chart-4: oklch(0.60 0.08 55)
107
- chart-5: oklch(0.58 0.07 155)
108
- sidebar: oklch(0.25 0.045 262)
109
- sidebar-foreground: oklch(0.90 0.015 85)
110
- sidebar-primary: oklch(0.72 0.12 85)
111
- sidebar-primary-foreground: oklch(0.20 0.04 262)
112
- sidebar-accent: oklch(0.31 0.05 262)
113
- sidebar-accent-foreground: oklch(0.93 0.012 85)
114
- sidebar-border: oklch(0.33 0.04 262)
115
- sidebar-ring: oklch(0.72 0.12 85)
116
- dark:
117
- background: oklch(0.16 0.02 262)
118
- foreground: oklch(0.92 0.012 85)
119
- card: oklch(0.19 0.022 262)
120
- card-foreground: oklch(0.92 0.012 85)
121
- popover: oklch(0.26 0.028 262)
122
- popover-foreground: oklch(0.92 0.012 85)
123
- primary: oklch(0.78 0.11 85)
124
- primary-foreground: oklch(0.18 0.03 262)
125
- secondary: oklch(0.24 0.026 262)
126
- secondary-foreground: oklch(0.88 0.014 85)
127
- muted: oklch(0.23 0.024 262)
128
- muted-foreground: oklch(0.65 0.02 262)
129
- accent: oklch(0.78 0.12 85)
130
- accent-foreground: oklch(0.18 0.03 262)
131
- destructive: oklch(0.62 0.18 25)
132
- destructive-foreground: oklch(0.14 0.02 25)
133
- success: oklch(0.66 0.11 155)
134
- warning: oklch(0.74 0.13 75)
135
- border: oklch(0.27 0.025 262)
136
- input: oklch(0.27 0.025 262)
137
- ring: oklch(0.78 0.12 85)
138
- surface-raised: oklch(0.21 0.023 262)
139
- surface-overlay: oklch(0.26 0.028 262)
140
- chart-1: oklch(0.62 0.10 262)
141
- chart-2: oklch(0.78 0.12 85)
142
- chart-3: oklch(0.68 0.07 230)
143
- chart-4: oklch(0.70 0.09 55)
144
- chart-5: oklch(0.68 0.08 155)
145
- sidebar: oklch(0.13 0.018 262)
146
- sidebar-foreground: oklch(0.88 0.014 85)
147
- sidebar-primary: oklch(0.78 0.12 85)
148
- sidebar-primary-foreground: oklch(0.16 0.025 262)
149
- sidebar-accent: oklch(0.20 0.024 262)
150
- sidebar-accent-foreground: oklch(0.90 0.013 85)
151
- sidebar-border: oklch(0.22 0.022 262)
152
- sidebar-ring: oklch(0.78 0.12 85)
153
- typography:
154
- display: { family: "Fraunces Variable", fallback: "Georgia, serif", weights: [500, 600] }
155
- sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
156
- mono: { family: "IBM Plex Mono", fallback: "ui-monospace, monospace", weights: [400] }
157
- ramp:
158
- display: { size: 32px, line: 38px, weight: 600, family: display, tracking: -0.01em }
159
- h1: { size: 24px, line: 30px, weight: 600, family: display }
160
- h2: { size: 18px, line: 24px, weight: 600, family: sans }
161
- body: { size: 14px, line: 21px, weight: 400, family: sans }
162
- small: { size: 13px, line: 18px, weight: 400, family: sans }
163
- caption: { size: 12px, line: 16px, weight: 400, family: sans }
164
- data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
165
- register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
166
- elevation:
167
- radius: { sm: 4px, md: 6px, lg: 10px }
168
- hairline: border
169
- shadow:
170
- overlay: "0 8px 30px oklch(0.25 0.04 262 / 0.14)"
171
- popover: "0 4px 16px oklch(0.25 0.04 262 / 0.10)"
172
- dark-ladder: { background: 0.16, raised: 0.21, overlay: 0.26, hue-held: 262 }
173
- motion:
174
- duration: { press: 120ms, fade: 160ms, panel: 240ms }
175
- easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
176
- entrance-never: ease-in
177
- identity-moments: [auth, first-run-empty]
178
- iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
179
- charts:
180
- categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
181
- sequential: { from: background, to: chart-1 }
182
- diverging: { negative: destructive, mid: muted, positive: chart-5 }
183
- layout: { base: 4px, sidebar: [256px, 60px], topbar: 56px, side-panel: [440px, 680px], content-max: 1320px }
184
- ```
@@ -1,216 +0,0 @@
1
- ---
2
- schema: design-md/v2
3
- id: expressive-saas
4
- tier: variant
5
- segments: [b2b-saas, collaboration]
6
- keywords: [playful, colorful, friendly, bold, violet, rounded, energetic]
7
- sourced: 2026-07-12
8
- sources: "authored for the v2 variant roster; Outfit and DM Sans specimens"
9
- license: open
10
- ---
11
-
12
- # expressive-saas — a Saturday maker space with one steel workbench
13
-
14
- ## 1 Visual Theme
15
- A Saturday-morning maker space: white pegboard walls, violet tool grips in
16
- tidy rows, coral sticky notes stacking up on the wins board — and one steel
17
- workbench, swept clean, where the measuring actually happens. Light default;
18
- color is confident, not decorative: a saturated violet `primary` that acts,
19
- a coral wash that celebrates, rounded corners with real radius. The workbench
20
- is the law — every data register (tables, forms, logs) stays operator-grade:
21
- neutral surfaces, mono figures, zero bounce. Dark is the same space after
22
- dark with the string lights on — an authored ladder, never an inversion.
23
-
24
- ## 2 Color Roles
25
- Deep violet-slate `foreground` on a violet-washed `background`. `primary` is
26
- the saturated violet — primary actions, active nav, the `ring` — and it is
27
- the only hue allowed to command. `accent` is the coral wash, reserved for
28
- selection, celebration chips, and onboarding highlights; it decorates, never
29
- instructs. Status hues stay conventional and saturated (`destructive` red,
30
- `success` green, `warning` amber) — chips and validation only. The `sidebar`
31
- runs a violet-tinted half-step below the canvas; charts get the full
32
- five-hue party, by ramp only.
33
-
34
- ## 3 Typography
35
- Outfit (display) / DM Sans (text) / DM Mono (data). Outfit speaks at 700 in
36
- page titles, empty states, auth, and onboarding — never in cells, buttons,
37
- labels, or form chrome. DM Sans carries all chrome and body; DM Mono owns
38
- figures, IDs, and timestamps with `tabular-nums`. Emphasis bumps weight, not
39
- size; the playfulness lives in the display register and stops at the
40
- workbench.
41
-
42
- ## 4 Component Stylings
43
- Buttons `radius-md`, `primary` fill, generous padding — round, not pill.
44
- Inputs are `background` fill with hairline `border` and `radius-md`; focus
45
- draws the 2px violet `ring`. Cards sit on `card` with hairline plus a soft
46
- violet-tinted shadow — the one look-at-me the chrome gets. Table rows stay
47
- dense and flat: `muted` hover, `accent` selection tint, mono numerals — no
48
- radius theater inside data. Detail opens in the side panel; celebration
49
- belongs to empty states and onboarding, never to the queue.
50
-
51
- ## 5 Layout
52
- 4px base. Sidebar 268/68px; topbar 60px; side panel 480/720px; content caps
53
- at 1400px. Cards and marketing-adjacent moments (empty states, onboarding)
54
- may breathe; data surfaces run standard density and tighten per archetype.
55
- The grid is ordinary on purpose — the color is the personality, the bones
56
- are an operator's.
57
-
58
- ## 6 Depth
59
- Two honest levels: cards carry a soft violet-tinted shadow over hairlines;
60
- overlays carry a deeper one. Never a gray or black shadow, never stacked
61
- shadows to fake rank. Focus is the 2px `ring`, always visible. Dark drops
62
- shadows almost entirely and expresses depth as the ladder: `background` 0.17
63
- L, `surface-raised` +0.05, `surface-overlay` +0.10, hue held at 300.
64
-
65
- ## 7 Motion
66
- Springy where it's earned. Named moments: `pop-confirm` (success/celebration
67
- chips, 180ms, spring easing), `panel-slide` (side panel, 260ms,
68
- interruptible, standard easing), `fade-arrive` (page content, 180ms),
69
- `press` (140ms). The spring easing is granted only to identity moments —
70
- auth, first-run empty states, onboarding; tables, palettes, and every
71
- keyboard-initiated action get nothing. Entrances never ease-in, never
72
- scale from zero.
73
-
74
- ## 8 Iconography & Charts
75
- Lucide at 2px stroke — a confident line matching the rounded posture —
76
- 16/20px grid, `muted-foreground` default; nav always carries icons. Charts:
77
- hairline axes, no gridline fills, the five-hue categorical ramp
78
- (`chart-1..5`, violet leads), tooltips on `surface-overlay` with mono
79
- numerals. Chart chrome stays quiet so the ramp can be loud.
80
-
81
- ## 9 Voice
82
- Warm teammate, verbs first, one exclamation per surface at most — and only
83
- where something genuinely shipped. "Invite your team" · "Nothing here yet —
84
- your first board is one click away" · "That name's taken; try adding your
85
- team or project."
86
-
87
- ## 10 Do's & Don'ts
88
- Do let violet command and coral celebrate — in that order, never reversed.
89
- Do keep every data register flat, dense, and mono-figured. Do spend the
90
- spring easing only on identity moments. Don't pill buttons or balloon radius
91
- past the declared scale. Don't tint table rows with `accent` beyond
92
- selection. Don't let Outfit near a cell, button, or label. Don't animate
93
- anything an operator does a hundred times a day.
94
-
95
- ## 11 Responsive
96
- 375: sidebar → sheet, side panel → full sheet, tables → stacked cards with
97
- mono figures; celebration moments simplify to static color. 768: sidebar
98
- collapses to the icon rail. 1024: two-pane queue+detail holds. 1440: content
99
- centers under the 1400px cap; empty states earn their full illustration-free
100
- display-type treatment.
101
-
102
- ## 12 Agent Prompt Guide
103
- Build the operator bones first — table, panel, keyboard path — then paint:
104
- violet on the one action, coral on the one celebration. If a surface reads
105
- loud before its data reads, mute the chrome, not the data. Spring easing
106
- only at identity moments; the queue never bounces. Dark is authored —
107
- consult the block, never derive.
108
-
109
- ```yaml design-values
110
- color:
111
- light:
112
- background: oklch(0.982 0.007 300)
113
- foreground: oklch(0.235 0.03 300)
114
- card: oklch(0.988 0.005 300)
115
- card-foreground: oklch(0.235 0.03 300)
116
- popover: oklch(0.988 0.005 300)
117
- popover-foreground: oklch(0.235 0.03 300)
118
- primary: oklch(0.5 0.23 295)
119
- primary-foreground: oklch(0.98 0.008 300)
120
- secondary: oklch(0.945 0.02 300)
121
- secondary-foreground: oklch(0.32 0.09 296)
122
- muted: oklch(0.955 0.012 300)
123
- muted-foreground: oklch(0.46 0.03 300)
124
- accent: oklch(0.93 0.035 350)
125
- accent-foreground: oklch(0.4 0.15 350)
126
- destructive: oklch(0.54 0.2 27)
127
- destructive-foreground: oklch(0.98 0.006 27)
128
- success: oklch(0.62 0.17 150)
129
- warning: oklch(0.68 0.15 60)
130
- border: oklch(0.92 0.014 300)
131
- input: oklch(0.92 0.014 300)
132
- ring: oklch(0.5 0.23 295)
133
- surface-raised: oklch(0.988 0.005 300)
134
- surface-overlay: oklch(0.99 0.005 300)
135
- chart-1: oklch(0.5 0.23 295)
136
- chart-2: oklch(0.62 0.19 350)
137
- chart-3: oklch(0.65 0.13 195)
138
- chart-4: oklch(0.72 0.14 80)
139
- chart-5: oklch(0.6 0.16 150)
140
- sidebar: oklch(0.965 0.012 300)
141
- sidebar-foreground: oklch(0.235 0.03 300)
142
- sidebar-primary: oklch(0.5 0.23 295)
143
- sidebar-primary-foreground: oklch(0.98 0.008 300)
144
- sidebar-accent: oklch(0.93 0.03 296)
145
- sidebar-accent-foreground: oklch(0.38 0.14 296)
146
- sidebar-border: oklch(0.92 0.014 300)
147
- sidebar-ring: oklch(0.5 0.23 295)
148
- dark:
149
- background: oklch(0.17 0.015 300)
150
- foreground: oklch(0.92 0.012 300)
151
- card: oklch(0.2 0.017 300)
152
- card-foreground: oklch(0.92 0.012 300)
153
- popover: oklch(0.27 0.02 300)
154
- popover-foreground: oklch(0.92 0.012 300)
155
- primary: oklch(0.68 0.17 295)
156
- primary-foreground: oklch(0.14 0.03 298)
157
- secondary: oklch(0.26 0.03 298)
158
- secondary-foreground: oklch(0.89 0.02 300)
159
- muted: oklch(0.24 0.02 300)
160
- muted-foreground: oklch(0.71 0.025 300)
161
- accent: oklch(0.3 0.06 350)
162
- accent-foreground: oklch(0.87 0.05 350)
163
- destructive: oklch(0.63 0.19 25)
164
- destructive-foreground: oklch(0.12 0.02 25)
165
- success: oklch(0.7 0.16 150)
166
- warning: oklch(0.76 0.14 65)
167
- border: oklch(0.29 0.02 300)
168
- input: oklch(0.29 0.02 300)
169
- ring: oklch(0.68 0.17 295)
170
- surface-raised: oklch(0.22 0.018 300)
171
- surface-overlay: oklch(0.27 0.02 300)
172
- chart-1: oklch(0.68 0.17 295)
173
- chart-2: oklch(0.72 0.16 350)
174
- chart-3: oklch(0.75 0.12 195)
175
- chart-4: oklch(0.8 0.13 80)
176
- chart-5: oklch(0.72 0.15 150)
177
- sidebar: oklch(0.15 0.014 300)
178
- sidebar-foreground: oklch(0.9 0.014 300)
179
- sidebar-primary: oklch(0.68 0.17 295)
180
- sidebar-primary-foreground: oklch(0.14 0.03 298)
181
- sidebar-accent: oklch(0.23 0.03 298)
182
- sidebar-accent-foreground: oklch(0.9 0.014 300)
183
- sidebar-border: oklch(0.26 0.018 300)
184
- sidebar-ring: oklch(0.68 0.17 295)
185
- typography:
186
- display: { family: "Outfit Variable", fallback: "system-ui, sans-serif", weights: [600, 700] }
187
- sans: { family: "DM Sans Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
188
- mono: { family: "DM Mono", fallback: "ui-monospace, monospace", weights: [400, 500] }
189
- ramp:
190
- display: { size: 32px, line: 38px, weight: 700, family: display, tracking: -0.015em }
191
- h1: { size: 26px, line: 32px, weight: 700, family: display }
192
- h2: { size: 19px, line: 26px, weight: 600, family: sans }
193
- body: { size: 14px, line: 21px, weight: 400, family: sans }
194
- small: { size: 13px, line: 18px, weight: 400, family: sans }
195
- caption: { size: 12px, line: 16px, weight: 500, family: sans }
196
- data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
197
- register-scope: { display: [page-title, empty-state, auth, onboarding], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
198
- elevation:
199
- radius: { sm: 8px, md: 12px, lg: 20px }
200
- hairline: border
201
- shadow:
202
- overlay: "0 12px 32px oklch(0.35 0.09 295 / 0.16)"
203
- popover: "0 4px 14px oklch(0.35 0.09 295 / 0.12)"
204
- dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.27, hue-held: 300 }
205
- motion:
206
- duration: { press: 140ms, fade: 180ms, panel: 260ms }
207
- easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", spring: "cubic-bezier(0.34, 1.56, 0.64, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
208
- entrance-never: ease-in
209
- identity-moments: [auth, first-run-empty, onboarding]
210
- iconography: { set: lucide, stroke: 2px, grid: [16px, 20px] }
211
- charts:
212
- categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
213
- sequential: { from: background, to: chart-1 }
214
- diverging: { negative: destructive, mid: muted, positive: success }
215
- layout: { base: 4px, sidebar: [268px, 68px], topbar: 60px, side-panel: [480px, 720px], content-max: 1400px }
216
- ```
@@ -1,211 +0,0 @@
1
- ---
2
- schema: design-md/v2
3
- id: quiet-premium
4
- tier: variant
5
- segments: [b2b-saas, infra]
6
- keywords: [premium, calm, muted, restrained, sage, soft, one-voice]
7
- sourced: 2026-07-12
8
- sources: "authored for the v2 variant roster; Hanken Grotesk specimen"
9
- license: open
10
- ---
11
-
12
- # quiet-premium — the client floor of a discreet asset office
13
-
14
- ## 1 Visual Theme
15
- The client floor of a discreet asset office: honed pale stone underfoot, sage
16
- wool panels on the walls, brushed steel dimmed to matte, one fern by the
17
- window — nothing announces itself, everything is finished. Light default; the
18
- money shows as restraint: soft (never harsh) ink contrast, neutrals tinted
19
- faintly toward eucalyptus, exactly one desaturated green accent, and air —
20
- generous line-height and margins where louder products spend pixels on
21
- ornament. Dark is the same floor at dusk with the lamps low, an authored
22
- ladder in the same hue.
23
-
24
- ## 2 Color Roles
25
- Soft graphite-green `foreground` on a sage-washed `background` — deliberately
26
- short of maximum contrast, never short of legible. `primary` is the one
27
- desaturated eucalyptus green, spent on the primary action, active nav, and the
28
- `ring`; `accent` is its pale wash for selection and hover. Status hues are
29
- muted to match the room: `destructive` clay-red, `success` moss, `warning`
30
- dry amber — chips and validation only, never chrome. The `sidebar` is one
31
- tone deeper than the canvas, separated by hairline, not contrast.
32
-
33
- ## 3 Typography
34
- One voice: Hanken Grotesk for display and text alike — restraint is a single
35
- family carrying every register — with Fragment Mono for figures, IDs, and
36
- timestamps. The display register is Hanken at 30px and medium weight, never
37
- bold; emphasis anywhere bumps 400 → 500 and stops. Line-height runs generous
38
- (body 14/22) — the luxury is air between lines. Numeric columns are always
39
- Fragment Mono `tabular-nums`.
40
-
41
- ## 4 Component Stylings
42
- Buttons `radius-sm`, `primary` fill for the one action, `secondary` fill +
43
- hairline for everything else, never a pill. Inputs are `background` fill with
44
- hairline `border`; focus is the quiet 2px `ring`, no glow. Cards sit flat on
45
- `card` behind a hairline — shadow is reserved for true overlays and even
46
- there stays nearly invisible. Table rows breathe (relaxed height), `muted`
47
- hover, `accent` selection. Detail opens in the side panel, its head set in
48
- the display register.
49
-
50
- ## 5 Layout
51
- 4px base. Sidebar 264/64px; topbar 60px; side panel 460/720px; content caps
52
- at 1280px and centers — wide margins are part of the identity. Forms run
53
- narrow and single-column. Density is relaxed by default and may step to
54
- standard on data-heavy archetypes, never to compressed.
55
-
56
- ## 6 Depth
57
- Hairlines carry all structure in light; the two declared shadows (popover,
58
- overlay) are sage-tinted and so faint they read as atmosphere, not elevation.
59
- No card shadows, ever. Focus is the 2px `ring`. Dark expresses depth as the
60
- surface ladder: `background` 0.19 L, `surface-raised` +0.05, `surface-overlay`
61
- +0.09, hue held at 175 — raised things get lighter, never glow.
62
-
63
- ## 7 Motion
64
- Unhurried and few. Named moments: `panel-drift` (side panel, 280ms,
65
- interruptible), `fade-arrive` (page content, 200ms), `press` (120ms). Easing
66
- is a long ease-out; nothing springs, nothing bounces. No animation on
67
- keyboard-initiated or high-frequency actions. Physicality is granted only to
68
- auth and the first-run empty state, as a slow fade, not a flourish.
69
-
70
- ## 8 Iconography & Charts
71
- Lucide at 1.25px stroke — a lighter line than default, matching the soft ink
72
- — on the 16/20px grid, `muted-foreground` by default. Charts: hairline axes,
73
- no gridline fills, a muted five-hue ramp led by the eucalyptus (`chart-1..5`),
74
- tooltips on `surface-overlay` with mono numerals. No chart ever shouts; the
75
- data may.
76
-
77
- ## 9 Voice
78
- Measured host: complete sentences, no urgency theater, numbers plain.
79
- "Add mandate" · "Nothing awaiting review — the next rebalance lands Thursday"
80
- · "This allocation exceeds the drafted limit; adjust it or request a second
81
- signature."
82
-
83
- ## 10 Do's & Don'ts
84
- Do keep exactly one desaturated accent — if a surface wants a second color,
85
- it wants a hairline instead. Do spend space before spending weight. Do keep
86
- shadows at atmosphere level or absent. Don't push `foreground` to pure black
87
- — the softness is the brand. Don't bold; medium is the ceiling. Don't
88
- introduce saturated status colors; muted clay, moss, and amber only. Don't
89
- compress density below standard.
90
-
91
- ## 11 Responsive
92
- 375: sidebar → sheet, side panel → full sheet, tables → stacked cards with
93
- mono figures; line-height holds. 768: sidebar collapses to the icon rail.
94
- 1024: two-pane queue+detail holds. 1440: content stays capped at 1280px; the
95
- margins widen — the calm scales, the text measure doesn't.
96
-
97
- ## 12 Agent Prompt Guide
98
- Set the room before the furniture: margins and line-height first, then
99
- hairlines, then ink. One family, two weights, one green — if a design wants
100
- more, it has drifted off-package. Prefer removing an element to muting it.
101
- Dark is authored — consult the block, never derive. Never let a shadow do a
102
- hairline's job.
103
-
104
- ```yaml design-values
105
- color:
106
- light:
107
- background: oklch(0.977 0.006 168)
108
- foreground: oklch(0.3 0.02 175)
109
- card: oklch(0.985 0.005 168)
110
- card-foreground: oklch(0.3 0.02 175)
111
- popover: oklch(0.988 0.005 168)
112
- popover-foreground: oklch(0.3 0.02 175)
113
- primary: oklch(0.43 0.07 172)
114
- primary-foreground: oklch(0.975 0.006 168)
115
- secondary: oklch(0.945 0.009 168)
116
- secondary-foreground: oklch(0.33 0.025 172)
117
- muted: oklch(0.95 0.008 168)
118
- muted-foreground: oklch(0.47 0.02 172)
119
- accent: oklch(0.925 0.015 168)
120
- accent-foreground: oklch(0.36 0.055 172)
121
- destructive: oklch(0.52 0.16 25)
122
- destructive-foreground: oklch(0.975 0.006 25)
123
- success: oklch(0.55 0.1 160)
124
- warning: oklch(0.66 0.11 70)
125
- border: oklch(0.912 0.012 168)
126
- input: oklch(0.912 0.012 168)
127
- ring: oklch(0.52 0.075 172)
128
- surface-raised: oklch(0.985 0.005 168)
129
- surface-overlay: oklch(0.988 0.005 168)
130
- chart-1: oklch(0.5 0.09 172)
131
- chart-2: oklch(0.55 0.07 220)
132
- chart-3: oklch(0.62 0.09 90)
133
- chart-4: oklch(0.55 0.06 300)
134
- chart-5: oklch(0.6 0.08 40)
135
- sidebar: oklch(0.963 0.008 168)
136
- sidebar-foreground: oklch(0.3 0.02 175)
137
- sidebar-primary: oklch(0.43 0.07 172)
138
- sidebar-primary-foreground: oklch(0.975 0.006 168)
139
- sidebar-accent: oklch(0.925 0.015 168)
140
- sidebar-accent-foreground: oklch(0.36 0.055 172)
141
- sidebar-border: oklch(0.912 0.012 168)
142
- sidebar-ring: oklch(0.52 0.075 172)
143
- dark:
144
- background: oklch(0.19 0.012 175)
145
- foreground: oklch(0.9 0.01 168)
146
- card: oklch(0.22 0.013 175)
147
- card-foreground: oklch(0.9 0.01 168)
148
- popover: oklch(0.28 0.015 175)
149
- popover-foreground: oklch(0.9 0.01 168)
150
- primary: oklch(0.72 0.09 170)
151
- primary-foreground: oklch(0.16 0.02 175)
152
- secondary: oklch(0.26 0.014 175)
153
- secondary-foreground: oklch(0.87 0.012 168)
154
- muted: oklch(0.25 0.013 175)
155
- muted-foreground: oklch(0.7 0.015 170)
156
- accent: oklch(0.3 0.03 172)
157
- accent-foreground: oklch(0.85 0.05 168)
158
- destructive: oklch(0.63 0.14 25)
159
- destructive-foreground: oklch(0.12 0.02 25)
160
- success: oklch(0.68 0.11 160)
161
- warning: oklch(0.75 0.11 70)
162
- border: oklch(0.29 0.015 175)
163
- input: oklch(0.29 0.015 175)
164
- ring: oklch(0.72 0.09 170)
165
- surface-raised: oklch(0.24 0.014 175)
166
- surface-overlay: oklch(0.28 0.015 175)
167
- chart-1: oklch(0.7 0.1 170)
168
- chart-2: oklch(0.68 0.08 220)
169
- chart-3: oklch(0.75 0.09 90)
170
- chart-4: oklch(0.68 0.07 300)
171
- chart-5: oklch(0.72 0.09 45)
172
- sidebar: oklch(0.17 0.011 175)
173
- sidebar-foreground: oklch(0.88 0.012 168)
174
- sidebar-primary: oklch(0.72 0.09 170)
175
- sidebar-primary-foreground: oklch(0.16 0.02 175)
176
- sidebar-accent: oklch(0.25 0.02 172)
177
- sidebar-accent-foreground: oklch(0.88 0.012 168)
178
- sidebar-border: oklch(0.27 0.013 175)
179
- sidebar-ring: oklch(0.72 0.09 170)
180
- typography:
181
- display: { family: "Hanken Grotesk Variable", fallback: "system-ui, sans-serif", weights: [500] }
182
- sans: { family: "Hanken Grotesk Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
183
- mono: { family: "Fragment Mono", fallback: "ui-monospace, monospace", weights: [400] }
184
- ramp:
185
- display: { size: 30px, line: 40px, weight: 500, family: display, tracking: -0.005em }
186
- h1: { size: 22px, line: 32px, weight: 500, family: sans }
187
- h2: { size: 17px, line: 26px, weight: 500, family: sans }
188
- body: { size: 14px, line: 22px, weight: 400, family: sans }
189
- small: { size: 13px, line: 20px, weight: 400, family: sans }
190
- caption: { size: 12px, line: 18px, weight: 400, family: sans }
191
- data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
192
- register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
193
- elevation:
194
- radius: { sm: 4px, md: 8px, lg: 12px }
195
- hairline: border
196
- shadow:
197
- overlay: "0 10px 36px oklch(0.32 0.02 172 / 0.07)"
198
- popover: "0 2px 10px oklch(0.32 0.02 172 / 0.05)"
199
- dark-ladder: { background: 0.19, raised: 0.24, overlay: 0.28, hue-held: 175 }
200
- motion:
201
- duration: { press: 120ms, fade: 200ms, panel: 280ms }
202
- easing: { standard: "cubic-bezier(0.25, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
203
- entrance-never: ease-in
204
- identity-moments: [auth, first-run-empty]
205
- iconography: { set: lucide, stroke: 1.25px, grid: [16px, 20px] }
206
- charts:
207
- categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
208
- sequential: { from: background, to: chart-1 }
209
- diverging: { negative: destructive, mid: muted, positive: success }
210
- layout: { base: 4px, sidebar: [264px, 64px], topbar: 60px, side-panel: [460px, 720px], content-max: 1280px }
211
- ```