@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,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
- ```