@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.
- package/data/harness-index.json +1 -1
- package/data/harnesses/apollo/harness.json +2 -2
- 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/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: uber
|
|
4
|
-
tier: brand
|
|
5
|
-
segments: [mobility, logistics, marketplace-ops]
|
|
6
|
-
keywords: [monochrome, black, pill, geometric, stark, super-app]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; UberMove / UberMoveText → Inter Variable (ss01) and Geist Mono substitutions; chart hues from the public Base design system"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# uber — a midnight airport curbside
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
A midnight airport curbside: black sedan on white-painted lane markings, headlight
|
|
16
|
-
glare, everything either ink or pavement. Light default; the system is a black-and-
|
|
17
|
-
white duet where black `primary` does every conversion job and the pill is the
|
|
18
|
-
irreducible shape on every interactive control. Dark is the night shift of the same
|
|
19
|
-
curb — an authored charcoal ladder, not inverted paper. Flat; rank is the
|
|
20
|
-
polarity-flip, never shadow.
|
|
21
|
-
|
|
22
|
-
## 2 Color Roles
|
|
23
|
-
True-black `foreground` on the white canvas — the brand ink, kept deliberately
|
|
24
|
-
stark. `primary` is black: the one action, the active mark, the flipped band; no
|
|
25
|
-
second chromatic accent exists. `accent` is a gray wash for selection, never a hue.
|
|
26
|
-
Links are ink and underlined — never browser-blue. The `sidebar` is the black band
|
|
27
|
-
made permanent, both themes. Status hues appear only on chips and validation.
|
|
28
|
-
|
|
29
|
-
## 3 Typography
|
|
30
|
-
Inter (with `ss01`, substituting UberMove/UberMoveText) carries everything; weight,
|
|
31
|
-
never a second face, is the display voice. Tracking is neutral — Uber never
|
|
32
|
-
letter-spaces; the uppercase eyebrow is the one rare exception. Geist Mono takes
|
|
33
|
-
IDs, codes, and timestamps; numeric columns are always `tabular-nums`. Headlines
|
|
34
|
-
stay sentence-case; emphasis bumps weight, never size.
|
|
35
|
-
|
|
36
|
-
## 4 Component Stylings
|
|
37
|
-
Buttons pill (`radius-lg` 9999) in black `primary`, secondary white pill on a
|
|
38
|
-
hairline, subtle gray pill on `secondary`; inputs are the one control that does not
|
|
39
|
-
pill — soft `radius-md` rect with the black `ring` focus; cards hairline `border` at
|
|
40
|
-
16px `radius`; table rows `muted` hover, `accent` selection, a black `primary` left
|
|
41
|
-
edge on the active row; detail in the side panel; badges pill with status fills.
|
|
42
|
-
|
|
43
|
-
## 5 Layout
|
|
44
|
-
4px base with the brand's 6px sub-step; sidebar 248/56px; topbar 56px; side panel
|
|
45
|
-
440/640px; content max 1440px; density standard — the duet, not the cram, is the
|
|
46
|
-
identity.
|
|
47
|
-
|
|
48
|
-
## 6 Depth
|
|
49
|
-
Light: flat — hairlines and the polarity-flip carry rank; inverting a region to
|
|
50
|
-
black `primary` with white text IS the depth cue; shadow only on true overlays,
|
|
51
|
-
ink-tinted. Dark: the authored ladder — `background` 0.14 L, `surface-raised` +0.05,
|
|
52
|
-
`surface-overlay` +0.10, cool hue held at 260; the CTA flips to white.
|
|
53
|
-
|
|
54
|
-
## 7 Motion
|
|
55
|
-
Kinetic but brief — the brand moves like traffic, in straight lines. Named moments:
|
|
56
|
-
`panel-slide` (side panel, 220ms, interruptible), `flip` (polarity band toggle,
|
|
57
|
-
180ms fade), `press` (pill press, 90ms scale-to-0.98). Physicality only at auth and
|
|
58
|
-
first-run; nothing animates in tables or keyboard flows.
|
|
59
|
-
|
|
60
|
-
## 8 Iconography & Charts
|
|
61
|
-
Lucide, 2px stroke — the geometric boldness matches the wordmark — 16/20px grid.
|
|
62
|
-
Charts: hairline axes, no gridline fills; the categorical ramp leads with Base
|
|
63
|
-
safety-blue then teal, amber, magenta, ink-gray (`chart-1..5`); monochrome
|
|
64
|
-
sequential from canvas to ink; tooltips on `surface-overlay` with mono numerals.
|
|
65
|
-
|
|
66
|
-
## 9 Voice
|
|
67
|
-
Dispatch terse: imperative verbs, no exclamation, distances and times stated as
|
|
68
|
-
numbers. "Request ride" · "No trips in progress — 4 drivers idle nearby" · "This
|
|
69
|
-
fare adjustment needs a supervisor code."
|
|
70
|
-
|
|
71
|
-
## 10 Do's & Don'ts
|
|
72
|
-
Do keep the system black-and-white — if two things want black, one is not primary.
|
|
73
|
-
Do pill every interactive control except inputs. Don't introduce a chromatic accent
|
|
74
|
-
— blue/orange/green flatten the duet; charts excepted. Don't letter-space anything
|
|
75
|
-
but the rare eyebrow. Don't shadow chrome — flip polarity instead.
|
|
76
|
-
|
|
77
|
-
## 11 Responsive
|
|
78
|
-
375: sidebar → off-canvas drawer, side panel → full sheet, list+detail stacks,
|
|
79
|
-
density holds. 768: sidebar → black icon rail; tables scroll overflow. 1024/1440:
|
|
80
|
-
two-pane queue+detail holds; forms cap, tables run full width.
|
|
81
|
-
|
|
82
|
-
## 12 Agent Prompt Guide
|
|
83
|
-
Lead every list with its table, every entity with its primary read. Spend black once
|
|
84
|
-
per surface; the pill is the shape of everything interactive, inputs excepted. Keep
|
|
85
|
-
the rail black in both themes. Dark is authored — the CTA flips to white; consult
|
|
86
|
-
the block, never invert mechanically.
|
|
87
|
-
|
|
88
|
-
```yaml design-values
|
|
89
|
-
color:
|
|
90
|
-
light:
|
|
91
|
-
background: oklch(0.99 0.005 260)
|
|
92
|
-
foreground: oklch(0.15 0.005 260)
|
|
93
|
-
card: oklch(0.995 0.005 260)
|
|
94
|
-
card-foreground: oklch(0.15 0.005 260)
|
|
95
|
-
popover: oklch(0.995 0.005 260)
|
|
96
|
-
popover-foreground: oklch(0.15 0.005 260)
|
|
97
|
-
primary: oklch(0.15 0.005 260)
|
|
98
|
-
primary-foreground: oklch(0.985 0.005 260)
|
|
99
|
-
secondary: oklch(0.945 0.005 260)
|
|
100
|
-
secondary-foreground: oklch(0.22 0.005 260)
|
|
101
|
-
muted: oklch(0.952 0.005 260)
|
|
102
|
-
muted-foreground: oklch(0.45 0.005 260)
|
|
103
|
-
accent: oklch(0.913 0.005 260)
|
|
104
|
-
accent-foreground: oklch(0.18 0.005 260)
|
|
105
|
-
destructive: oklch(0.55 0.2 29)
|
|
106
|
-
destructive-foreground: oklch(0.985 0.008 29)
|
|
107
|
-
success: oklch(0.49 0.11 157)
|
|
108
|
-
warning: oklch(0.55 0.15 49)
|
|
109
|
-
border: oklch(0.913 0.005 260)
|
|
110
|
-
input: oklch(0.913 0.005 260)
|
|
111
|
-
ring: oklch(0.15 0.005 260)
|
|
112
|
-
surface-raised: oklch(0.985 0.005 260)
|
|
113
|
-
surface-overlay: oklch(0.995 0.005 260)
|
|
114
|
-
chart-1: oklch(0.55 0.2 261)
|
|
115
|
-
chart-2: oklch(0.6 0.11 180)
|
|
116
|
-
chart-3: oklch(0.68 0.14 75)
|
|
117
|
-
chart-4: oklch(0.55 0.18 330)
|
|
118
|
-
chart-5: oklch(0.4 0.005 260)
|
|
119
|
-
sidebar: oklch(0.13 0.005 260)
|
|
120
|
-
sidebar-foreground: oklch(0.985 0.005 260)
|
|
121
|
-
sidebar-primary: oklch(0.985 0.005 260)
|
|
122
|
-
sidebar-primary-foreground: oklch(0.15 0.005 260)
|
|
123
|
-
sidebar-accent: oklch(0.28 0.005 260)
|
|
124
|
-
sidebar-accent-foreground: oklch(0.95 0.005 260)
|
|
125
|
-
sidebar-border: oklch(0.25 0.005 260)
|
|
126
|
-
sidebar-ring: oklch(0.985 0.005 260)
|
|
127
|
-
dark:
|
|
128
|
-
background: oklch(0.14 0.005 260)
|
|
129
|
-
foreground: oklch(0.95 0.005 260)
|
|
130
|
-
card: oklch(0.18 0.005 260)
|
|
131
|
-
card-foreground: oklch(0.95 0.005 260)
|
|
132
|
-
popover: oklch(0.24 0.005 260)
|
|
133
|
-
popover-foreground: oklch(0.95 0.005 260)
|
|
134
|
-
primary: oklch(0.95 0.005 260)
|
|
135
|
-
primary-foreground: oklch(0.15 0.005 260)
|
|
136
|
-
secondary: oklch(0.23 0.005 260)
|
|
137
|
-
secondary-foreground: oklch(0.9 0.005 260)
|
|
138
|
-
muted: oklch(0.22 0.005 260)
|
|
139
|
-
muted-foreground: oklch(0.7 0.005 260)
|
|
140
|
-
accent: oklch(0.27 0.005 260)
|
|
141
|
-
accent-foreground: oklch(0.93 0.005 260)
|
|
142
|
-
destructive: oklch(0.62 0.19 27)
|
|
143
|
-
destructive-foreground: oklch(0.12 0.02 27)
|
|
144
|
-
success: oklch(0.68 0.13 157)
|
|
145
|
-
warning: oklch(0.72 0.14 60)
|
|
146
|
-
border: oklch(0.26 0.005 260)
|
|
147
|
-
input: oklch(0.26 0.005 260)
|
|
148
|
-
ring: oklch(0.95 0.005 260)
|
|
149
|
-
surface-raised: oklch(0.19 0.005 260)
|
|
150
|
-
surface-overlay: oklch(0.24 0.005 260)
|
|
151
|
-
chart-1: oklch(0.64 0.18 261)
|
|
152
|
-
chart-2: oklch(0.7 0.11 180)
|
|
153
|
-
chart-3: oklch(0.76 0.14 75)
|
|
154
|
-
chart-4: oklch(0.66 0.17 330)
|
|
155
|
-
chart-5: oklch(0.75 0.005 260)
|
|
156
|
-
sidebar: oklch(0.11 0.005 260)
|
|
157
|
-
sidebar-foreground: oklch(0.95 0.005 260)
|
|
158
|
-
sidebar-primary: oklch(0.95 0.005 260)
|
|
159
|
-
sidebar-primary-foreground: oklch(0.13 0.005 260)
|
|
160
|
-
sidebar-accent: oklch(0.22 0.005 260)
|
|
161
|
-
sidebar-accent-foreground: oklch(0.93 0.005 260)
|
|
162
|
-
sidebar-border: oklch(0.2 0.005 260)
|
|
163
|
-
sidebar-ring: oklch(0.95 0.005 260)
|
|
164
|
-
typography:
|
|
165
|
-
display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600, 700] }
|
|
166
|
-
sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
|
|
167
|
-
mono: { family: "Geist Mono", fallback: "ui-monospace, monospace", weights: [400] }
|
|
168
|
-
ramp:
|
|
169
|
-
display: { size: 28px, line: 34px, weight: 700, family: sans, tracking: 0em }
|
|
170
|
-
h1: { size: 24px, line: 30px, weight: 600, family: sans, tracking: 0em }
|
|
171
|
-
h2: { size: 20px, line: 26px, weight: 600, family: sans, tracking: 0em }
|
|
172
|
-
body: { size: 15px, line: 22px, weight: 400, family: sans }
|
|
173
|
-
small: { size: 13px, line: 18px, weight: 400, family: sans }
|
|
174
|
-
caption: { size: 12px, line: 16px, weight: 600, family: sans, tracking: 0.04em, transform: uppercase }
|
|
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] }
|
|
177
|
-
elevation:
|
|
178
|
-
radius: { sm: 8px, md: 16px, lg: 9999px }
|
|
179
|
-
hairline: border
|
|
180
|
-
shadow:
|
|
181
|
-
overlay: "0 8px 30px oklch(0.15 0.005 260 / 0.16)"
|
|
182
|
-
popover: "0 4px 16px oklch(0.15 0.005 260 / 0.12)"
|
|
183
|
-
dark-ladder: { background: 0.14, raised: 0.19, overlay: 0.24, hue-held: 260 }
|
|
184
|
-
motion:
|
|
185
|
-
duration: { press: 90ms, fade: 180ms, 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: 2px, 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: [248px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1440px }
|
|
195
|
-
```
|
|
@@ -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
|
-
```
|