@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.
- package/data/harness-index.json +1 -1
- package/data/harnesses/apollo/harness.json +2 -2
- package/data/harnesses/apollo/hooks/hooks.json +3 -1
- package/data/harnesses/apollo/skills/design/SKILL.md +55 -29
- package/data/harnesses/apollo/skills/design/references/compose.md +8 -4
- package/data/harnesses/apollo/skills/design/references/content.md +5 -5
- package/data/harnesses/apollo/skills/design/references/existing-apps.md +1 -1
- package/data/harnesses/apollo/skills/design/references/intake.md +11 -7
- package/data/harnesses/apollo/skills/design/references/object-pass.md +1 -1
- package/data/harnesses/apollo/skills/design/references/ship-gate.md +3 -3
- package/data/harnesses/apollo/skills/design/scripts/select-chart.mjs +26 -6
- package/data/harnesses/code/harness.json +2 -2
- package/data/harnesses/code/hooks/hooks.json +3 -1
- package/data/harnesses/code/skills/design/SKILL.md +55 -29
- package/data/harnesses/code/skills/design/references/compose.md +8 -4
- package/data/harnesses/code/skills/design/references/content.md +5 -5
- package/data/harnesses/code/skills/design/references/existing-apps.md +1 -1
- package/data/harnesses/code/skills/design/references/intake.md +11 -7
- package/data/harnesses/code/skills/design/references/object-pass.md +1 -1
- package/data/harnesses/code/skills/design/references/ship-gate.md +3 -3
- package/data/harnesses/code/skills/design/scripts/select-chart.mjs +26 -6
- package/package.json +2 -2
- package/data/harnesses/apollo/skills/design/data/blueprints/browse.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/creation-flow.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/dashboard.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/grid.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/queue.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/record-detail.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/settings.md +0 -38
- package/data/harnesses/apollo/skills/design/data/chart-styling/Readme.md +0 -33
- package/data/harnesses/apollo/skills/design/data/chart-styling/carbon-accessible-alert-semantic.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/carbon-monochrome-sequential-trend.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/datadog-classic-six-aligned.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/datawrapper-tiered-gray-hierarchy.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/econ-red-rule-horizontal.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/financial-diverging-threshold-overlay.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/ft-vocabulary-ranked-muted.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/grafana-dark-threshold-bands.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/material-rounded-explicit-label.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/nyt-ghost-grid-direct-label.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/plot-currentcolor-inherit.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/saas-gradient-glow-area.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/shadcn-composable-css-vars.md +0 -19
- package/data/harnesses/apollo/skills/design/data/charts/census.csv +0 -58
- package/data/harnesses/apollo/skills/design/data/checklists/browse.md +0 -21
- package/data/harnesses/apollo/skills/design/data/checklists/creation-flow.md +0 -20
- package/data/harnesses/apollo/skills/design/data/checklists/dashboard.md +0 -21
- package/data/harnesses/apollo/skills/design/data/checklists/grid.md +0 -21
- package/data/harnesses/apollo/skills/design/data/checklists/queue.md +0 -21
- package/data/harnesses/apollo/skills/design/data/checklists/record-detail.md +0 -21
- package/data/harnesses/apollo/skills/design/data/checklists/settings.md +0 -21
- package/data/harnesses/apollo/skills/design/data/chrome/board-column.md +0 -68
- package/data/harnesses/apollo/skills/design/data/chrome/data-table.md +0 -63
- package/data/harnesses/apollo/skills/design/data/chrome/side-panel.md +0 -60
- package/data/harnesses/apollo/skills/design/data/chrome/sidebar.md +0 -78
- package/data/harnesses/apollo/skills/design/data/chrome/stat-cards.md +0 -62
- package/data/harnesses/apollo/skills/design/data/chrome/topbar.md +0 -65
- package/data/harnesses/apollo/skills/design/data/color/accent-presets.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/aesop-earth-mute.md +0 -91
- package/data/harnesses/apollo/skills/design/data/color/arc-peach-play.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/attio-hunter-teal.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/carbon-cyan-signal.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/clay-parchment.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/duolingo-feather.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/geist-mono-signal.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/linear-graphite-violet.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/mercury-onyx-cobalt.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/notion-paper-ink.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/radix-slate-iris.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/raycast-void-spectrum.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/spectrum-celery-fuchsia.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/stripe-blurple-ruby.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/superhuman-cod-picton.md +0 -89
- package/data/harnesses/apollo/skills/design/data/corpora/operations-review/companies.csv +0 -15
- package/data/harnesses/apollo/skills/design/data/corpora/operations-review/corpus.md +0 -87
- package/data/harnesses/apollo/skills/design/data/corpora/operations-review/people.csv +0 -25
- package/data/harnesses/apollo/skills/design/data/corpora/procurement-approvals/companies.csv +0 -15
- package/data/harnesses/apollo/skills/design/data/corpora/procurement-approvals/corpus.md +0 -83
- package/data/harnesses/apollo/skills/design/data/corpora/procurement-approvals/people.csv +0 -25
- package/data/harnesses/apollo/skills/design/data/corpora/revenue-analytics/companies.csv +0 -15
- package/data/harnesses/apollo/skills/design/data/corpora/revenue-analytics/corpus.md +0 -89
- package/data/harnesses/apollo/skills/design/data/corpora/revenue-analytics/people.csv +0 -25
- package/data/harnesses/apollo/skills/design/data/elevation/ant-design-directional-shadow.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/apple-liquid-glass-material.md +0 -18
- package/data/harnesses/apollo/skills/design/data/elevation/atlassian-surface-shadow-pairing.md +0 -20
- package/data/harnesses/apollo/skills/design/data/elevation/fluent-2-key-ambient-ramp.md +0 -20
- package/data/harnesses/apollo/skills/design/data/elevation/github-primer-sparing-shadow.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/ibm-carbon-layer-and-border.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/linear-dark-surface-ladder.md +0 -17
- package/data/harnesses/apollo/skills/design/data/elevation/material-2-key-ambient-dp-ramp.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/material-3-tonal-elevation.md +0 -21
- package/data/harnesses/apollo/skills/design/data/elevation/neobrutalist-hard-offset.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/neumorphic-soft-dual-shadow.md +0 -18
- package/data/harnesses/apollo/skills/design/data/elevation/notion-warm-minimal-hairline.md +0 -17
- package/data/harnesses/apollo/skills/design/data/elevation/polaris-elevation-inset-bevel.md +0 -21
- package/data/harnesses/apollo/skills/design/data/elevation/radix-themes-alpha-ring-scale.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/shadcn-neutral-derived-radius.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/stripe-brand-tinted-dual-shadow.md +0 -18
- package/data/harnesses/apollo/skills/design/data/elevation/tailwind-default-utility-scale.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/vercel-geist-shadow-as-border.md +0 -20
- package/data/harnesses/apollo/skills/design/data/gradients/amber-attention-fill.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/cloud-shadow-wash.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/confident-lavender-wash.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/ember-ship-flare.md +0 -18
- package/data/harnesses/apollo/skills/design/data/gradients/full-metal-wash.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/indigo-ruby-cta-band.md +0 -18
- package/data/harnesses/apollo/skills/design/data/gradients/linear-graphite-wash.md +0 -18
- package/data/harnesses/apollo/skills/design/data/gradients/marble-quartz-wash.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/midnight-aurora-panel.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/neutral-volume-fill.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/revenue-uptrend-fill.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/risk-decline-fill.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/signal-blue-develop.md +0 -18
- package/data/harnesses/apollo/skills/design/data/gradients/slate-mist-wash.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/stripe-atmosphere-mesh.md +0 -18
- package/data/harnesses/apollo/skills/design/data/gradients/teal-signal-accent.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/violet-magenta-promo.md +0 -16
- package/data/harnesses/apollo/skills/design/data/iconography.md +0 -199
- package/data/harnesses/apollo/skills/design/data/motion/accordion-expand.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/destructive-hold-confirm.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/drag-dismiss-momentum.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/empty-state-arrive.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/hover-lift.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/modal-center-arrive.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/number-ticker-roll.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/onboarding-bounce.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/panel-slide.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/press-feedback.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/progress-linear-loop.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/route-crossfade.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/rubber-band-overscroll.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/skeleton-shimmer.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/stagger-arrive.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/toast-enter-stack.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/tooltip-chain-instant.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/trigger-anchored-reveal.md +0 -18
- package/data/harnesses/apollo/skills/design/data/tells.csv +0 -34
- package/data/harnesses/apollo/skills/design/data/typography/anton-work-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/archivo-black-archivo.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/bitter-karla.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/dm-serif-dm-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/fraunces-inter.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/geist-geist-mono.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/hubot-sans-mona-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/ibm-plex-sans-operator-single-family.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/instrument-serif-instrument-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/inter-operator-single-family.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/libre-baskerville-libre-franklin.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/newsreader-inter.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/playfair-display-source-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/public-sans-operator-single-family.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/sohne-inter-fintech.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/source-serif-source-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/space-grotesk-work-sans-space-mono.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/spectral-manrope.md +0 -17
- package/data/harnesses/apollo/skills/design/data/voices/bright-collaborator.md +0 -29
- package/data/harnesses/apollo/skills/design/data/voices/direct-operator.md +0 -29
- package/data/harnesses/apollo/skills/design/data/voices/earnest-helper.md +0 -29
- package/data/harnesses/apollo/skills/design/data/voices/editorial-composed.md +0 -29
- package/data/harnesses/apollo/skills/design/data/voices/quiet-concierge.md +0 -29
- package/data/harnesses/apollo/skills/design/data/voices/warm-guide.md +0 -29
- package/data/harnesses/apollo/skills/design/design-md/SCHEMA.md +0 -179
- package/data/harnesses/apollo/skills/design/design-md/index.csv +0 -67
- package/data/harnesses/apollo/skills/design/design-md/library/airbnb.md +0 -207
- package/data/harnesses/apollo/skills/design/design-md/library/airtable.md +0 -205
- package/data/harnesses/apollo/skills/design/design-md/library/anthropic-claude.md +0 -203
- package/data/harnesses/apollo/skills/design/design-md/library/apple.md +0 -206
- package/data/harnesses/apollo/skills/design/design-md/library/binance.md +0 -210
- package/data/harnesses/apollo/skills/design/design-md/library/bmw.md +0 -210
- package/data/harnesses/apollo/skills/design/design-md/library/cal.md +0 -209
- package/data/harnesses/apollo/skills/design/design-md/library/clay.md +0 -204
- package/data/harnesses/apollo/skills/design/design-md/library/clickhouse.md +0 -205
- package/data/harnesses/apollo/skills/design/design-md/library/cohere.md +0 -205
- package/data/harnesses/apollo/skills/design/design-md/library/coinbase.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/library/composio.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/library/cursor.md +0 -197
- package/data/harnesses/apollo/skills/design/design-md/library/elevenlabs.md +0 -199
- package/data/harnesses/apollo/skills/design/design-md/library/expo.md +0 -200
- package/data/harnesses/apollo/skills/design/design-md/library/figma.md +0 -199
- package/data/harnesses/apollo/skills/design/design-md/library/framer.md +0 -202
- package/data/harnesses/apollo/skills/design/design-md/library/hashicorp.md +0 -205
- package/data/harnesses/apollo/skills/design/design-md/library/ibm.md +0 -205
- package/data/harnesses/apollo/skills/design/design-md/library/intercom.md +0 -204
- package/data/harnesses/apollo/skills/design/design-md/library/kraken.md +0 -200
- package/data/harnesses/apollo/skills/design/design-md/library/linear-app.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/library/lovable.md +0 -199
- package/data/harnesses/apollo/skills/design/design-md/library/meta.md +0 -204
- package/data/harnesses/apollo/skills/design/design-md/library/minimax.md +0 -204
- package/data/harnesses/apollo/skills/design/design-md/library/mintlify.md +0 -210
- package/data/harnesses/apollo/skills/design/design-md/library/miro.md +0 -209
- package/data/harnesses/apollo/skills/design/design-md/library/mistral-ai.md +0 -201
- package/data/harnesses/apollo/skills/design/design-md/library/mongodb.md +0 -201
- package/data/harnesses/apollo/skills/design/design-md/library/notion.md +0 -204
- package/data/harnesses/apollo/skills/design/design-md/library/nvidia.md +0 -215
- package/data/harnesses/apollo/skills/design/design-md/library/ollama.md +0 -213
- package/data/harnesses/apollo/skills/design/design-md/library/opencode-ai.md +0 -216
- package/data/harnesses/apollo/skills/design/design-md/library/posthog.md +0 -218
- package/data/harnesses/apollo/skills/design/design-md/library/raycast.md +0 -214
- package/data/harnesses/apollo/skills/design/design-md/library/replicate.md +0 -202
- package/data/harnesses/apollo/skills/design/design-md/library/resend.md +0 -203
- package/data/harnesses/apollo/skills/design/design-md/library/revolut.md +0 -203
- package/data/harnesses/apollo/skills/design/design-md/library/runwayml.md +0 -203
- package/data/harnesses/apollo/skills/design/design-md/library/sanity.md +0 -200
- package/data/harnesses/apollo/skills/design/design-md/library/sentry.md +0 -201
- package/data/harnesses/apollo/skills/design/design-md/library/shopify.md +0 -202
- package/data/harnesses/apollo/skills/design/design-md/library/slack.md +0 -202
- package/data/harnesses/apollo/skills/design/design-md/library/spacex.md +0 -206
- package/data/harnesses/apollo/skills/design/design-md/library/spotify.md +0 -206
- package/data/harnesses/apollo/skills/design/design-md/library/stripe.md +0 -196
- package/data/harnesses/apollo/skills/design/design-md/library/supabase.md +0 -196
- package/data/harnesses/apollo/skills/design/design-md/library/superhuman.md +0 -194
- package/data/harnesses/apollo/skills/design/design-md/library/tesla.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/library/theverge.md +0 -199
- package/data/harnesses/apollo/skills/design/design-md/library/together-ai.md +0 -193
- package/data/harnesses/apollo/skills/design/design-md/library/uber.md +0 -195
- package/data/harnesses/apollo/skills/design/design-md/library/vercel.md +0 -195
- package/data/harnesses/apollo/skills/design/design-md/library/voltagent.md +0 -197
- package/data/harnesses/apollo/skills/design/design-md/library/warp.md +0 -196
- package/data/harnesses/apollo/skills/design/design-md/library/webflow.md +0 -197
- package/data/harnesses/apollo/skills/design/design-md/library/wired.md +0 -197
- package/data/harnesses/apollo/skills/design/design-md/library/wise.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/library/x-ai.md +0 -199
- package/data/harnesses/apollo/skills/design/design-md/library/zapier.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/nurix.md +0 -214
- package/data/harnesses/apollo/skills/design/design-md/variants/editorial-luxury.md +0 -184
- package/data/harnesses/apollo/skills/design/design-md/variants/expressive-saas.md +0 -216
- package/data/harnesses/apollo/skills/design/design-md/variants/quiet-premium.md +0 -211
- package/data/harnesses/apollo/skills/design/design-md/variants/terse-dense-operator.md +0 -212
- package/data/harnesses/apollo/skills/design/design-md/variants/warm-approachable.md +0 -216
- package/data/harnesses/code/skills/design/data/blueprints/browse.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/creation-flow.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/dashboard.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/grid.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/queue.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/record-detail.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/settings.md +0 -38
- package/data/harnesses/code/skills/design/data/chart-styling/Readme.md +0 -33
- package/data/harnesses/code/skills/design/data/chart-styling/carbon-accessible-alert-semantic.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/carbon-monochrome-sequential-trend.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/datadog-classic-six-aligned.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/datawrapper-tiered-gray-hierarchy.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/econ-red-rule-horizontal.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/financial-diverging-threshold-overlay.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/ft-vocabulary-ranked-muted.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/grafana-dark-threshold-bands.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/material-rounded-explicit-label.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/nyt-ghost-grid-direct-label.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/plot-currentcolor-inherit.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/saas-gradient-glow-area.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/shadcn-composable-css-vars.md +0 -19
- package/data/harnesses/code/skills/design/data/charts/census.csv +0 -58
- package/data/harnesses/code/skills/design/data/checklists/browse.md +0 -21
- package/data/harnesses/code/skills/design/data/checklists/creation-flow.md +0 -20
- package/data/harnesses/code/skills/design/data/checklists/dashboard.md +0 -21
- package/data/harnesses/code/skills/design/data/checklists/grid.md +0 -21
- package/data/harnesses/code/skills/design/data/checklists/queue.md +0 -21
- package/data/harnesses/code/skills/design/data/checklists/record-detail.md +0 -21
- package/data/harnesses/code/skills/design/data/checklists/settings.md +0 -21
- package/data/harnesses/code/skills/design/data/chrome/board-column.md +0 -68
- package/data/harnesses/code/skills/design/data/chrome/data-table.md +0 -63
- package/data/harnesses/code/skills/design/data/chrome/side-panel.md +0 -60
- package/data/harnesses/code/skills/design/data/chrome/sidebar.md +0 -78
- package/data/harnesses/code/skills/design/data/chrome/stat-cards.md +0 -62
- package/data/harnesses/code/skills/design/data/chrome/topbar.md +0 -65
- package/data/harnesses/code/skills/design/data/color/accent-presets.md +0 -90
- package/data/harnesses/code/skills/design/data/color/aesop-earth-mute.md +0 -91
- package/data/harnesses/code/skills/design/data/color/arc-peach-play.md +0 -90
- package/data/harnesses/code/skills/design/data/color/attio-hunter-teal.md +0 -90
- package/data/harnesses/code/skills/design/data/color/carbon-cyan-signal.md +0 -90
- package/data/harnesses/code/skills/design/data/color/clay-parchment.md +0 -90
- package/data/harnesses/code/skills/design/data/color/duolingo-feather.md +0 -90
- package/data/harnesses/code/skills/design/data/color/geist-mono-signal.md +0 -90
- package/data/harnesses/code/skills/design/data/color/linear-graphite-violet.md +0 -90
- package/data/harnesses/code/skills/design/data/color/mercury-onyx-cobalt.md +0 -90
- package/data/harnesses/code/skills/design/data/color/notion-paper-ink.md +0 -90
- package/data/harnesses/code/skills/design/data/color/radix-slate-iris.md +0 -90
- package/data/harnesses/code/skills/design/data/color/raycast-void-spectrum.md +0 -90
- package/data/harnesses/code/skills/design/data/color/spectrum-celery-fuchsia.md +0 -90
- package/data/harnesses/code/skills/design/data/color/stripe-blurple-ruby.md +0 -90
- package/data/harnesses/code/skills/design/data/color/superhuman-cod-picton.md +0 -89
- package/data/harnesses/code/skills/design/data/corpora/operations-review/companies.csv +0 -15
- package/data/harnesses/code/skills/design/data/corpora/operations-review/corpus.md +0 -87
- package/data/harnesses/code/skills/design/data/corpora/operations-review/people.csv +0 -25
- package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/companies.csv +0 -15
- package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/corpus.md +0 -83
- package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/people.csv +0 -25
- package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/companies.csv +0 -15
- package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/corpus.md +0 -89
- package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/people.csv +0 -25
- package/data/harnesses/code/skills/design/data/elevation/ant-design-directional-shadow.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/apple-liquid-glass-material.md +0 -18
- package/data/harnesses/code/skills/design/data/elevation/atlassian-surface-shadow-pairing.md +0 -20
- package/data/harnesses/code/skills/design/data/elevation/fluent-2-key-ambient-ramp.md +0 -20
- package/data/harnesses/code/skills/design/data/elevation/github-primer-sparing-shadow.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/ibm-carbon-layer-and-border.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/linear-dark-surface-ladder.md +0 -17
- package/data/harnesses/code/skills/design/data/elevation/material-2-key-ambient-dp-ramp.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/material-3-tonal-elevation.md +0 -21
- package/data/harnesses/code/skills/design/data/elevation/neobrutalist-hard-offset.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/neumorphic-soft-dual-shadow.md +0 -18
- package/data/harnesses/code/skills/design/data/elevation/notion-warm-minimal-hairline.md +0 -17
- package/data/harnesses/code/skills/design/data/elevation/polaris-elevation-inset-bevel.md +0 -21
- package/data/harnesses/code/skills/design/data/elevation/radix-themes-alpha-ring-scale.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/shadcn-neutral-derived-radius.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/stripe-brand-tinted-dual-shadow.md +0 -18
- package/data/harnesses/code/skills/design/data/elevation/tailwind-default-utility-scale.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/vercel-geist-shadow-as-border.md +0 -20
- package/data/harnesses/code/skills/design/data/gradients/amber-attention-fill.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/cloud-shadow-wash.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/confident-lavender-wash.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/ember-ship-flare.md +0 -18
- package/data/harnesses/code/skills/design/data/gradients/full-metal-wash.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/indigo-ruby-cta-band.md +0 -18
- package/data/harnesses/code/skills/design/data/gradients/linear-graphite-wash.md +0 -18
- package/data/harnesses/code/skills/design/data/gradients/marble-quartz-wash.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/midnight-aurora-panel.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/neutral-volume-fill.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/revenue-uptrend-fill.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/risk-decline-fill.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/signal-blue-develop.md +0 -18
- package/data/harnesses/code/skills/design/data/gradients/slate-mist-wash.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/stripe-atmosphere-mesh.md +0 -18
- package/data/harnesses/code/skills/design/data/gradients/teal-signal-accent.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/violet-magenta-promo.md +0 -16
- package/data/harnesses/code/skills/design/data/iconography.md +0 -199
- package/data/harnesses/code/skills/design/data/motion/accordion-expand.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/destructive-hold-confirm.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/drag-dismiss-momentum.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/empty-state-arrive.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/hover-lift.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/modal-center-arrive.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/number-ticker-roll.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/onboarding-bounce.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/panel-slide.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/press-feedback.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/progress-linear-loop.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/route-crossfade.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/rubber-band-overscroll.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/skeleton-shimmer.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/stagger-arrive.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/toast-enter-stack.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/tooltip-chain-instant.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/trigger-anchored-reveal.md +0 -18
- package/data/harnesses/code/skills/design/data/tells.csv +0 -34
- package/data/harnesses/code/skills/design/data/typography/anton-work-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/archivo-black-archivo.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/bitter-karla.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/dm-serif-dm-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/fraunces-inter.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/geist-geist-mono.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/hubot-sans-mona-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/ibm-plex-sans-operator-single-family.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/instrument-serif-instrument-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/inter-operator-single-family.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/libre-baskerville-libre-franklin.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/newsreader-inter.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/playfair-display-source-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/public-sans-operator-single-family.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/sohne-inter-fintech.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/source-serif-source-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/space-grotesk-work-sans-space-mono.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/spectral-manrope.md +0 -17
- package/data/harnesses/code/skills/design/data/voices/bright-collaborator.md +0 -29
- package/data/harnesses/code/skills/design/data/voices/direct-operator.md +0 -29
- package/data/harnesses/code/skills/design/data/voices/earnest-helper.md +0 -29
- package/data/harnesses/code/skills/design/data/voices/editorial-composed.md +0 -29
- package/data/harnesses/code/skills/design/data/voices/quiet-concierge.md +0 -29
- package/data/harnesses/code/skills/design/data/voices/warm-guide.md +0 -29
- package/data/harnesses/code/skills/design/design-md/SCHEMA.md +0 -179
- package/data/harnesses/code/skills/design/design-md/index.csv +0 -67
- package/data/harnesses/code/skills/design/design-md/library/airbnb.md +0 -207
- package/data/harnesses/code/skills/design/design-md/library/airtable.md +0 -205
- package/data/harnesses/code/skills/design/design-md/library/anthropic-claude.md +0 -203
- package/data/harnesses/code/skills/design/design-md/library/apple.md +0 -206
- package/data/harnesses/code/skills/design/design-md/library/binance.md +0 -210
- package/data/harnesses/code/skills/design/design-md/library/bmw.md +0 -210
- package/data/harnesses/code/skills/design/design-md/library/cal.md +0 -209
- package/data/harnesses/code/skills/design/design-md/library/clay.md +0 -204
- package/data/harnesses/code/skills/design/design-md/library/clickhouse.md +0 -205
- package/data/harnesses/code/skills/design/design-md/library/cohere.md +0 -205
- package/data/harnesses/code/skills/design/design-md/library/coinbase.md +0 -198
- package/data/harnesses/code/skills/design/design-md/library/composio.md +0 -198
- package/data/harnesses/code/skills/design/design-md/library/cursor.md +0 -197
- package/data/harnesses/code/skills/design/design-md/library/elevenlabs.md +0 -199
- package/data/harnesses/code/skills/design/design-md/library/expo.md +0 -200
- package/data/harnesses/code/skills/design/design-md/library/figma.md +0 -199
- package/data/harnesses/code/skills/design/design-md/library/framer.md +0 -202
- package/data/harnesses/code/skills/design/design-md/library/hashicorp.md +0 -205
- package/data/harnesses/code/skills/design/design-md/library/ibm.md +0 -205
- package/data/harnesses/code/skills/design/design-md/library/intercom.md +0 -204
- package/data/harnesses/code/skills/design/design-md/library/kraken.md +0 -200
- package/data/harnesses/code/skills/design/design-md/library/linear-app.md +0 -198
- package/data/harnesses/code/skills/design/design-md/library/lovable.md +0 -199
- package/data/harnesses/code/skills/design/design-md/library/meta.md +0 -204
- package/data/harnesses/code/skills/design/design-md/library/minimax.md +0 -204
- package/data/harnesses/code/skills/design/design-md/library/mintlify.md +0 -210
- package/data/harnesses/code/skills/design/design-md/library/miro.md +0 -209
- package/data/harnesses/code/skills/design/design-md/library/mistral-ai.md +0 -201
- package/data/harnesses/code/skills/design/design-md/library/mongodb.md +0 -201
- package/data/harnesses/code/skills/design/design-md/library/notion.md +0 -204
- package/data/harnesses/code/skills/design/design-md/library/nvidia.md +0 -215
- package/data/harnesses/code/skills/design/design-md/library/ollama.md +0 -213
- package/data/harnesses/code/skills/design/design-md/library/opencode-ai.md +0 -216
- package/data/harnesses/code/skills/design/design-md/library/posthog.md +0 -218
- package/data/harnesses/code/skills/design/design-md/library/raycast.md +0 -214
- package/data/harnesses/code/skills/design/design-md/library/replicate.md +0 -202
- package/data/harnesses/code/skills/design/design-md/library/resend.md +0 -203
- package/data/harnesses/code/skills/design/design-md/library/revolut.md +0 -203
- package/data/harnesses/code/skills/design/design-md/library/runwayml.md +0 -203
- package/data/harnesses/code/skills/design/design-md/library/sanity.md +0 -200
- package/data/harnesses/code/skills/design/design-md/library/sentry.md +0 -201
- package/data/harnesses/code/skills/design/design-md/library/shopify.md +0 -202
- package/data/harnesses/code/skills/design/design-md/library/slack.md +0 -202
- package/data/harnesses/code/skills/design/design-md/library/spacex.md +0 -206
- package/data/harnesses/code/skills/design/design-md/library/spotify.md +0 -206
- package/data/harnesses/code/skills/design/design-md/library/stripe.md +0 -196
- package/data/harnesses/code/skills/design/design-md/library/supabase.md +0 -196
- package/data/harnesses/code/skills/design/design-md/library/superhuman.md +0 -194
- package/data/harnesses/code/skills/design/design-md/library/tesla.md +0 -198
- package/data/harnesses/code/skills/design/design-md/library/theverge.md +0 -199
- package/data/harnesses/code/skills/design/design-md/library/together-ai.md +0 -193
- package/data/harnesses/code/skills/design/design-md/library/uber.md +0 -195
- package/data/harnesses/code/skills/design/design-md/library/vercel.md +0 -195
- package/data/harnesses/code/skills/design/design-md/library/voltagent.md +0 -197
- package/data/harnesses/code/skills/design/design-md/library/warp.md +0 -196
- package/data/harnesses/code/skills/design/design-md/library/webflow.md +0 -197
- package/data/harnesses/code/skills/design/design-md/library/wired.md +0 -197
- package/data/harnesses/code/skills/design/design-md/library/wise.md +0 -198
- package/data/harnesses/code/skills/design/design-md/library/x-ai.md +0 -199
- package/data/harnesses/code/skills/design/design-md/library/zapier.md +0 -198
- package/data/harnesses/code/skills/design/design-md/nurix.md +0 -214
- package/data/harnesses/code/skills/design/design-md/variants/editorial-luxury.md +0 -184
- package/data/harnesses/code/skills/design/design-md/variants/expressive-saas.md +0 -216
- package/data/harnesses/code/skills/design/design-md/variants/quiet-premium.md +0 -211
- package/data/harnesses/code/skills/design/design-md/variants/terse-dense-operator.md +0 -212
- package/data/harnesses/code/skills/design/design-md/variants/warm-approachable.md +0 -216
|
@@ -1,195 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v2
|
|
3
|
-
id: vercel
|
|
4
|
-
tier: brand
|
|
5
|
-
segments: [dev-tools, infra, deploy-platform]
|
|
6
|
-
keywords: [dark, achromatic, minimal, geist, engineered, black-white]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; Geist and Geist Mono now open on Google Fonts — the v1 Inter substitution is retired and the brand's real faces carried"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# vercel — a darkened mission-control room, one white cursor
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
A darkened mission-control room: matte black consoles, one white terminal cursor
|
|
16
|
-
blinking, deploy logs scrolling in gray. Dark is the primary mood — the brand's own
|
|
17
|
-
black canvas authored as a surface ladder, never inverted paper — with a complete
|
|
18
|
-
near-white daytime theme (`#fafafa`-family two-tone field). Achromatic to the core:
|
|
19
|
-
the accent is ink itself; one interaction blue is reserved for focus and links. The
|
|
20
|
-
mesh gradient stays at marketing scale, surviving only in charts.
|
|
21
|
-
|
|
22
|
-
## 2 Color Roles
|
|
23
|
-
The deliberate gray ramp carries everything. `primary` is monochrome — white button
|
|
24
|
-
on the dark canvas, ink-black button on the light — never a hue. Interaction blue
|
|
25
|
-
lives only in `ring` and inline links; `accent` is a neutral wash for selection.
|
|
26
|
-
Status hues (`destructive`, `success`, `warning`) speak only status. The `sidebar`
|
|
27
|
-
holds a half-step below the canvas in both themes.
|
|
28
|
-
|
|
29
|
-
## 3 Typography
|
|
30
|
-
Geist (text) / Geist Mono (data) — the brand's own faces, open since their Google
|
|
31
|
-
Fonts release. Register scope: Geist carries display through label at negative
|
|
32
|
-
tracking, weight 600 the ceiling — the sans never reaches 700; Geist Mono owns IDs,
|
|
33
|
-
codes, timestamps, terminal panes, and the technical eyebrow. Numerals are always
|
|
34
|
-
`tabular-nums`; emphasis bumps weight, never size.
|
|
35
|
-
|
|
36
|
-
## 4 Component Stylings
|
|
37
|
-
Buttons `radius-md` (6px, never pill) — white `primary` fill in dark, ink fill in
|
|
38
|
-
light; inputs hairline `border`, 40px field, blue `ring` focus without glow; cards
|
|
39
|
-
on a hairline plus an inset-hairline ring, faint stacked shadow only when lifted;
|
|
40
|
-
table rows `muted` hover, `accent` selection; detail opens in the side panel;
|
|
41
|
-
badges hairline with status fills, never `primary`.
|
|
42
|
-
|
|
43
|
-
## 5 Layout
|
|
44
|
-
4px base; sidebar 256/56px; topbar 64px — the brand's nav height; side panel
|
|
45
|
-
440/640px; content max 1400px; large gaps between regions, tight interior stacks —
|
|
46
|
-
the page reads engineered.
|
|
47
|
-
|
|
48
|
-
## 6 Depth
|
|
49
|
-
Dark first: the ladder is the depth system — `background` 0.145 L, `surface-raised`
|
|
50
|
-
+0.05, `surface-overlay` +0.10, hue held at 260; hairlines stay visible at every
|
|
51
|
-
step. Light: two-tone field — near-white body, pure-white cards set off by hairline,
|
|
52
|
-
never brightness; stacked shadows ride 4–12% ink, only on overlays.
|
|
53
|
-
|
|
54
|
-
## 7 Motion
|
|
55
|
-
Calm, precise. Named moments: `panel-slide` (side panel, 220ms, interruptible),
|
|
56
|
-
`deploy-tick` (status row update, 140ms fade), `press` (button press, 100ms).
|
|
57
|
-
Physicality granted only to auth and first-run empty states; logs and tables never
|
|
58
|
-
animate; keyboard actions are instant.
|
|
59
|
-
|
|
60
|
-
## 8 Iconography & Charts
|
|
61
|
-
Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
|
|
62
|
-
axes, no gridline fills; the mesh hues return only here — blue, teal, violet, pink,
|
|
63
|
-
amber categorical (`chart-1..5`); monochrome sequential canvas→ink; tooltips on
|
|
64
|
-
`surface-overlay` with mono numerals.
|
|
65
|
-
|
|
66
|
-
## 9 Voice
|
|
67
|
-
Terminal-quiet: lowercase-calm sentences, exact numbers, no cheer. "Deploy" ·
|
|
68
|
-
"No builds running — last deploy 12m ago" · "Build failed at step 3; logs retained
|
|
69
|
-
for 30 days."
|
|
70
|
-
|
|
71
|
-
## 10 Do's & Don'ts
|
|
72
|
-
Do carry hierarchy with the gray ladder, hairlines, and weight — the system is flat
|
|
73
|
-
and achromatic. Do keep the CTA a square monochrome button. Don't let blue become a
|
|
74
|
-
fill or a second accent — focus and links only. Don't exceed weight 600, set body in
|
|
75
|
-
mono, or bring the mesh gradient anywhere but charts.
|
|
76
|
-
|
|
77
|
-
## 11 Responsive
|
|
78
|
-
375: sidebar → off-canvas drawer, side panel → full sheet, list+detail stacks. 768:
|
|
79
|
-
sidebar → icon rail; tables scroll; terminal panes scroll horizontally, never wrap.
|
|
80
|
-
1024/1440: two-pane queue+detail holds; forms cap, dashboards use full width.
|
|
81
|
-
|
|
82
|
-
## 12 Agent Prompt Guide
|
|
83
|
-
Anchor on the dark ladder first; the light theme is the two-tone near-white field.
|
|
84
|
-
Spend the monochrome CTA once; blue is focus and links, nothing else. Set every ID,
|
|
85
|
-
code, and eyebrow in Geist Mono. Depth is the ladder and hairlines — consult the
|
|
86
|
-
block, never derive dark from light.
|
|
87
|
-
|
|
88
|
-
```yaml design-values
|
|
89
|
-
color:
|
|
90
|
-
light:
|
|
91
|
-
background: oklch(0.985 0.005 260)
|
|
92
|
-
foreground: oklch(0.2 0.005 260)
|
|
93
|
-
card: oklch(0.995 0.005 260)
|
|
94
|
-
card-foreground: oklch(0.2 0.005 260)
|
|
95
|
-
popover: oklch(0.995 0.005 260)
|
|
96
|
-
popover-foreground: oklch(0.2 0.005 260)
|
|
97
|
-
primary: oklch(0.2 0.005 260)
|
|
98
|
-
primary-foreground: oklch(0.985 0.005 260)
|
|
99
|
-
secondary: oklch(0.965 0.005 260)
|
|
100
|
-
secondary-foreground: oklch(0.25 0.005 260)
|
|
101
|
-
muted: oklch(0.965 0.005 260)
|
|
102
|
-
muted-foreground: oklch(0.47 0.005 260)
|
|
103
|
-
accent: oklch(0.955 0.005 260)
|
|
104
|
-
accent-foreground: oklch(0.25 0.005 260)
|
|
105
|
-
destructive: oklch(0.55 0.22 29)
|
|
106
|
-
destructive-foreground: oklch(0.985 0.008 29)
|
|
107
|
-
success: oklch(0.55 0.15 150)
|
|
108
|
-
warning: oklch(0.65 0.14 73)
|
|
109
|
-
border: oklch(0.93 0.005 260)
|
|
110
|
-
input: oklch(0.93 0.005 260)
|
|
111
|
-
ring: oklch(0.55 0.21 258)
|
|
112
|
-
surface-raised: oklch(0.99 0.005 260)
|
|
113
|
-
surface-overlay: oklch(0.995 0.005 260)
|
|
114
|
-
chart-1: oklch(0.55 0.21 258)
|
|
115
|
-
chart-2: oklch(0.65 0.13 175)
|
|
116
|
-
chart-3: oklch(0.49 0.22 300)
|
|
117
|
-
chart-4: oklch(0.6 0.23 2)
|
|
118
|
-
chart-5: oklch(0.7 0.15 73)
|
|
119
|
-
sidebar: oklch(0.975 0.005 260)
|
|
120
|
-
sidebar-foreground: oklch(0.22 0.005 260)
|
|
121
|
-
sidebar-primary: oklch(0.2 0.005 260)
|
|
122
|
-
sidebar-primary-foreground: oklch(0.985 0.005 260)
|
|
123
|
-
sidebar-accent: oklch(0.94 0.005 260)
|
|
124
|
-
sidebar-accent-foreground: oklch(0.22 0.005 260)
|
|
125
|
-
sidebar-border: oklch(0.92 0.005 260)
|
|
126
|
-
sidebar-ring: oklch(0.55 0.21 258)
|
|
127
|
-
dark:
|
|
128
|
-
background: oklch(0.145 0.005 260)
|
|
129
|
-
foreground: oklch(0.93 0.005 260)
|
|
130
|
-
card: oklch(0.17 0.005 260)
|
|
131
|
-
card-foreground: oklch(0.93 0.005 260)
|
|
132
|
-
popover: oklch(0.245 0.005 260)
|
|
133
|
-
popover-foreground: oklch(0.93 0.005 260)
|
|
134
|
-
primary: oklch(0.93 0.005 260)
|
|
135
|
-
primary-foreground: oklch(0.15 0.005 260)
|
|
136
|
-
secondary: oklch(0.22 0.005 260)
|
|
137
|
-
secondary-foreground: oklch(0.9 0.005 260)
|
|
138
|
-
muted: oklch(0.21 0.005 260)
|
|
139
|
-
muted-foreground: oklch(0.68 0.005 260)
|
|
140
|
-
accent: oklch(0.24 0.005 260)
|
|
141
|
-
accent-foreground: oklch(0.9 0.005 260)
|
|
142
|
-
destructive: oklch(0.64 0.21 27)
|
|
143
|
-
destructive-foreground: oklch(0.12 0.02 27)
|
|
144
|
-
success: oklch(0.68 0.14 155)
|
|
145
|
-
warning: oklch(0.78 0.15 73)
|
|
146
|
-
border: oklch(0.26 0.005 260)
|
|
147
|
-
input: oklch(0.26 0.005 260)
|
|
148
|
-
ring: oklch(0.62 0.19 258)
|
|
149
|
-
surface-raised: oklch(0.195 0.005 260)
|
|
150
|
-
surface-overlay: oklch(0.245 0.005 260)
|
|
151
|
-
chart-1: oklch(0.62 0.19 258)
|
|
152
|
-
chart-2: oklch(0.75 0.13 175)
|
|
153
|
-
chart-3: oklch(0.62 0.2 300)
|
|
154
|
-
chart-4: oklch(0.68 0.22 2)
|
|
155
|
-
chart-5: oklch(0.78 0.15 73)
|
|
156
|
-
sidebar: oklch(0.13 0.005 260)
|
|
157
|
-
sidebar-foreground: oklch(0.9 0.005 260)
|
|
158
|
-
sidebar-primary: oklch(0.93 0.005 260)
|
|
159
|
-
sidebar-primary-foreground: oklch(0.15 0.005 260)
|
|
160
|
-
sidebar-accent: oklch(0.19 0.005 260)
|
|
161
|
-
sidebar-accent-foreground: oklch(0.92 0.005 260)
|
|
162
|
-
sidebar-border: oklch(0.2 0.005 260)
|
|
163
|
-
sidebar-ring: oklch(0.62 0.19 258)
|
|
164
|
-
typography:
|
|
165
|
-
display: { family: "Geist Variable", fallback: "system-ui, sans-serif", weights: [500, 600] }
|
|
166
|
-
sans: { family: "Geist Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
|
|
167
|
-
mono: { family: "Geist Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
|
|
168
|
-
ramp:
|
|
169
|
-
display: { size: 32px, line: 38px, weight: 600, family: sans, tracking: -0.03em }
|
|
170
|
-
h1: { size: 24px, line: 31px, weight: 600, family: sans, tracking: -0.03em }
|
|
171
|
-
h2: { size: 20px, line: 28px, weight: 600, family: sans, tracking: -0.02em }
|
|
172
|
-
body: { size: 14px, line: 20px, weight: 400, family: sans, tracking: -0.01em }
|
|
173
|
-
small: { size: 13px, line: 18px, weight: 400, family: sans }
|
|
174
|
-
caption: { size: 12px, line: 16px, weight: 400, family: mono }
|
|
175
|
-
data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
|
|
176
|
-
register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps, eyebrows, terminal] }
|
|
177
|
-
elevation:
|
|
178
|
-
radius: { sm: 4px, md: 6px, lg: 10px }
|
|
179
|
-
hairline: border
|
|
180
|
-
shadow:
|
|
181
|
-
overlay: "0 8px 30px oklch(0.15 0.005 260 / 0.12), 0 2px 8px oklch(0.15 0.005 260 / 0.08)"
|
|
182
|
-
popover: "0 4px 16px oklch(0.15 0.005 260 / 0.10)"
|
|
183
|
-
dark-ladder: { background: 0.145, raised: 0.195, overlay: 0.245, hue-held: 260 }
|
|
184
|
-
motion:
|
|
185
|
-
duration: { press: 100ms, fade: 140ms, panel: 220ms }
|
|
186
|
-
easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
|
|
187
|
-
entrance-never: ease-in
|
|
188
|
-
identity-moments: [auth, first-run-empty]
|
|
189
|
-
iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
|
|
190
|
-
charts:
|
|
191
|
-
categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
|
|
192
|
-
sequential: { from: background, to: foreground }
|
|
193
|
-
diverging: { negative: destructive, mid: muted, positive: chart-2 }
|
|
194
|
-
layout: { base: 4px, sidebar: [256px, 56px], topbar: 64px, side-panel: [440px, 640px], content-max: 1400px }
|
|
195
|
-
```
|
|
@@ -1,197 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v2
|
|
3
|
-
id: voltagent
|
|
4
|
-
tier: brand
|
|
5
|
-
segments: [ai-agents, dev-tools, observability]
|
|
6
|
-
keywords: [dark, electric-green, terminal, hairline, near-black, eyebrow]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; SF Mono → JetBrains Mono Variable substitution (v1-documented free substitute)"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# voltagent — an electrician's bench, one live green LED
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
An electrician's night bench: black rubber mat, matte steel tools, and a single live
|
|
16
|
-
green LED telling you the circuit is hot. Dark by default — the near-black canvas is
|
|
17
|
-
the signature, authored as a ladder, with a valued light daytime mode alongside.
|
|
18
|
-
Emphatically flat: hairlines, type weight, and the off-white/near-black contrast do
|
|
19
|
-
all hierarchy. One electric-green accent, held scarce; text on the green is always
|
|
20
|
-
near-black, never white.
|
|
21
|
-
|
|
22
|
-
## 2 Color Roles
|
|
23
|
-
Off-white `foreground` on the near-black canvas. Electric-green `primary` is the
|
|
24
|
-
one accent — primary action, live indicators, active-nav mark, `ring` — and never a
|
|
25
|
-
decorative fill; a green label is allowed only on the ghost button. `accent` is a
|
|
26
|
-
neutral surface lift for selection, never green. `success` is deliberately the
|
|
27
|
-
deeper emerald, never the accent green — two greens, disciplined apart. Status hues
|
|
28
|
-
speak only status.
|
|
29
|
-
|
|
30
|
-
## 3 Typography
|
|
31
|
-
Inter (text) / JetBrains Mono (data, substituting SF Mono). Register scope: the
|
|
32
|
-
sans carries display through label — a second family never does the label work; the
|
|
33
|
-
mono owns IDs, codes, timestamps, log lines, and metric counters. The signature is
|
|
34
|
-
the uppercase Inter eyebrow at wide +0.18em tracking — the brand's one flourish.
|
|
35
|
-
Numerals are always `tabular-nums`; emphasis bumps weight, never size.
|
|
36
|
-
|
|
37
|
-
## 4 Component Stylings
|
|
38
|
-
Buttons `radius-sm` (6px, never pill), green `primary` fill with near-black label;
|
|
39
|
-
inputs `muted` fill on dark, hairline `border`, green `ring` focus; cards a hairline
|
|
40
|
-
above the canvas — featured cards take a 2px `primary` edge, never a fill; table
|
|
41
|
-
rows `muted` hover, `accent` selection (neutral, never green); detail in the side
|
|
42
|
-
panel; badges pill with status fills, live pills alone take `primary`.
|
|
43
|
-
|
|
44
|
-
## 5 Layout
|
|
45
|
-
4px base; sidebar 248/56px; topbar 52px; side panel 420/640px; content max 1400px;
|
|
46
|
-
dense-capable from the engineered-documentation heritage — tables step denser
|
|
47
|
-
before anything else does.
|
|
48
|
-
|
|
49
|
-
## 6 Depth
|
|
50
|
-
Dark first: the authored ladder — `background` 0.17 L, `surface-raised` +0.05,
|
|
51
|
-
`surface-overlay` +0.10, hue held at 163; the hairline stays the primary edge at
|
|
52
|
-
every step. Light: white canvas, cards on hairlines; shadows only on true overlays,
|
|
53
|
-
green-black-tinted, never pure black.
|
|
54
|
-
|
|
55
|
-
## 7 Motion
|
|
56
|
-
Live-wire minimal. Named moments: `panel-slide` (side panel, 220ms, interruptible),
|
|
57
|
-
`pulse` (live-status indicator, 1200ms loop, the one persistent motion), `press`
|
|
58
|
-
(primary action, 100ms). Physicality granted only to auth and first-run empty
|
|
59
|
-
states; logs stream without easing theatrics.
|
|
60
|
-
|
|
61
|
-
## 8 Iconography & Charts
|
|
62
|
-
Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
|
|
63
|
-
axes, no gridline fills; categorical leads electric-green then cyan, amber,
|
|
64
|
-
periwinkle, magenta (`chart-1..5`); sequential canvas→green; tooltips on
|
|
65
|
-
`surface-overlay` with mono numerals.
|
|
66
|
-
|
|
67
|
-
## 9 Voice
|
|
68
|
-
Circuit-terse: verbs first, states in plain volts. "Deploy agent" · "No runs active
|
|
69
|
-
— last trace closed 0.4s clean" · "This tool call exceeded its timeout; the retry
|
|
70
|
-
policy is set in the agent config."
|
|
71
|
-
|
|
72
|
-
## 10 Do's & Don'ts
|
|
73
|
-
Do anchor on the near-black canvas — dark is the brand's default read. Do spend the
|
|
74
|
-
green once per surface; if two things want it, one is not primary. Don't let
|
|
75
|
-
`success` equal the accent green — the emerald is status, the electric green is
|
|
76
|
-
action. Don't put white text on green. Don't pill the CTA or shadow a card —
|
|
77
|
-
hairlines and the one-step lift carry depth.
|
|
78
|
-
|
|
79
|
-
## 11 Responsive
|
|
80
|
-
375: sidebar → off-canvas drawer, side panel → full sheet, list+detail stacks. 768:
|
|
81
|
-
sidebar → icon rail; tables and log panes scroll horizontally, never wrap.
|
|
82
|
-
1024/1440: two-pane queue+detail holds; forms cap, dashboards full width.
|
|
83
|
-
|
|
84
|
-
## 12 Agent Prompt Guide
|
|
85
|
-
Wear the near-black canvas as the signature; light is opt-in daytime, never the
|
|
86
|
-
default read. One green, spent once; emerald for success, never interchanged.
|
|
87
|
-
Section labels wear the +0.18em uppercase eyebrow. Depth is hairlines and one
|
|
88
|
-
surface step — consult the block's ladder, never derive.
|
|
89
|
-
|
|
90
|
-
```yaml design-values
|
|
91
|
-
color:
|
|
92
|
-
light:
|
|
93
|
-
background: oklch(0.99 0.005 163)
|
|
94
|
-
foreground: oklch(0.17 0.008 163)
|
|
95
|
-
card: oklch(0.995 0.005 163)
|
|
96
|
-
card-foreground: oklch(0.17 0.008 163)
|
|
97
|
-
popover: oklch(0.995 0.005 163)
|
|
98
|
-
popover-foreground: oklch(0.17 0.008 163)
|
|
99
|
-
primary: oklch(0.78 0.17 161)
|
|
100
|
-
primary-foreground: oklch(0.17 0.008 163)
|
|
101
|
-
secondary: oklch(0.955 0.005 163)
|
|
102
|
-
secondary-foreground: oklch(0.25 0.01 163)
|
|
103
|
-
muted: oklch(0.965 0.005 163)
|
|
104
|
-
muted-foreground: oklch(0.46 0.012 200)
|
|
105
|
-
accent: oklch(0.945 0.005 163)
|
|
106
|
-
accent-foreground: oklch(0.24 0.01 163)
|
|
107
|
-
destructive: oklch(0.55 0.21 27)
|
|
108
|
-
destructive-foreground: oklch(0.985 0.008 27)
|
|
109
|
-
success: oklch(0.62 0.14 162)
|
|
110
|
-
warning: oklch(0.62 0.15 58)
|
|
111
|
-
border: oklch(0.92 0.006 163)
|
|
112
|
-
input: oklch(0.92 0.006 163)
|
|
113
|
-
ring: oklch(0.6 0.15 161)
|
|
114
|
-
surface-raised: oklch(0.985 0.005 163)
|
|
115
|
-
surface-overlay: oklch(0.995 0.005 163)
|
|
116
|
-
chart-1: oklch(0.62 0.16 161)
|
|
117
|
-
chart-2: oklch(0.6 0.12 210)
|
|
118
|
-
chart-3: oklch(0.68 0.15 70)
|
|
119
|
-
chart-4: oklch(0.55 0.15 265)
|
|
120
|
-
chart-5: oklch(0.58 0.17 340)
|
|
121
|
-
sidebar: oklch(0.975 0.005 163)
|
|
122
|
-
sidebar-foreground: oklch(0.2 0.008 163)
|
|
123
|
-
sidebar-primary: oklch(0.6 0.15 161)
|
|
124
|
-
sidebar-primary-foreground: oklch(0.99 0.005 163)
|
|
125
|
-
sidebar-accent: oklch(0.94 0.008 163)
|
|
126
|
-
sidebar-accent-foreground: oklch(0.22 0.01 163)
|
|
127
|
-
sidebar-border: oklch(0.915 0.006 163)
|
|
128
|
-
sidebar-ring: oklch(0.6 0.15 161)
|
|
129
|
-
dark:
|
|
130
|
-
background: oklch(0.17 0.006 163)
|
|
131
|
-
foreground: oklch(0.95 0.006 163)
|
|
132
|
-
card: oklch(0.21 0.007 163)
|
|
133
|
-
card-foreground: oklch(0.95 0.006 163)
|
|
134
|
-
popover: oklch(0.27 0.008 163)
|
|
135
|
-
popover-foreground: oklch(0.95 0.006 163)
|
|
136
|
-
primary: oklch(0.78 0.17 161)
|
|
137
|
-
primary-foreground: oklch(0.15 0.006 163)
|
|
138
|
-
secondary: oklch(0.24 0.007 163)
|
|
139
|
-
secondary-foreground: oklch(0.9 0.006 163)
|
|
140
|
-
muted: oklch(0.245 0.007 163)
|
|
141
|
-
muted-foreground: oklch(0.68 0.012 200)
|
|
142
|
-
accent: oklch(0.3 0.008 163)
|
|
143
|
-
accent-foreground: oklch(0.93 0.006 163)
|
|
144
|
-
destructive: oklch(0.64 0.21 28)
|
|
145
|
-
destructive-foreground: oklch(0.12 0.02 28)
|
|
146
|
-
success: oklch(0.7 0.15 162)
|
|
147
|
-
warning: oklch(0.77 0.16 70)
|
|
148
|
-
border: oklch(0.32 0.008 163)
|
|
149
|
-
input: oklch(0.32 0.008 163)
|
|
150
|
-
ring: oklch(0.78 0.17 161)
|
|
151
|
-
surface-raised: oklch(0.22 0.007 163)
|
|
152
|
-
surface-overlay: oklch(0.27 0.008 163)
|
|
153
|
-
chart-1: oklch(0.78 0.17 161)
|
|
154
|
-
chart-2: oklch(0.7 0.12 210)
|
|
155
|
-
chart-3: oklch(0.77 0.16 70)
|
|
156
|
-
chart-4: oklch(0.62 0.15 265)
|
|
157
|
-
chart-5: oklch(0.65 0.18 340)
|
|
158
|
-
sidebar: oklch(0.155 0.006 163)
|
|
159
|
-
sidebar-foreground: oklch(0.93 0.006 163)
|
|
160
|
-
sidebar-primary: oklch(0.78 0.17 161)
|
|
161
|
-
sidebar-primary-foreground: oklch(0.15 0.006 163)
|
|
162
|
-
sidebar-accent: oklch(0.21 0.007 163)
|
|
163
|
-
sidebar-accent-foreground: oklch(0.92 0.006 163)
|
|
164
|
-
sidebar-border: oklch(0.22 0.007 163)
|
|
165
|
-
sidebar-ring: oklch(0.78 0.17 161)
|
|
166
|
-
typography:
|
|
167
|
-
display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [500, 600] }
|
|
168
|
-
sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600, 700] }
|
|
169
|
-
mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
|
|
170
|
-
ramp:
|
|
171
|
-
display: { size: 28px, line: 36px, weight: 600, family: sans, tracking: -0.015em }
|
|
172
|
-
h1: { size: 24px, line: 32px, weight: 600, family: sans, tracking: -0.015em }
|
|
173
|
-
h2: { size: 20px, line: 28px, weight: 600, family: sans, tracking: -0.01em }
|
|
174
|
-
body: { size: 14px, line: 20px, weight: 400, family: sans }
|
|
175
|
-
small: { size: 13px, line: 18px, weight: 400, family: sans }
|
|
176
|
-
caption: { size: 12px, line: 16px, weight: 600, family: sans, tracking: 0.18em, transform: uppercase }
|
|
177
|
-
data: { size: 13px, line: 19px, weight: 400, family: mono, features: [tnum] }
|
|
178
|
-
register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body, eyebrows], mono: [data, ids, timestamps, logs, metrics] }
|
|
179
|
-
elevation:
|
|
180
|
-
radius: { sm: 6px, md: 8px, lg: 9999px }
|
|
181
|
-
hairline: border
|
|
182
|
-
shadow:
|
|
183
|
-
overlay: "0 8px 30px oklch(0.1 0.01 163 / 0.35)"
|
|
184
|
-
popover: "0 4px 16px oklch(0.1 0.01 163 / 0.28)"
|
|
185
|
-
dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.27, hue-held: 163 }
|
|
186
|
-
motion:
|
|
187
|
-
duration: { press: 100ms, fade: 150ms, panel: 220ms, pulse: 1200ms }
|
|
188
|
-
easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
|
|
189
|
-
entrance-never: ease-in
|
|
190
|
-
identity-moments: [auth, first-run-empty, live-status-pulse]
|
|
191
|
-
iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
|
|
192
|
-
charts:
|
|
193
|
-
categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
|
|
194
|
-
sequential: { from: background, to: chart-1 }
|
|
195
|
-
diverging: { negative: destructive, mid: muted, positive: success }
|
|
196
|
-
layout: { base: 4px, sidebar: [248px, 56px], topbar: 52px, side-panel: [420px, 640px], content-max: 1400px }
|
|
197
|
-
```
|
|
@@ -1,196 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v2
|
|
3
|
-
id: warp
|
|
4
|
-
tier: brand
|
|
5
|
-
segments: [dev-tools, terminal, ai-agents]
|
|
6
|
-
keywords: [dark, warm, charcoal, monochrome, terminal, quiet]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit restoring the brand's warm-charcoal dark as the primary mood (v1 authored the light reading; it survives as the daytime theme); Inter Variable + DM Mono per v1"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# warp — a walnut workbench under one warm lamp
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
A late-night workshop: walnut bench rubbed near-black, one warm anglepoise lamp,
|
|
16
|
-
tools laid on oiled leather — everything brown-warm, nothing cold. Dark by default:
|
|
17
|
-
the brand's own warm charcoal (`oklch` hue ~65, never a cold gray) is the canvas,
|
|
18
|
-
authored as a ladder; the light theme is the same warmth on a paper floor. Strictly
|
|
19
|
-
monochrome — no chromatic accent exists; the one accent is ink, and the quiet
|
|
20
|
-
weight-400 display keeps the voice low.
|
|
21
|
-
|
|
22
|
-
## 2 Color Roles
|
|
23
|
-
Warm off-white `foreground` on warm charcoal. `primary` is monochrome — the paper-
|
|
24
|
-
white button on dark, the charcoal button on light — reserved for the one action,
|
|
25
|
-
active nav, and `ring`. `accent` is a warm neutral lift for selection, never a hue.
|
|
26
|
-
Every neutral carries the brown-beige temperature; a cool gray anywhere is
|
|
27
|
-
off-brand. Status hues are warmed (brick, moss, amber) and speak only status.
|
|
28
|
-
|
|
29
|
-
## 3 Typography
|
|
30
|
-
Inter (text) / DM Mono (data + terminal) — both open, per the brand. Register
|
|
31
|
-
scope: page titles wear weight 400 with negative tracking — the quiet display, the
|
|
32
|
-
defining trait; component heads step to 500; nothing reaches 700. DM Mono owns IDs,
|
|
33
|
-
codes, timestamps, log lines, and every terminal surface. Numerals are always
|
|
34
|
-
`tabular-nums`; emphasis is size or the mono, never heavy weight.
|
|
35
|
-
|
|
36
|
-
## 4 Component Stylings
|
|
37
|
-
Buttons near-rectangular `radius-sm` (4px, never pill), paper `primary` fill on
|
|
38
|
-
dark; inputs hairline `border` with the `ring` at 2px, no glow; cards one warm
|
|
39
|
-
surface step above the canvas, hairline-edged, never shadowed; table rows `muted`
|
|
40
|
-
hover, `accent` selection; detail in the side panel; badges alone pill, `muted` or
|
|
41
|
-
status fills; the terminal inlay is real chrome — `background`-deep, mono, both
|
|
42
|
-
themes.
|
|
43
|
-
|
|
44
|
-
## 5 Layout
|
|
45
|
-
4px base; sidebar 240/56px; topbar 52px; side panel 420/640px; content max 1360px;
|
|
46
|
-
a touch tight throughout — the terminal dialect through the shell.
|
|
47
|
-
|
|
48
|
-
## 6 Depth
|
|
49
|
-
Dark first: the authored warm ladder — `background` 0.26 L, `surface-raised` +0.05,
|
|
50
|
-
`surface-overlay` +0.09, hue held at 65; hairlines stay warm, never cold. Light:
|
|
51
|
-
paper floor with off-white cards, the bright step plus warm hairline carrying every
|
|
52
|
-
lift; the faintest warm-tinted shadow only on true overlays.
|
|
53
|
-
|
|
54
|
-
## 7 Motion
|
|
55
|
-
Unhurried, small. Named moments: `panel-slide` (side panel, 240ms, interruptible),
|
|
56
|
-
`lamp-fade` (page content arrive, 160ms), `press` (primary action, 110ms). Blocks
|
|
57
|
-
of terminal output appear whole — never typed-on. Physicality granted only to auth
|
|
58
|
-
and first-run empty states.
|
|
59
|
-
|
|
60
|
-
## 8 Iconography & Charts
|
|
61
|
-
Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
|
|
62
|
-
axes, warm chrome; categorical runs charcoal, amber, moss, brick, one dusty-blue
|
|
63
|
-
counterpoint (`chart-1..5`); sequential canvas→ink; tooltips on `surface-overlay`
|
|
64
|
-
with DM Mono numerals.
|
|
65
|
-
|
|
66
|
-
## 9 Voice
|
|
67
|
-
Workshop calm: short declaratives, no exclamation, the tool never talks over the
|
|
68
|
-
work. "Run session" · "No sessions open — the last one closed cleanly" · "This
|
|
69
|
-
command needs a workspace; pick one to continue."
|
|
70
|
-
|
|
71
|
-
## 10 Do's & Don'ts
|
|
72
|
-
Do keep every neutral warm — the brown-beige temperature is the identity; pure
|
|
73
|
-
white, pure black, or cool gray anywhere breaks it. Do keep page titles at 400 with
|
|
74
|
-
negative tracking. Don't introduce a chromatic accent — a colored CTA is the single
|
|
75
|
-
most off-brand move. Don't render a heading at 700+, pill a button, or shadow a
|
|
76
|
-
card.
|
|
77
|
-
|
|
78
|
-
## 11 Responsive
|
|
79
|
-
375: sidebar → off-canvas drawer, side panel → full sheet, list+detail stacks. 768:
|
|
80
|
-
sidebar → icon rail; tables and terminal inlays scroll horizontally, never wrap.
|
|
81
|
-
1024/1440: two-pane queue+detail holds; forms cap, tables full width.
|
|
82
|
-
|
|
83
|
-
## 12 Agent Prompt Guide
|
|
84
|
-
Wear the warm charcoal as the room; light is the paper daytime of the same wood.
|
|
85
|
-
The accent is ink — spend it once; color belongs only to status and charts. Titles
|
|
86
|
-
stay quiet at 400. Terminal, log, and code surfaces are real chrome in DM Mono at
|
|
87
|
-
canvas depth. Dark is authored — consult the block, never invert the paper.
|
|
88
|
-
|
|
89
|
-
```yaml design-values
|
|
90
|
-
color:
|
|
91
|
-
light:
|
|
92
|
-
background: oklch(0.953 0.01 87)
|
|
93
|
-
foreground: oklch(0.25 0.012 65)
|
|
94
|
-
card: oklch(0.97 0.007 88)
|
|
95
|
-
card-foreground: oklch(0.25 0.012 65)
|
|
96
|
-
popover: oklch(0.975 0.007 88)
|
|
97
|
-
popover-foreground: oklch(0.25 0.012 65)
|
|
98
|
-
primary: oklch(0.27 0.012 65)
|
|
99
|
-
primary-foreground: oklch(0.97 0.007 88)
|
|
100
|
-
secondary: oklch(0.926 0.013 87)
|
|
101
|
-
secondary-foreground: oklch(0.3 0.012 65)
|
|
102
|
-
muted: oklch(0.93 0.012 87)
|
|
103
|
-
muted-foreground: oklch(0.45 0.015 78)
|
|
104
|
-
accent: oklch(0.905 0.015 87)
|
|
105
|
-
accent-foreground: oklch(0.28 0.012 65)
|
|
106
|
-
destructive: oklch(0.54 0.17 30)
|
|
107
|
-
destructive-foreground: oklch(0.98 0.01 30)
|
|
108
|
-
success: oklch(0.55 0.11 136)
|
|
109
|
-
warning: oklch(0.6 0.12 70)
|
|
110
|
-
border: oklch(0.898 0.015 87)
|
|
111
|
-
input: oklch(0.898 0.015 87)
|
|
112
|
-
ring: oklch(0.27 0.012 65)
|
|
113
|
-
surface-raised: oklch(0.965 0.008 88)
|
|
114
|
-
surface-overlay: oklch(0.975 0.007 88)
|
|
115
|
-
chart-1: oklch(0.4 0.02 65)
|
|
116
|
-
chart-2: oklch(0.65 0.12 70)
|
|
117
|
-
chart-3: oklch(0.56 0.11 136)
|
|
118
|
-
chart-4: oklch(0.55 0.15 30)
|
|
119
|
-
chart-5: oklch(0.55 0.06 240)
|
|
120
|
-
sidebar: oklch(0.935 0.011 87)
|
|
121
|
-
sidebar-foreground: oklch(0.27 0.012 65)
|
|
122
|
-
sidebar-primary: oklch(0.27 0.012 65)
|
|
123
|
-
sidebar-primary-foreground: oklch(0.97 0.007 88)
|
|
124
|
-
sidebar-accent: oklch(0.895 0.015 87)
|
|
125
|
-
sidebar-accent-foreground: oklch(0.28 0.012 65)
|
|
126
|
-
sidebar-border: oklch(0.885 0.015 87)
|
|
127
|
-
sidebar-ring: oklch(0.27 0.012 65)
|
|
128
|
-
dark:
|
|
129
|
-
background: oklch(0.26 0.012 65)
|
|
130
|
-
foreground: oklch(0.95 0.008 85)
|
|
131
|
-
card: oklch(0.3 0.012 65)
|
|
132
|
-
card-foreground: oklch(0.95 0.008 85)
|
|
133
|
-
popover: oklch(0.35 0.013 65)
|
|
134
|
-
popover-foreground: oklch(0.95 0.008 85)
|
|
135
|
-
primary: oklch(0.95 0.008 85)
|
|
136
|
-
primary-foreground: oklch(0.26 0.012 65)
|
|
137
|
-
secondary: oklch(0.33 0.013 65)
|
|
138
|
-
secondary-foreground: oklch(0.92 0.009 85)
|
|
139
|
-
muted: oklch(0.32 0.013 65)
|
|
140
|
-
muted-foreground: oklch(0.74 0.015 80)
|
|
141
|
-
accent: oklch(0.36 0.014 65)
|
|
142
|
-
accent-foreground: oklch(0.93 0.009 85)
|
|
143
|
-
destructive: oklch(0.64 0.17 30)
|
|
144
|
-
destructive-foreground: oklch(0.13 0.02 30)
|
|
145
|
-
success: oklch(0.7 0.11 136)
|
|
146
|
-
warning: oklch(0.74 0.12 70)
|
|
147
|
-
border: oklch(0.36 0.013 65)
|
|
148
|
-
input: oklch(0.36 0.013 65)
|
|
149
|
-
ring: oklch(0.95 0.008 85)
|
|
150
|
-
surface-raised: oklch(0.31 0.013 65)
|
|
151
|
-
surface-overlay: oklch(0.35 0.013 65)
|
|
152
|
-
chart-1: oklch(0.85 0.02 85)
|
|
153
|
-
chart-2: oklch(0.74 0.12 70)
|
|
154
|
-
chart-3: oklch(0.72 0.11 136)
|
|
155
|
-
chart-4: oklch(0.66 0.15 30)
|
|
156
|
-
chart-5: oklch(0.68 0.07 240)
|
|
157
|
-
sidebar: oklch(0.24 0.012 65)
|
|
158
|
-
sidebar-foreground: oklch(0.93 0.009 85)
|
|
159
|
-
sidebar-primary: oklch(0.95 0.008 85)
|
|
160
|
-
sidebar-primary-foreground: oklch(0.25 0.012 65)
|
|
161
|
-
sidebar-accent: oklch(0.3 0.012 65)
|
|
162
|
-
sidebar-accent-foreground: oklch(0.93 0.009 85)
|
|
163
|
-
sidebar-border: oklch(0.31 0.013 65)
|
|
164
|
-
sidebar-ring: oklch(0.95 0.008 85)
|
|
165
|
-
typography:
|
|
166
|
-
display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400] }
|
|
167
|
-
sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
|
|
168
|
-
mono: { family: "DM Mono", fallback: "ui-monospace, monospace", weights: [400, 500] }
|
|
169
|
-
ramp:
|
|
170
|
-
display: { size: 28px, line: 34px, weight: 400, family: sans, tracking: -0.02em }
|
|
171
|
-
h1: { size: 24px, line: 30px, weight: 400, family: sans, tracking: -0.02em }
|
|
172
|
-
h2: { size: 20px, line: 26px, weight: 400, family: sans, tracking: -0.015em }
|
|
173
|
-
body: { size: 14px, line: 20px, weight: 400, family: sans }
|
|
174
|
-
small: { size: 13px, line: 18px, weight: 400, family: sans }
|
|
175
|
-
caption: { size: 12px, line: 16px, weight: 500, family: sans, tracking: 0.04em, transform: uppercase }
|
|
176
|
-
data: { size: 13px, line: 19px, weight: 400, family: mono, features: [tnum] }
|
|
177
|
-
register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps, logs, terminal] }
|
|
178
|
-
elevation:
|
|
179
|
-
radius: { sm: 4px, md: 6px, lg: 9999px }
|
|
180
|
-
hairline: border
|
|
181
|
-
shadow:
|
|
182
|
-
overlay: "0 8px 28px oklch(0.15 0.012 65 / 0.4)"
|
|
183
|
-
popover: "0 4px 14px oklch(0.15 0.012 65 / 0.3)"
|
|
184
|
-
dark-ladder: { background: 0.26, raised: 0.31, overlay: 0.35, hue-held: 65 }
|
|
185
|
-
motion:
|
|
186
|
-
duration: { press: 110ms, fade: 160ms, panel: 240ms }
|
|
187
|
-
easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
|
|
188
|
-
entrance-never: ease-in
|
|
189
|
-
identity-moments: [auth, first-run-empty]
|
|
190
|
-
iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
|
|
191
|
-
charts:
|
|
192
|
-
categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
|
|
193
|
-
sequential: { from: background, to: foreground }
|
|
194
|
-
diverging: { negative: chart-4, mid: muted, positive: chart-3 }
|
|
195
|
-
layout: { base: 4px, sidebar: [240px, 56px], topbar: 52px, side-panel: [420px, 640px], content-max: 1360px }
|
|
196
|
-
```
|