@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,197 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v2
|
|
3
|
-
id: cursor
|
|
4
|
-
tier: brand
|
|
5
|
-
segments: [dev-tools, ai, ide]
|
|
6
|
-
keywords: [warm, cream, editorial, orange, mono, magazine]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "design-md/v1 cursor entry (2026-07-04); 2026-07-12 re-audit of Cursor public brand; Inter substitutes the licensed CursorGothic; JetBrains Mono for code surfaces; primary-action label runs warm ink (the marketing white-on-orange fails body contrast at operator scale)"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# cursor — a writer's desk in a warm studio, half the page set in code
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
A magazine editor's desk in a warm studio: cream paper stock, warm near-black ink, one
|
|
16
|
-
orange highlighter capped until it matters, and galley proofs where half the columns are
|
|
17
|
-
code. Light by default — the cream `background` is deliberate warmth, never pure white;
|
|
18
|
-
cards step up to white so a panel reads by a hair of brightness plus its hairline, never
|
|
19
|
-
shadow. The dark theme is the studio at night: warm charcoal, same hue, lamp-lit rungs.
|
|
20
|
-
|
|
21
|
-
## 2 Color Roles
|
|
22
|
-
Warm near-black `foreground` on the cream `background`; `primary` Cursor Orange is held
|
|
23
|
-
scarce — the one primary action, the focus `ring`, the active-nav indicator. The orange
|
|
24
|
-
fill carries warm-ink text (the marketing white label fails body contrast at operator
|
|
25
|
-
scale). `accent` is a warm neutral selection lift, never orange. The timeline pastels
|
|
26
|
-
live only in `chart-*` and agent-stage chips; status hues speak only status.
|
|
27
|
-
|
|
28
|
-
## 3 Typography
|
|
29
|
-
Inter (the open substitute for the licensed CursorGothic) over JetBrains Mono on every
|
|
30
|
-
code surface — roughly half of Cursor's own chrome. The defining trait is the editorial
|
|
31
|
-
voice: page titles wear weight 400 with negative tracking — a magazine feel, never bold —
|
|
32
|
-
while card heads step up to 600. Register scope: the 400-weight display register speaks
|
|
33
|
-
in page titles, section heads, empty states, and auth; mono owns code, logs, IDs, and
|
|
34
|
-
timestamps; numeric columns are `tabular-nums`.
|
|
35
|
-
|
|
36
|
-
## 4 Component Stylings
|
|
37
|
-
Buttons `radius-sm` (8px), orange `primary` fill with ink label, never a pill; secondary
|
|
38
|
-
is white `card` on hairline. Inputs on `background` with hairline; focus draws the orange
|
|
39
|
-
`ring` at 2px, no glow. Cards are the white bright step off the cream on a hairline.
|
|
40
|
-
Table rows with `border` grid lines, `muted` hover, selection warming to `accent`. Detail
|
|
41
|
-
opens in the side panel; badges are pills (badges only) with status fills.
|
|
42
|
-
|
|
43
|
-
## 5 Layout
|
|
44
|
-
4px base; sidebar 256/56px; topbar 64px (the brand's nav height); side panel 440/640px;
|
|
45
|
-
content max 1360px. Dimensions run a hair generous — editorial breathing carried through
|
|
46
|
-
the shell, not loose grids; the 80px marketing rhythm stays behind.
|
|
47
|
-
|
|
48
|
-
## 6 Depth
|
|
49
|
-
Light: the cream-to-white surface step and warm hairlines carry everything; the faintest
|
|
50
|
-
warm-tinted lift appears only under true overlays. Dark: the surface ladder does depth —
|
|
51
|
-
`background` 0.18 L, `surface-raised` +0.05, `surface-overlay` +0.10, warm hue held near
|
|
52
|
-
95. Focus is always the 2px orange `ring`, keyboard-first.
|
|
53
|
-
|
|
54
|
-
## 7 Motion
|
|
55
|
-
Editorial and unhurried, but brief. Named moments: `page-settle` (content fade, 150ms),
|
|
56
|
-
`panel-slide` (side panel, 220ms, interruptible), `ink-press` (primary-action press,
|
|
57
|
-
110ms). Physicality is granted only to auth and first-run empty states; agent-stage chips
|
|
58
|
-
change state by color swap, not animation; nothing moves on keyboard-initiated actions.
|
|
59
|
-
|
|
60
|
-
## 8 Iconography & Charts
|
|
61
|
-
Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
|
|
62
|
-
no gridline fills; the categorical ramp is the sanctioned timeline-pastel set — peach,
|
|
63
|
-
mint, blue, lavender, gold (`chart-1..5`), deepened to read as data; tooltips on
|
|
64
|
-
`surface-overlay` with mono numerals.
|
|
65
|
-
|
|
66
|
-
## 9 Voice
|
|
67
|
-
A calm editor who ships: short declaratives, numbers plain, wit dry and rare. "New run" ·
|
|
68
|
-
"The queue is clear — 12 runs finished today" · "This agent hit its token budget; raise
|
|
69
|
-
the cap or split the task."
|
|
70
|
-
|
|
71
|
-
## 10 Do's & Don'ts
|
|
72
|
-
Do anchor every surface on the warm cream — pure white as the page floor reads as
|
|
73
|
-
any-other-tool. Do keep page titles at 400 with negative tracking; never bold the
|
|
74
|
-
display. Do render every code, log, and terminal surface in mono. Don't introduce a
|
|
75
|
-
second action color. Don't drop the timeline pastels onto semantic status or chrome.
|
|
76
|
-
Don't pill the CTA, and don't shadow what a hairline can separate.
|
|
77
|
-
|
|
78
|
-
## 11 Responsive
|
|
79
|
-
375: sidebar → off-canvas drawer; side panel → full sheet; density holds. 768: sidebar
|
|
80
|
-
collapses to the icon rail; tables scroll their overflow. 1024: two-pane queue+detail
|
|
81
|
-
holds. 1440: forms cap; breathing widens under the content cap.
|
|
82
|
-
|
|
83
|
-
## 12 Agent Prompt Guide
|
|
84
|
-
Reach for the cream canvas first — the tint is Cursor. Spend orange once per surface:
|
|
85
|
-
primary action, focus ring, active nav; if two things want it, one is not primary. Page
|
|
86
|
-
titles wear 400 with negative tracking. Show real code chrome in mono, not a light mockup
|
|
87
|
-
of it. Depth is the cream-to-white step; dark is authored — consult the block, never
|
|
88
|
-
derive.
|
|
89
|
-
|
|
90
|
-
```yaml design-values
|
|
91
|
-
color:
|
|
92
|
-
light:
|
|
93
|
-
background: oklch(0.975 0.005 106)
|
|
94
|
-
foreground: oklch(0.26 0.012 100)
|
|
95
|
-
card: oklch(0.995 0.005 100)
|
|
96
|
-
card-foreground: oklch(0.26 0.012 100)
|
|
97
|
-
popover: oklch(0.995 0.005 100)
|
|
98
|
-
popover-foreground: oklch(0.26 0.012 100)
|
|
99
|
-
primary: oklch(0.652 0.214 38)
|
|
100
|
-
primary-foreground: oklch(0.13 0.01 45)
|
|
101
|
-
secondary: oklch(0.948 0.008 99)
|
|
102
|
-
secondary-foreground: oklch(0.26 0.012 100)
|
|
103
|
-
muted: oklch(0.948 0.008 99)
|
|
104
|
-
muted-foreground: oklch(0.5 0.016 95)
|
|
105
|
-
accent: oklch(0.93 0.011 95)
|
|
106
|
-
accent-foreground: oklch(0.26 0.012 100)
|
|
107
|
-
destructive: oklch(0.566 0.197 12)
|
|
108
|
-
destructive-foreground: oklch(0.98 0.008 12)
|
|
109
|
-
success: oklch(0.565 0.11 164)
|
|
110
|
-
warning: oklch(0.661 0.121 72)
|
|
111
|
-
border: oklch(0.921 0.007 97)
|
|
112
|
-
input: oklch(0.921 0.007 97)
|
|
113
|
-
ring: oklch(0.652 0.214 38)
|
|
114
|
-
surface-raised: oklch(0.985 0.005 100)
|
|
115
|
-
surface-overlay: oklch(0.995 0.005 100)
|
|
116
|
-
chart-1: oklch(0.68 0.15 45)
|
|
117
|
-
chart-2: oklch(0.72 0.11 160)
|
|
118
|
-
chart-3: oklch(0.65 0.11 245)
|
|
119
|
-
chart-4: oklch(0.65 0.11 295)
|
|
120
|
-
chart-5: oklch(0.75 0.12 85)
|
|
121
|
-
sidebar: oklch(0.965 0.006 103)
|
|
122
|
-
sidebar-foreground: oklch(0.26 0.012 100)
|
|
123
|
-
sidebar-primary: oklch(0.652 0.214 38)
|
|
124
|
-
sidebar-primary-foreground: oklch(0.13 0.01 45)
|
|
125
|
-
sidebar-accent: oklch(0.93 0.011 95)
|
|
126
|
-
sidebar-accent-foreground: oklch(0.26 0.012 100)
|
|
127
|
-
sidebar-border: oklch(0.921 0.007 97)
|
|
128
|
-
sidebar-ring: oklch(0.652 0.214 38)
|
|
129
|
-
dark:
|
|
130
|
-
background: oklch(0.18 0.008 95)
|
|
131
|
-
foreground: oklch(0.93 0.008 98)
|
|
132
|
-
card: oklch(0.21 0.009 95)
|
|
133
|
-
card-foreground: oklch(0.93 0.008 98)
|
|
134
|
-
popover: oklch(0.28 0.01 95)
|
|
135
|
-
popover-foreground: oklch(0.93 0.008 98)
|
|
136
|
-
primary: oklch(0.652 0.214 38)
|
|
137
|
-
primary-foreground: oklch(0.13 0.01 45)
|
|
138
|
-
secondary: oklch(0.26 0.01 95)
|
|
139
|
-
secondary-foreground: oklch(0.9 0.008 98)
|
|
140
|
-
muted: oklch(0.25 0.01 95)
|
|
141
|
-
muted-foreground: oklch(0.72 0.012 95)
|
|
142
|
-
accent: oklch(0.3 0.012 95)
|
|
143
|
-
accent-foreground: oklch(0.93 0.008 98)
|
|
144
|
-
destructive: oklch(0.64 0.19 15)
|
|
145
|
-
destructive-foreground: oklch(0.14 0.02 15)
|
|
146
|
-
success: oklch(0.68 0.12 164)
|
|
147
|
-
warning: oklch(0.75 0.13 75)
|
|
148
|
-
border: oklch(0.29 0.01 95)
|
|
149
|
-
input: oklch(0.29 0.01 95)
|
|
150
|
-
ring: oklch(0.652 0.214 38)
|
|
151
|
-
surface-raised: oklch(0.23 0.009 95)
|
|
152
|
-
surface-overlay: oklch(0.28 0.01 95)
|
|
153
|
-
chart-1: oklch(0.75 0.13 45)
|
|
154
|
-
chart-2: oklch(0.78 0.11 160)
|
|
155
|
-
chart-3: oklch(0.72 0.11 245)
|
|
156
|
-
chart-4: oklch(0.72 0.11 295)
|
|
157
|
-
chart-5: oklch(0.8 0.12 85)
|
|
158
|
-
sidebar: oklch(0.16 0.008 95)
|
|
159
|
-
sidebar-foreground: oklch(0.9 0.008 98)
|
|
160
|
-
sidebar-primary: oklch(0.652 0.214 38)
|
|
161
|
-
sidebar-primary-foreground: oklch(0.13 0.01 45)
|
|
162
|
-
sidebar-accent: oklch(0.24 0.01 95)
|
|
163
|
-
sidebar-accent-foreground: oklch(0.92 0.008 98)
|
|
164
|
-
sidebar-border: oklch(0.26 0.01 95)
|
|
165
|
-
sidebar-ring: oklch(0.652 0.214 38)
|
|
166
|
-
typography:
|
|
167
|
-
display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400] }
|
|
168
|
-
sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
|
|
169
|
-
mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
|
|
170
|
-
ramp:
|
|
171
|
-
display: { size: 28px, line: 34px, weight: 400, family: display, tracking: -0.02em }
|
|
172
|
-
h1: { size: 24px, line: 29px, weight: 400, family: display, tracking: -0.015em }
|
|
173
|
-
h2: { size: 20px, line: 26px, weight: 400, family: display, tracking: -0.01em }
|
|
174
|
-
body: { size: 14px, line: 21px, weight: 400, family: sans }
|
|
175
|
-
small: { size: 13px, line: 18px, weight: 400, family: sans }
|
|
176
|
-
caption: { size: 12px, line: 17px, weight: 600, family: sans, tracking: 0.08em, transform: uppercase }
|
|
177
|
-
data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
|
|
178
|
-
register-scope: { display: [page-title, section-head, empty-state, auth], sans: [chrome, controls, body], mono: [data, code, logs, ids, timestamps] }
|
|
179
|
-
elevation:
|
|
180
|
-
radius: { sm: 8px, md: 10px, lg: 14px }
|
|
181
|
-
hairline: border
|
|
182
|
-
shadow:
|
|
183
|
-
overlay: "0 8px 28px oklch(0.3 0.02 80 / 0.12)"
|
|
184
|
-
popover: "0 4px 14px oklch(0.3 0.02 80 / 0.08)"
|
|
185
|
-
dark-ladder: { background: 0.18, raised: 0.23, overlay: 0.28, hue-held: 95 }
|
|
186
|
-
motion:
|
|
187
|
-
duration: { press: 110ms, fade: 150ms, panel: 220ms }
|
|
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]
|
|
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: chart-2 }
|
|
196
|
-
layout: { base: 4px, sidebar: [256px, 56px], topbar: 64px, side-panel: [440px, 640px], content-max: 1360px }
|
|
197
|
-
```
|
|
@@ -1,199 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v2
|
|
3
|
-
id: elevenlabs
|
|
4
|
-
tier: brand
|
|
5
|
-
segments: [ai, voice, media]
|
|
6
|
-
keywords: [editorial, serif, warm-stone, achromatic, spacious, pill]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "design-md/v1 elevenlabs entry (2026-07-04); 2026-07-12 re-audit of ElevenLabs public brand; EB Garamond substitutes the licensed Waldenburg (its 400 runs light, standing in for Waldenburg's 300); Inter for text; JetBrains Mono for data"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# elevenlabs — a print magazine's reading room inside a recording studio
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
The reading room of a recording studio: foam-quieted walls in warm stone, an off-white
|
|
16
|
-
proof of the next issue on the table, headlines set in a light serif, and not one drop of
|
|
17
|
-
chromatic ink anywhere — the only "accent" is the ink itself, worn as a pill. Light by
|
|
18
|
-
default, spacious by conviction; hierarchy is warm hairlines, type weight, and the stone
|
|
19
|
-
surface ladder, never heavy shadow. The dark theme is the booth after hours — warm
|
|
20
|
-
charcoal, hue held, the pill inverted to bone.
|
|
21
|
-
|
|
22
|
-
## 2 Color Roles
|
|
23
|
-
Warm near-black `foreground` on the off-white `background`; `primary` is achromatic ink
|
|
24
|
-
worn as a pill on the one action that matters — there is no chromatic accent at all, and
|
|
25
|
-
that discipline carries. `accent` warms the stone for selection; it does not colour it.
|
|
26
|
-
The five pastels (mint, sky, lavender, peach, rose) live only in `chart-*` — never a
|
|
27
|
-
fill, text color, or surface. Status hues speak only status.
|
|
28
|
-
|
|
29
|
-
## 3 Typography
|
|
30
|
-
EB Garamond (display serif — the open stand-in for Waldenburg Light; its 400 cut runs
|
|
31
|
-
light) over Inter (body, UI, tables, labels) over JetBrains Mono (IDs, codes,
|
|
32
|
-
timestamps). The brand never bolds: the serif holds its light cut, sans emphasis caps at
|
|
33
|
-
500, 600 only on the uppercase eyebrow. Register scope: the serif touches page titles,
|
|
34
|
-
section heads, empty states, and auth only — never cells, buttons, labels, or form
|
|
35
|
-
chrome; numeric columns are `tabular-nums`.
|
|
36
|
-
|
|
37
|
-
## 4 Component Stylings
|
|
38
|
-
The primary button is a **pill** of ink — the brand's signature geometry, kept
|
|
39
|
-
deliberately. Secondary on `secondary` stone with hairline at base radius. Inputs on
|
|
40
|
-
`card` with hairline; focus thickens to the 2px ink `ring`, no glow. Cards white on
|
|
41
|
-
hairline, 12px for feature cards. Table rows with `muted` hover, selection warming to
|
|
42
|
-
`accent`. Detail opens in the side panel; badges are pills with status fills and
|
|
43
|
-
uppercase captions.
|
|
44
|
-
|
|
45
|
-
## 5 Layout
|
|
46
|
-
4px base; sidebar 256/56px on the warm stone panel; topbar 64px; side panel 440/640px;
|
|
47
|
-
content max 1280px — airier than a dense console, because the tier is spacious. The
|
|
48
|
-
96px marketing rhythm and the gradient orbs stay behind.
|
|
49
|
-
|
|
50
|
-
## 6 Depth
|
|
51
|
-
Light: hairline-first — the stone ladder and warm hairlines carry rank; one soft
|
|
52
|
-
warm-tinted tier under true overlays only. Dark: the surface ladder does depth —
|
|
53
|
-
`background` 0.17 L, `surface-raised` +0.05, `surface-overlay` +0.10, warm hue held near
|
|
54
|
-
78. Focus is the 2px ink `ring` on every element.
|
|
55
|
-
|
|
56
|
-
## 7 Motion
|
|
57
|
-
Studio-quiet. Named moments: `page-breath` (content fade, 180ms — the one unhurried
|
|
58
|
-
entrance), `panel-slide` (side panel, 240ms, interruptible), `pill-press`
|
|
59
|
-
(primary-action press, 120ms). Physicality is granted only to auth and first-run empty
|
|
60
|
-
states; waveforms render statically in lists; nothing animates on keyboard-initiated
|
|
61
|
-
actions.
|
|
62
|
-
|
|
63
|
-
## 8 Iconography & Charts
|
|
64
|
-
Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
|
|
65
|
-
no gridline fills; the categorical ramp is the five pastels deepened to data strength —
|
|
66
|
-
mint, sky, lavender, peach, rose (`chart-1..5`); tooltips on `surface-overlay` with mono
|
|
67
|
-
numerals.
|
|
68
|
-
|
|
69
|
-
## 9 Voice
|
|
70
|
-
Quiet editorial: full sentences, unhurried, no exclamation, numbers plain. "Create
|
|
71
|
-
voice" · "Nothing to review — 3 renders completed overnight" · "This clone needs 30 more
|
|
72
|
-
seconds of clean audio before it can be published."
|
|
73
|
-
|
|
74
|
-
## 10 Do's & Don'ts
|
|
75
|
-
Do keep the accent achromatic — the ink pill is the only action color, one per surface.
|
|
76
|
-
Do wear the light serif on page titles and keep body Inter at 400/500 for legibility.
|
|
77
|
-
Do pill the primary CTA and badges; every other component stays at base radius. Don't
|
|
78
|
-
introduce a saturated action color or a second accent. Don't bold — anywhere. Don't
|
|
79
|
-
let the pastels leave the charts.
|
|
80
|
-
|
|
81
|
-
## 11 Responsive
|
|
82
|
-
375: sidebar → off-canvas drawer; side panel → full sheet; density holds. 768: sidebar
|
|
83
|
-
collapses to the icon rail; tables scroll their overflow. 1024: two-pane queue+detail
|
|
84
|
-
holds. 1440: forms cap; the spacious breathing widens under the 1280px cap.
|
|
85
|
-
|
|
86
|
-
## 12 Agent Prompt Guide
|
|
87
|
-
Anchor on the warm off-white with white cards; keep every accent achromatic — if a hue
|
|
88
|
-
appears outside a chart, it is drift. Page titles wear the light serif at reduced scale;
|
|
89
|
-
never bold. Pill the one primary action. Keep density spacious and workflows
|
|
90
|
-
keyboard-complete. Dark is authored — consult the block, never derive.
|
|
91
|
-
|
|
92
|
-
```yaml design-values
|
|
93
|
-
color:
|
|
94
|
-
light:
|
|
95
|
-
background: oklch(0.972 0.005 84)
|
|
96
|
-
foreground: oklch(0.15 0.005 50)
|
|
97
|
-
card: oklch(0.995 0.005 84)
|
|
98
|
-
card-foreground: oklch(0.15 0.005 50)
|
|
99
|
-
popover: oklch(0.995 0.005 84)
|
|
100
|
-
popover-foreground: oklch(0.15 0.005 50)
|
|
101
|
-
primary: oklch(0.27 0.006 34)
|
|
102
|
-
primary-foreground: oklch(0.97 0.005 84)
|
|
103
|
-
secondary: oklch(0.952 0.005 85)
|
|
104
|
-
secondary-foreground: oklch(0.2 0.006 50)
|
|
105
|
-
muted: oklch(0.952 0.005 85)
|
|
106
|
-
muted-foreground: oklch(0.5 0.014 75)
|
|
107
|
-
accent: oklch(0.929 0.006 75)
|
|
108
|
-
accent-foreground: oklch(0.2 0.006 50)
|
|
109
|
-
destructive: oklch(0.577 0.215 27)
|
|
110
|
-
destructive-foreground: oklch(0.98 0.008 27)
|
|
111
|
-
success: oklch(0.627 0.17 149)
|
|
112
|
-
warning: oklch(0.666 0.157 58)
|
|
113
|
-
border: oklch(0.923 0.005 55)
|
|
114
|
-
input: oklch(0.869 0.006 56)
|
|
115
|
-
ring: oklch(0.15 0.005 50)
|
|
116
|
-
surface-raised: oklch(0.985 0.005 84)
|
|
117
|
-
surface-overlay: oklch(0.995 0.005 84)
|
|
118
|
-
chart-1: oklch(0.7 0.1 165)
|
|
119
|
-
chart-2: oklch(0.68 0.1 235)
|
|
120
|
-
chart-3: oklch(0.68 0.1 295)
|
|
121
|
-
chart-4: oklch(0.74 0.11 55)
|
|
122
|
-
chart-5: oklch(0.7 0.11 10)
|
|
123
|
-
sidebar: oklch(0.952 0.006 85)
|
|
124
|
-
sidebar-foreground: oklch(0.2 0.006 50)
|
|
125
|
-
sidebar-primary: oklch(0.27 0.006 34)
|
|
126
|
-
sidebar-primary-foreground: oklch(0.97 0.005 84)
|
|
127
|
-
sidebar-accent: oklch(0.909 0.009 78)
|
|
128
|
-
sidebar-accent-foreground: oklch(0.2 0.006 50)
|
|
129
|
-
sidebar-border: oklch(0.9 0.006 60)
|
|
130
|
-
sidebar-ring: oklch(0.15 0.005 50)
|
|
131
|
-
dark:
|
|
132
|
-
background: oklch(0.17 0.007 75)
|
|
133
|
-
foreground: oklch(0.93 0.007 84)
|
|
134
|
-
card: oklch(0.2 0.008 75)
|
|
135
|
-
card-foreground: oklch(0.93 0.007 84)
|
|
136
|
-
popover: oklch(0.27 0.01 75)
|
|
137
|
-
popover-foreground: oklch(0.93 0.007 84)
|
|
138
|
-
primary: oklch(0.93 0.007 84)
|
|
139
|
-
primary-foreground: oklch(0.18 0.008 75)
|
|
140
|
-
secondary: oklch(0.25 0.009 78)
|
|
141
|
-
secondary-foreground: oklch(0.9 0.007 84)
|
|
142
|
-
muted: oklch(0.24 0.008 78)
|
|
143
|
-
muted-foreground: oklch(0.71 0.01 80)
|
|
144
|
-
accent: oklch(0.29 0.01 78)
|
|
145
|
-
accent-foreground: oklch(0.93 0.007 84)
|
|
146
|
-
destructive: oklch(0.62 0.18 27)
|
|
147
|
-
destructive-foreground: oklch(0.14 0.02 27)
|
|
148
|
-
success: oklch(0.68 0.13 152)
|
|
149
|
-
warning: oklch(0.74 0.13 70)
|
|
150
|
-
border: oklch(0.27 0.009 78)
|
|
151
|
-
input: oklch(0.29 0.01 78)
|
|
152
|
-
ring: oklch(0.93 0.007 84)
|
|
153
|
-
surface-raised: oklch(0.22 0.008 75)
|
|
154
|
-
surface-overlay: oklch(0.27 0.01 75)
|
|
155
|
-
chart-1: oklch(0.76 0.1 165)
|
|
156
|
-
chart-2: oklch(0.74 0.1 235)
|
|
157
|
-
chart-3: oklch(0.74 0.1 295)
|
|
158
|
-
chart-4: oklch(0.78 0.11 55)
|
|
159
|
-
chart-5: oklch(0.75 0.11 10)
|
|
160
|
-
sidebar: oklch(0.15 0.007 75)
|
|
161
|
-
sidebar-foreground: oklch(0.89 0.007 84)
|
|
162
|
-
sidebar-primary: oklch(0.93 0.007 84)
|
|
163
|
-
sidebar-primary-foreground: oklch(0.18 0.008 75)
|
|
164
|
-
sidebar-accent: oklch(0.22 0.009 78)
|
|
165
|
-
sidebar-accent-foreground: oklch(0.91 0.007 84)
|
|
166
|
-
sidebar-border: oklch(0.23 0.009 78)
|
|
167
|
-
sidebar-ring: oklch(0.93 0.007 84)
|
|
168
|
-
typography:
|
|
169
|
-
display: { family: "EB Garamond Variable", fallback: "Georgia, serif", weights: [400] }
|
|
170
|
-
sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
|
|
171
|
-
mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
|
|
172
|
-
ramp:
|
|
173
|
-
display: { size: 32px, line: 38px, weight: 400, family: display, tracking: -0.01em }
|
|
174
|
-
h1: { size: 28px, line: 32px, weight: 400, family: display, tracking: -0.01em }
|
|
175
|
-
h2: { size: 22px, line: 26px, weight: 400, family: display, tracking: -0.01em }
|
|
176
|
-
body: { size: 15px, line: 22px, weight: 400, family: sans, tracking: 0.01em }
|
|
177
|
-
small: { size: 13px, line: 18px, weight: 400, family: sans }
|
|
178
|
-
caption: { size: 12px, line: 17px, weight: 600, family: sans, tracking: 0.08em, transform: uppercase }
|
|
179
|
-
data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
|
|
180
|
-
register-scope: { display: [page-title, section-head, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, codes, timestamps] }
|
|
181
|
-
elevation:
|
|
182
|
-
radius: { sm: 8px, md: 12px, lg: 16px }
|
|
183
|
-
hairline: border
|
|
184
|
-
shadow:
|
|
185
|
-
overlay: "0 8px 28px oklch(0.3 0.015 60 / 0.1)"
|
|
186
|
-
popover: "0 4px 16px oklch(0.3 0.015 60 / 0.06)"
|
|
187
|
-
dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.27, hue-held: 78 }
|
|
188
|
-
motion:
|
|
189
|
-
duration: { press: 120ms, fade: 180ms, panel: 240ms }
|
|
190
|
-
easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
|
|
191
|
-
entrance-never: ease-in
|
|
192
|
-
identity-moments: [auth, first-run-empty]
|
|
193
|
-
iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
|
|
194
|
-
charts:
|
|
195
|
-
categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
|
|
196
|
-
sequential: { from: background, to: chart-2 }
|
|
197
|
-
diverging: { negative: destructive, mid: muted, positive: chart-1 }
|
|
198
|
-
layout: { base: 4px, sidebar: [256px, 56px], topbar: 64px, side-panel: [440px, 640px], content-max: 1280px }
|
|
199
|
-
```
|
|
@@ -1,200 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v2
|
|
3
|
-
id: expo
|
|
4
|
-
tier: brand
|
|
5
|
-
segments: [dev-tools, mobile, build-infra]
|
|
6
|
-
keywords: [engineered, white, black, restrained, cool, mono]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "design-md/v1 expo entry (2026-07-04); 2026-07-12 re-audit of Expo public brand; Inter and JetBrains Mono are the brand's own operator voice"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# expo — a white lab bench with one matte-black multimeter
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
A hardware lab's white workbench: engineered, cool-neutral, everything labelled, and one
|
|
16
|
-
matte-black instrument that is obviously the tool that matters. Light by default; flat
|
|
17
|
-
and editorial — hierarchy is hairline `border`, type weight, and near-black ink, never
|
|
18
|
-
heavy shadow (one very soft drop is the ceiling). The single brand voltage is `primary`
|
|
19
|
-
**black** — the only CTA fill the brand permits, a deliberate override of the usual
|
|
20
|
-
chromatic accent. The dark theme is the same bench under night lights: cool charcoal
|
|
21
|
-
rungs, the instrument flipped to white.
|
|
22
|
-
|
|
23
|
-
## 2 Color Roles
|
|
24
|
-
Near-black ink `foreground` on the white `background`; `primary` black carries the one
|
|
25
|
-
primary action and active nav. The text-link blue is a scoped grace — inline body and
|
|
26
|
-
reference links only, never a CTA and never a chart-of-record accent; it survives here
|
|
27
|
-
as `chart-2` and link text. `accent` is a neutral tint (black has no light-theme wash);
|
|
28
|
-
status hues speak only status. The `sidebar` is a faint off-white step off the canvas.
|
|
29
|
-
|
|
30
|
-
## 3 Typography
|
|
31
|
-
Inter (UI, body, headings — heading weight holds at 600, never 700) over JetBrains Mono
|
|
32
|
-
(IDs, codes, timestamps, log lines). The editorial voice is weight plus negative
|
|
33
|
-
tracking, never a second family; the 64px hero display stays behind — the operator ramp
|
|
34
|
-
tops out at the page title. Register scope: display register for page titles, empty
|
|
35
|
-
states, and auth; mono for every ID, code, and log line; numeric columns `tabular-nums`.
|
|
36
|
-
|
|
37
|
-
## 4 Component Stylings
|
|
38
|
-
Buttons `radius-sm` (8px), black `primary` fill, press lightens one step, no pill;
|
|
39
|
-
secondary on `secondary` with hairline; tertiary is the inline link-blue label, inline
|
|
40
|
-
only. Inputs on `background` with hairline, generous field height; focus thickens to the
|
|
41
|
-
2px ink `ring`, no glow. Cards 12px radius on hairline, the single soft drop only when
|
|
42
|
-
one must lift. Table rows with `muted` hover, `accent` selection tint; badges are pills
|
|
43
|
-
with uppercase captions on `muted`, status hues only.
|
|
44
|
-
|
|
45
|
-
## 5 Layout
|
|
46
|
-
4px base (Expo keeps a 20px step for compact workflow rows); sidebar 248/56px; topbar
|
|
47
|
-
56px; side panel 420/640px; content max 1360px. Density is standard and steps denser per
|
|
48
|
-
archetype; the 96px marketing rhythm stays behind.
|
|
49
|
-
|
|
50
|
-
## 6 Depth
|
|
51
|
-
Light: flat and editorial — hairlines and the surface ladder carry rank; the single soft
|
|
52
|
-
cool-tinted drop appears only when a card must lift, and overlays earn the one md tier.
|
|
53
|
-
Dark: the surface ladder does depth — `background` 0.17 L, `surface-raised` +0.05,
|
|
54
|
-
`surface-overlay` +0.10, cool hue held at 255. Focus is the 2px ink `ring`, always
|
|
55
|
-
visible.
|
|
56
|
-
|
|
57
|
-
## 7 Motion
|
|
58
|
-
Engineered restraint. Named moments: `bench-fade` (page content, 150ms), `panel-slide`
|
|
59
|
-
(side panel, 220ms, interruptible), `switch-press` (primary-action press, 100ms).
|
|
60
|
-
Physicality is granted only to auth and first-run empty states; build logs stream without
|
|
61
|
-
animation; nothing moves on keyboard-initiated actions.
|
|
62
|
-
|
|
63
|
-
## 8 Iconography & Charts
|
|
64
|
-
Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
|
|
65
|
-
no gridline fills; the categorical ramp leads with ink-navy and spends the scoped
|
|
66
|
-
link-blue as a data hue (`chart-1..5`) — restrained, cool, engineered; tooltips on
|
|
67
|
-
`surface-overlay` with mono numerals.
|
|
68
|
-
|
|
69
|
-
## 9 Voice
|
|
70
|
-
Engineer's logbook: short, factual, present tense, no exclamation. "Start build" · "No
|
|
71
|
-
builds queued — last release shipped 2 hours ago" · "This build failed at the signing
|
|
72
|
-
step; credentials expired."
|
|
73
|
-
|
|
74
|
-
## 10 Do's & Don'ts
|
|
75
|
-
Do reserve black `primary` for the single most important action — everything else is
|
|
76
|
-
neutral or status. Do set controls at 8px and cards at 12px — the developer dialect. Do
|
|
77
|
-
carry every ID, code, and timestamp in mono. Don't introduce a saturated brand action
|
|
78
|
-
color. Don't put the link-blue on a CTA or button. Don't pill the CTA — pill is badges
|
|
79
|
-
only. Don't reach past the single soft drop except for a real overlay.
|
|
80
|
-
|
|
81
|
-
## 11 Responsive
|
|
82
|
-
375: sidebar → off-canvas drawer; side panel → full sheet; density holds. 768: sidebar
|
|
83
|
-
collapses to the icon rail; tables scroll their overflow. 1024: two-pane list+detail
|
|
84
|
-
holds. 1440: forms cap; tables and dashboards use the full width.
|
|
85
|
-
|
|
86
|
-
## 12 Agent Prompt Guide
|
|
87
|
-
Reach first for black as the single action fill; keep every other control neutral on a
|
|
88
|
-
hairline. The link-blue is a reference color only — inline links, breadcrumbs,
|
|
89
|
-
cross-links. Stay flat: hairline and weight before shadow. Every workflow completes from
|
|
90
|
-
the keyboard with the ink ring visible. Dark is authored — consult the block, never
|
|
91
|
-
invert the lab bench.
|
|
92
|
-
|
|
93
|
-
```yaml design-values
|
|
94
|
-
color:
|
|
95
|
-
light:
|
|
96
|
-
background: oklch(0.99 0.005 255)
|
|
97
|
-
foreground: oklch(0.21 0.006 255)
|
|
98
|
-
card: oklch(0.995 0.005 255)
|
|
99
|
-
card-foreground: oklch(0.21 0.006 255)
|
|
100
|
-
popover: oklch(0.995 0.005 255)
|
|
101
|
-
popover-foreground: oklch(0.21 0.006 255)
|
|
102
|
-
primary: oklch(0.15 0.005 255)
|
|
103
|
-
primary-foreground: oklch(0.99 0.005 255)
|
|
104
|
-
secondary: oklch(0.956 0.006 265)
|
|
105
|
-
secondary-foreground: oklch(0.25 0.008 255)
|
|
106
|
-
muted: oklch(0.956 0.006 265)
|
|
107
|
-
muted-foreground: oklch(0.5 0.014 264)
|
|
108
|
-
accent: oklch(0.94 0.006 260)
|
|
109
|
-
accent-foreground: oklch(0.21 0.006 255)
|
|
110
|
-
destructive: oklch(0.577 0.215 27)
|
|
111
|
-
destructive-foreground: oklch(0.98 0.008 27)
|
|
112
|
-
success: oklch(0.627 0.17 149)
|
|
113
|
-
warning: oklch(0.571 0.129 64)
|
|
114
|
-
border: oklch(0.9 0.005 250)
|
|
115
|
-
input: oklch(0.9 0.005 250)
|
|
116
|
-
ring: oklch(0.21 0.006 255)
|
|
117
|
-
surface-raised: oklch(0.985 0.005 255)
|
|
118
|
-
surface-overlay: oklch(0.995 0.005 255)
|
|
119
|
-
chart-1: oklch(0.35 0.03 260)
|
|
120
|
-
chart-2: oklch(0.556 0.162 252)
|
|
121
|
-
chart-3: oklch(0.6 0.1 200)
|
|
122
|
-
chart-4: oklch(0.65 0.13 70)
|
|
123
|
-
chart-5: oklch(0.55 0.12 290)
|
|
124
|
-
sidebar: oklch(0.975 0.005 255)
|
|
125
|
-
sidebar-foreground: oklch(0.25 0.008 255)
|
|
126
|
-
sidebar-primary: oklch(0.15 0.005 255)
|
|
127
|
-
sidebar-primary-foreground: oklch(0.99 0.005 255)
|
|
128
|
-
sidebar-accent: oklch(0.94 0.006 260)
|
|
129
|
-
sidebar-accent-foreground: oklch(0.21 0.006 255)
|
|
130
|
-
sidebar-border: oklch(0.9 0.005 250)
|
|
131
|
-
sidebar-ring: oklch(0.21 0.006 255)
|
|
132
|
-
dark:
|
|
133
|
-
background: oklch(0.17 0.006 255)
|
|
134
|
-
foreground: oklch(0.94 0.005 255)
|
|
135
|
-
card: oklch(0.2 0.007 255)
|
|
136
|
-
card-foreground: oklch(0.94 0.005 255)
|
|
137
|
-
popover: oklch(0.27 0.008 255)
|
|
138
|
-
popover-foreground: oklch(0.94 0.005 255)
|
|
139
|
-
primary: oklch(0.94 0.005 255)
|
|
140
|
-
primary-foreground: oklch(0.17 0.006 255)
|
|
141
|
-
secondary: oklch(0.25 0.008 258)
|
|
142
|
-
secondary-foreground: oklch(0.91 0.005 255)
|
|
143
|
-
muted: oklch(0.24 0.008 258)
|
|
144
|
-
muted-foreground: oklch(0.72 0.01 258)
|
|
145
|
-
accent: oklch(0.28 0.009 258)
|
|
146
|
-
accent-foreground: oklch(0.93 0.005 255)
|
|
147
|
-
destructive: oklch(0.63 0.19 27)
|
|
148
|
-
destructive-foreground: oklch(0.14 0.02 27)
|
|
149
|
-
success: oklch(0.69 0.14 152)
|
|
150
|
-
warning: oklch(0.72 0.13 70)
|
|
151
|
-
border: oklch(0.28 0.008 258)
|
|
152
|
-
input: oklch(0.28 0.008 258)
|
|
153
|
-
ring: oklch(0.94 0.005 255)
|
|
154
|
-
surface-raised: oklch(0.22 0.007 255)
|
|
155
|
-
surface-overlay: oklch(0.27 0.008 255)
|
|
156
|
-
chart-1: oklch(0.8 0.02 255)
|
|
157
|
-
chart-2: oklch(0.65 0.14 252)
|
|
158
|
-
chart-3: oklch(0.7 0.1 200)
|
|
159
|
-
chart-4: oklch(0.75 0.12 70)
|
|
160
|
-
chart-5: oklch(0.65 0.11 290)
|
|
161
|
-
sidebar: oklch(0.15 0.006 255)
|
|
162
|
-
sidebar-foreground: oklch(0.9 0.005 255)
|
|
163
|
-
sidebar-primary: oklch(0.94 0.005 255)
|
|
164
|
-
sidebar-primary-foreground: oklch(0.17 0.006 255)
|
|
165
|
-
sidebar-accent: oklch(0.23 0.008 258)
|
|
166
|
-
sidebar-accent-foreground: oklch(0.92 0.005 255)
|
|
167
|
-
sidebar-border: oklch(0.24 0.008 258)
|
|
168
|
-
sidebar-ring: oklch(0.94 0.005 255)
|
|
169
|
-
typography:
|
|
170
|
-
display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600] }
|
|
171
|
-
sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
|
|
172
|
-
mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
|
|
173
|
-
ramp:
|
|
174
|
-
display: { size: 28px, line: 34px, weight: 600, family: display, tracking: -0.015em }
|
|
175
|
-
h1: { size: 24px, line: 30px, weight: 600, family: sans, tracking: -0.01em }
|
|
176
|
-
h2: { size: 18px, line: 25px, weight: 600, family: sans, tracking: -0.01em }
|
|
177
|
-
body: { size: 14px, line: 21px, weight: 400, family: sans }
|
|
178
|
-
small: { size: 13px, line: 18px, weight: 400, family: sans }
|
|
179
|
-
caption: { size: 11px, line: 15px, weight: 600, family: sans, tracking: 0.08em, transform: uppercase }
|
|
180
|
-
data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
|
|
181
|
-
register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, code, ids, logs, timestamps] }
|
|
182
|
-
elevation:
|
|
183
|
-
radius: { sm: 8px, md: 12px, lg: 16px }
|
|
184
|
-
hairline: border
|
|
185
|
-
shadow:
|
|
186
|
-
overlay: "0 8px 24px oklch(0.25 0.015 255 / 0.1)"
|
|
187
|
-
popover: "0 4px 12px oklch(0.25 0.015 255 / 0.06)"
|
|
188
|
-
dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.27, hue-held: 255 }
|
|
189
|
-
motion:
|
|
190
|
-
duration: { press: 100ms, fade: 150ms, panel: 220ms }
|
|
191
|
-
easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
|
|
192
|
-
entrance-never: ease-in
|
|
193
|
-
identity-moments: [auth, first-run-empty]
|
|
194
|
-
iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
|
|
195
|
-
charts:
|
|
196
|
-
categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
|
|
197
|
-
sequential: { from: background, to: chart-2 }
|
|
198
|
-
diverging: { negative: destructive, mid: muted, positive: success }
|
|
199
|
-
layout: { base: 4px, sidebar: [248px, 56px], topbar: 56px, side-panel: [420px, 640px], content-max: 1360px }
|
|
200
|
-
```
|