@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,214 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v2
|
|
3
|
-
id: raycast
|
|
4
|
-
tier: brand
|
|
5
|
-
segments: [dev-tools, productivity]
|
|
6
|
-
keywords: [dark, monochrome, command-palette, dense, keyboard, shadowless]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "design-md/v1 raycast entry (2026-07-04) + token twin; 2026-07-12 re-audit of raycast.com; Inter with ss03 is the brand's own face — the light theme is an authored daytime floor (the source ships none)"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# raycast — a backlit keyboard in a dark studio
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
A darkened studio at 2 a.m.: black glass desk, a single backlit keyboard, and one
|
|
16
|
-
key glowing white — press it and the palette opens. Dark by default and dark by
|
|
17
|
-
conviction; the light theme is an authored daytime floor, not the brand. Flat and
|
|
18
|
-
shadowless: hierarchy is a four-step surface ladder (`background` → `card` →
|
|
19
|
-
`muted` → overlay), never a drop shadow — the brand has none at all. Chrome is
|
|
20
|
-
monochrome: white is the single action color; every primary is a white rounded
|
|
21
|
-
rect on near-black. The four saturated hues speak status and category only, never
|
|
22
|
-
chrome. Dense — command-palette chrome runs tight, and operator surfaces inherit
|
|
23
|
-
it.
|
|
24
|
-
|
|
25
|
-
## 2 Color Roles
|
|
26
|
-
Off-white `foreground` on the near-black `background`; `card` one notch up,
|
|
27
|
-
`muted`/`secondary` the elevated notch for inputs and active chips, `accent` the
|
|
28
|
-
surface lift for selection — a lift, not a hue. `primary` is white — the one
|
|
29
|
-
action, the brightest pixel, black text on it — and the `ring` is the same white,
|
|
30
|
-
unmistakable and keyboard-first. The four saturated hues hold strict lanes:
|
|
31
|
-
`destructive` red, `success` green, `warning` yellow, and blue leading the chart
|
|
32
|
-
ramp; none of them ever becomes a button. Neutrals hold a whisper of cool tint at
|
|
33
|
-
the perceptual floor. In the daytime floor the action inverts to near-black on
|
|
34
|
-
porcelain — the same highest-contrast invariant.
|
|
35
|
-
|
|
36
|
-
## 3 Typography
|
|
37
|
-
Inter with `ss03` (plus `calt`/`kern`/`liga`) enabled globally — the alternate `g`
|
|
38
|
-
is the brand's signature; without it the type reads as plain Inter and loses the
|
|
39
|
-
voice. JetBrains Mono for IDs, codes, timestamps, and logs. Letter spacing is
|
|
40
|
-
*positive* — Raycast opens type rather than tightening it; headings track +0.01em,
|
|
41
|
-
the rare operator system that does. Register scope: display touches page titles
|
|
42
|
-
and empty states; mono owns data with `tabular-nums`. Emphasis bumps weight one
|
|
43
|
-
step, never size; hero display stays behind.
|
|
44
|
-
|
|
45
|
-
## 4 Component Stylings
|
|
46
|
-
Buttons `radius-md`, white `primary` fill with black text, a rounded rect — never
|
|
47
|
-
a 9999 pill. Secondary: transparent with `foreground`; tertiary: elevated
|
|
48
|
-
`secondary` fill. Inputs elevated `secondary` fill on hairline `border`; focus
|
|
49
|
-
*brightens the border* to the white `ring`, never a glow. Cards `card` on
|
|
50
|
-
hairline; the ladder carries lift. Table rows `muted` hover, `accent` selection
|
|
51
|
-
lift. Keycap — the signature primitive: keyboard-shortcut hints render as small
|
|
52
|
-
keycap glyphs (surface fill, tight radius); carry them onto every shortcut
|
|
53
|
-
affordance. Badges status fills only; info renders blue on a translucent tint.
|
|
54
|
-
|
|
55
|
-
## 5 Layout
|
|
56
|
-
8px base with 2/4/12px tight steps (the 96px marketing rhythm stays behind);
|
|
57
|
-
sidebar 248/56px; topbar 56px (the brand's own nav height); side panel 420/640px;
|
|
58
|
-
content max 1280px. Density is dense globally; cards pad 16–24px, never 32+.
|
|
59
|
-
|
|
60
|
-
## 6 Depth
|
|
61
|
-
Shadowless — the defining trait. Depth is the authored ladder in both themes: dark
|
|
62
|
-
`background` 0.14 L, `card`/`surface-raised` +0.04, `muted` elevated +0.07,
|
|
63
|
-
`surface-overlay` +0.09, hue held at 260; overlays separate by the lift plus a
|
|
64
|
-
hairline, and the "shadow" tokens are hairline rings, not blurs. Focus is the
|
|
65
|
-
white `ring` outline, always visible. Three z-levels: content, chrome, overlay.
|
|
66
|
-
|
|
67
|
-
## 7 Motion
|
|
68
|
-
The fastest package in the library — a launcher must feel pre-rendered. Named
|
|
69
|
-
moments: `palette-pop` (overlay arrival, 120ms, scale 0.98→1), `key-press`
|
|
70
|
-
(action press, 80ms), `panel-slide` (side panel, 180ms, interruptible).
|
|
71
|
-
Physicality is granted to auth only. Every keyboard-initiated action lands the
|
|
72
|
-
next frame; lists never stagger; hover is instant.
|
|
73
|
-
|
|
74
|
-
## 8 Iconography & Charts
|
|
75
|
-
Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default; keycap glyphs
|
|
76
|
-
accompany shortcuts everywhere. Charts: hairline axes, no gridline fills;
|
|
77
|
-
categorical ramp runs the four category hues then a neutral (`chart-1..5` — blue,
|
|
78
|
-
green, yellow, red, gray); tooltips on `surface-overlay` with mono numerals; no
|
|
79
|
-
hue ever leaves the chart for chrome.
|
|
80
|
-
|
|
81
|
-
## 9 Voice
|
|
82
|
-
Launcher-brief: verbs first, objects second, everything skimmable at palette
|
|
83
|
-
speed. "Run command" · "No results — press ⌘K to search all extensions" ·
|
|
84
|
-
"Extension failed to load: manifest version 2 required."
|
|
85
|
-
|
|
86
|
-
## 10 Do's & Don'ts
|
|
87
|
-
Do keep the canvas near-black and build every elevation from the ladder. Do keep
|
|
88
|
-
chrome monochrome — white is the one action; if two things want white, one is not
|
|
89
|
-
primary. Do enable ss03 globally. Do render shortcut hints as keycaps. Don't add
|
|
90
|
-
a drop shadow — ever. Don't promote a category hue to a button. Don't full-round
|
|
91
|
-
the CTA. Don't pad cards past 24px. Don't reach for the marketing gradient or
|
|
92
|
-
hero display.
|
|
93
|
-
|
|
94
|
-
## 11 Responsive
|
|
95
|
-
375: sidebar → off-canvas drawer; two-pane stacks; side panel → full sheet; the
|
|
96
|
-
near-black canvas holds. 768: sidebar collapses to the icon rail; tables scroll
|
|
97
|
-
their overflow. 1024: two-pane list+detail holds. 1440: forms cap; tables and
|
|
98
|
-
dashboards use the full width under the 1280px cap.
|
|
99
|
-
|
|
100
|
-
## 12 Agent Prompt Guide
|
|
101
|
-
Default the shell to dark — the brand is categorically dark; the light block is
|
|
102
|
-
the daytime floor, authored, not derived. Depth is the surface ladder; never
|
|
103
|
-
shadow. White is the action — spend it once. Enable Inter ss03 with calt/kern/
|
|
104
|
-
liga; track headings positive. Keycaps on every shortcut affordance; tabular mono
|
|
105
|
-
on every numeric column. The four saturated hues are status and charts only.
|
|
106
|
-
|
|
107
|
-
```yaml design-values
|
|
108
|
-
color:
|
|
109
|
-
light:
|
|
110
|
-
background: oklch(0.975 0.005 260)
|
|
111
|
-
foreground: oklch(0.16 0.008 260)
|
|
112
|
-
card: oklch(0.99 0.005 260)
|
|
113
|
-
card-foreground: oklch(0.16 0.008 260)
|
|
114
|
-
popover: oklch(0.995 0.005 260)
|
|
115
|
-
popover-foreground: oklch(0.16 0.008 260)
|
|
116
|
-
primary: oklch(0.16 0.008 260)
|
|
117
|
-
primary-foreground: oklch(0.975 0.005 260)
|
|
118
|
-
secondary: oklch(0.945 0.006 260)
|
|
119
|
-
secondary-foreground: oklch(0.22 0.008 260)
|
|
120
|
-
muted: oklch(0.945 0.006 260)
|
|
121
|
-
muted-foreground: oklch(0.45 0.008 260)
|
|
122
|
-
accent: oklch(0.925 0.007 260)
|
|
123
|
-
accent-foreground: oklch(0.16 0.008 260)
|
|
124
|
-
destructive: oklch(0.55 0.200 23.5)
|
|
125
|
-
destructive-foreground: oklch(0.98 0.010 23.5)
|
|
126
|
-
success: oklch(0.55 0.130 160)
|
|
127
|
-
warning: oklch(0.62 0.140 85)
|
|
128
|
-
border: oklch(0.895 0.006 260)
|
|
129
|
-
input: oklch(0.895 0.006 260)
|
|
130
|
-
ring: oklch(0.16 0.008 260)
|
|
131
|
-
surface-raised: oklch(0.99 0.005 260)
|
|
132
|
-
surface-overlay: oklch(0.995 0.005 260)
|
|
133
|
-
chart-1: oklch(0.55 0.140 238)
|
|
134
|
-
chart-2: oklch(0.55 0.130 160)
|
|
135
|
-
chart-3: oklch(0.62 0.140 85)
|
|
136
|
-
chart-4: oklch(0.55 0.200 23.5)
|
|
137
|
-
chart-5: oklch(0.50 0.008 260)
|
|
138
|
-
sidebar: oklch(0.955 0.006 260)
|
|
139
|
-
sidebar-foreground: oklch(0.22 0.008 260)
|
|
140
|
-
sidebar-primary: oklch(0.16 0.008 260)
|
|
141
|
-
sidebar-primary-foreground: oklch(0.975 0.005 260)
|
|
142
|
-
sidebar-accent: oklch(0.91 0.007 260)
|
|
143
|
-
sidebar-accent-foreground: oklch(0.16 0.008 260)
|
|
144
|
-
sidebar-border: oklch(0.88 0.006 260)
|
|
145
|
-
sidebar-ring: oklch(0.16 0.008 260)
|
|
146
|
-
dark:
|
|
147
|
-
background: oklch(0.14 0.006 260)
|
|
148
|
-
foreground: oklch(0.96 0.005 260)
|
|
149
|
-
card: oklch(0.18 0.006 260)
|
|
150
|
-
card-foreground: oklch(0.96 0.005 260)
|
|
151
|
-
popover: oklch(0.23 0.007 260)
|
|
152
|
-
popover-foreground: oklch(0.96 0.005 260)
|
|
153
|
-
primary: oklch(0.985 0.005 260)
|
|
154
|
-
primary-foreground: oklch(0.13 0.006 260)
|
|
155
|
-
secondary: oklch(0.21 0.007 260)
|
|
156
|
-
secondary-foreground: oklch(0.90 0.005 260)
|
|
157
|
-
muted: oklch(0.21 0.007 260)
|
|
158
|
-
muted-foreground: oklch(0.72 0.005 260)
|
|
159
|
-
accent: oklch(0.23 0.007 260)
|
|
160
|
-
accent-foreground: oklch(0.96 0.005 260)
|
|
161
|
-
destructive: oklch(0.698 0.193 23.5)
|
|
162
|
-
destructive-foreground: oklch(0.13 0.030 23.5)
|
|
163
|
-
success: oklch(0.785 0.140 160)
|
|
164
|
-
warning: oklch(0.853 0.162 85)
|
|
165
|
-
border: oklch(0.27 0.007 260)
|
|
166
|
-
input: oklch(0.27 0.007 260)
|
|
167
|
-
ring: oklch(0.985 0.005 260)
|
|
168
|
-
surface-raised: oklch(0.18 0.006 260)
|
|
169
|
-
surface-overlay: oklch(0.23 0.007 260)
|
|
170
|
-
chart-1: oklch(0.774 0.132 238)
|
|
171
|
-
chart-2: oklch(0.785 0.140 160)
|
|
172
|
-
chart-3: oklch(0.853 0.162 85)
|
|
173
|
-
chart-4: oklch(0.698 0.193 23.5)
|
|
174
|
-
chart-5: oklch(0.70 0.005 260)
|
|
175
|
-
sidebar: oklch(0.12 0.006 260)
|
|
176
|
-
sidebar-foreground: oklch(0.90 0.005 260)
|
|
177
|
-
sidebar-primary: oklch(0.985 0.005 260)
|
|
178
|
-
sidebar-primary-foreground: oklch(0.13 0.006 260)
|
|
179
|
-
sidebar-accent: oklch(0.19 0.007 260)
|
|
180
|
-
sidebar-accent-foreground: oklch(0.95 0.005 260)
|
|
181
|
-
sidebar-border: oklch(0.24 0.007 260)
|
|
182
|
-
sidebar-ring: oklch(0.985 0.005 260)
|
|
183
|
-
typography:
|
|
184
|
-
display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600], features: [ss03, calt, liga] }
|
|
185
|
-
sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600], features: [ss03, calt, liga] }
|
|
186
|
-
mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
|
|
187
|
-
ramp:
|
|
188
|
-
display: { size: 28px, line: 34px, weight: 600, family: display, tracking: 0.01em }
|
|
189
|
-
h1: { size: 24px, line: 31px, weight: 600, family: sans, tracking: 0.01em }
|
|
190
|
-
h2: { size: 20px, line: 28px, weight: 600, family: sans, tracking: 0.01em }
|
|
191
|
-
body: { size: 14px, line: 21px, weight: 400, family: sans }
|
|
192
|
-
small: { size: 13px, line: 18px, weight: 400, family: sans }
|
|
193
|
-
caption: { size: 12px, line: 18px, weight: 600, family: sans, tracking: 0.03em, transform: uppercase }
|
|
194
|
-
data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
|
|
195
|
-
register-scope: { display: [page-title, empty-state], sans: [chrome, controls, body, headings], mono: [data, ids, timestamps, logs] }
|
|
196
|
-
elevation:
|
|
197
|
-
radius: { sm: 6px, md: 8px, lg: 10px }
|
|
198
|
-
hairline: border
|
|
199
|
-
shadow:
|
|
200
|
-
overlay: "0 0 0 1px oklch(0.27 0.007 260 / 0.90)"
|
|
201
|
-
popover: "0 0 0 1px oklch(0.27 0.007 260 / 0.70)"
|
|
202
|
-
dark-ladder: { background: 0.14, raised: 0.18, overlay: 0.23, hue-held: 260 }
|
|
203
|
-
motion:
|
|
204
|
-
duration: { press: 80ms, fade: 120ms, panel: 180ms }
|
|
205
|
-
easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
|
|
206
|
-
entrance-never: ease-in
|
|
207
|
-
identity-moments: [auth]
|
|
208
|
-
iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
|
|
209
|
-
charts:
|
|
210
|
-
categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
|
|
211
|
-
sequential: { from: background, to: chart-1 }
|
|
212
|
-
diverging: { negative: destructive, mid: muted, positive: success }
|
|
213
|
-
layout: { base: 8px, sidebar: [248px, 56px], topbar: 56px, side-panel: [420px, 640px], content-max: 1280px }
|
|
214
|
-
```
|
|
@@ -1,202 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v2
|
|
3
|
-
id: replicate
|
|
4
|
-
tier: brand
|
|
5
|
-
segments: [ai, dev-tools, ml-platform]
|
|
6
|
-
keywords: [warm, cream, orange, stamp, cool-focus, zine]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "design-md/v1 replicate entry (2026-07-04); 2026-07-12 re-audit of Replicate public brand; Geist substitutes the square sans, JetBrains Mono for code; the hot orange primary is deepened one step so its white label clears body contrast at operator scale; the focus ring is a deliberate cool blue, distinct from the orange CTA"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# replicate — an ML lab notebook on cream, one orange stamp, cool-blue focus
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
An ML lab notebook crossed with a print zine: a warm cream working canvas — never pure
|
|
16
|
-
white — warm ink, white data cards floating on it, and one hot orange used like a
|
|
17
|
-
stamp, at most one orange element per view. Light by default; elevation is a surface
|
|
18
|
-
swap (bone → cream → white), never a heavy drop. The focus outline is a deliberate cool
|
|
19
|
-
blue so keyboard focus never reads as the orange CTA. The dark theme is the same warmth
|
|
20
|
-
after dark, a cream-toned ladder. The hero grotesque and full-bleed orange bands stay
|
|
21
|
-
behind.
|
|
22
|
-
|
|
23
|
-
## 2 Color Roles
|
|
24
|
-
Warm ink `foreground` on a cream `background`; white appears only in `card`, `popover`,
|
|
25
|
-
and overlays. `primary` orange is the one chromatic accent — the primary action, active
|
|
26
|
-
nav, and inline links, treated as a stamp. The focus `ring` is a cool blue, held
|
|
27
|
-
distinct from the orange on purpose. `accent` is a pale-peach selection lift; the hero
|
|
28
|
-
glow and orange bands survive nowhere here; status hues speak only status.
|
|
29
|
-
|
|
30
|
-
## 3 Typography
|
|
31
|
-
Geist (the open substitute for the square marketing sans) over JetBrains Mono for
|
|
32
|
-
IDs, model slugs, codes, and log lines. UI, body, and heads all ride the sans; weight
|
|
33
|
-
and tight tracking, not a second family, carry emphasis — body holds at 400, emphasis
|
|
34
|
-
is weight-to-600 or a switch to mono. Register scope: the display register speaks in
|
|
35
|
-
page titles, section heads, empty states, and auth; mono owns data, slugs, codes, IDs,
|
|
36
|
-
and timestamps. Numerals are always `tabular-nums`.
|
|
37
|
-
|
|
38
|
-
## 4 Component Stylings
|
|
39
|
-
Buttons `radius-md` (10px, soft-cornered, never pill), orange `primary` fill with a
|
|
40
|
-
white label; secondary is bone `secondary` on a hairline. Inputs sit on white `card`
|
|
41
|
-
with a hairline; focus draws the cool-blue `ring` at 2px, no glow. Cards are white
|
|
42
|
-
`card` on the cream canvas at `radius-lg`, hairline-edged, shadowed only under a true
|
|
43
|
-
overlay. Table rows carry `border` grid lines, `muted` hover, peach `accent` selection.
|
|
44
|
-
Detail opens in the side panel; badges alone pill. Code and log wells invert to an
|
|
45
|
-
ink-dark fill in mono — the one place dark blocking appears in chrome.
|
|
46
|
-
|
|
47
|
-
## 5 Layout
|
|
48
|
-
4px base; sidebar 256/56px; topbar 60px (the brand's nav rhythm); side panel 440/640px;
|
|
49
|
-
content max 1320px. Rows ride a touch-comfortable 44px — editorial warmth wants a little
|
|
50
|
-
air, operator restraint keeps it from sprawling.
|
|
51
|
-
|
|
52
|
-
## 6 Depth
|
|
53
|
-
Light: the warm surface ladder (bone → cream → white) and hairlines carry all rank; a
|
|
54
|
-
soft warm-tinted lift appears only under a true overlay. Dark: the surface ladder does
|
|
55
|
-
depth — `background` 0.19 L, `surface-raised` +0.05, `surface-overlay` +0.10, hue held
|
|
56
|
-
at 80. Focus is always the 2px cool-blue `ring`, kept apart from the orange, keyboard-
|
|
57
|
-
first.
|
|
58
|
-
|
|
59
|
-
## 7 Motion
|
|
60
|
-
Reserved and brief. Named moments: `panel-slide` (side panel, 240ms, interruptible),
|
|
61
|
-
`fade-arrive` (page content, 160ms), `stamp-press` (primary-action press, 120ms).
|
|
62
|
-
Physicality is granted only to auth and first-run empty states; nothing animates in
|
|
63
|
-
tables, log streams, or keyboard-initiated actions.
|
|
64
|
-
|
|
65
|
-
## 8 Iconography & Charts
|
|
66
|
-
Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
|
|
67
|
-
no gridline fills; the categorical ramp runs orange, teal, blue, gold, green
|
|
68
|
-
(`chart-1..5`); tooltips on `surface-overlay` with mono numerals.
|
|
69
|
-
|
|
70
|
-
## 9 Voice
|
|
71
|
-
Plain and technical, a lab-notebook register: short declaratives, numbers flat, no
|
|
72
|
-
cheer. "New prediction" · "No runs yet — push a model or pick one from the catalog" ·
|
|
73
|
-
"This model cold-started; the first prediction may take 30 seconds."
|
|
74
|
-
|
|
75
|
-
## 10 Do's & Don'ts
|
|
76
|
-
Do keep the cream `background` as the page canvas — white is for cards, inputs, and
|
|
77
|
-
overlays only. Do reserve orange for the primary action, active nav, and inline links,
|
|
78
|
-
one stamp per view. Do keep the focus ring cool blue, apart from the orange. Don't
|
|
79
|
-
replace cream with pure white at the page level. Don't pill the CTA — pills stay on
|
|
80
|
-
badges. Don't promote a second chromatic accent or reach for the hero grotesque.
|
|
81
|
-
|
|
82
|
-
## 11 Responsive
|
|
83
|
-
375: sidebar → off-canvas drawer; side panel → full sheet; tables → card rows with
|
|
84
|
-
mono figures. 768: sidebar collapses to the icon rail; tables scroll their overflow.
|
|
85
|
-
1024: two-pane queue+detail holds. 1440: forms cap; tables and dashboards use the full
|
|
86
|
-
width. Code and log wells scroll horizontally, never wrap.
|
|
87
|
-
|
|
88
|
-
## 12 Agent Prompt Guide
|
|
89
|
-
Set every page on the cream `background`; float white `card` surfaces on it — never
|
|
90
|
-
pure white at page level. Spend orange once per surface across its three roles; if two
|
|
91
|
-
things want it, one is not primary. Keep focus a cool blue, apart from the CTA. Every
|
|
92
|
-
numeric column is `tabular-nums`; every ID, slug, code, and timestamp is mono. Dark is
|
|
93
|
-
authored — consult the block, never derive.
|
|
94
|
-
|
|
95
|
-
```yaml design-values
|
|
96
|
-
color:
|
|
97
|
-
light:
|
|
98
|
-
background: oklch(0.977 0.006 85)
|
|
99
|
-
foreground: oklch(0.25 0.008 80)
|
|
100
|
-
card: oklch(0.998 0.002 85)
|
|
101
|
-
card-foreground: oklch(0.25 0.008 80)
|
|
102
|
-
popover: oklch(0.998 0.002 85)
|
|
103
|
-
popover-foreground: oklch(0.25 0.008 80)
|
|
104
|
-
primary: oklch(0.56 0.225 32)
|
|
105
|
-
primary-foreground: oklch(0.99 0.006 40)
|
|
106
|
-
secondary: oklch(0.955 0.011 88)
|
|
107
|
-
secondary-foreground: oklch(0.3 0.008 80)
|
|
108
|
-
muted: oklch(0.955 0.011 88)
|
|
109
|
-
muted-foreground: oklch(0.46 0.008 80)
|
|
110
|
-
accent: oklch(0.947 0.021 39)
|
|
111
|
-
accent-foreground: oklch(0.25 0.008 80)
|
|
112
|
-
destructive: oklch(0.501 0.178 29)
|
|
113
|
-
destructive-foreground: oklch(0.98 0.01 29)
|
|
114
|
-
success: oklch(0.611 0.127 158)
|
|
115
|
-
warning: oklch(0.626 0.125 70)
|
|
116
|
-
border: oklch(0.898 0.005 78)
|
|
117
|
-
input: oklch(0.898 0.005 78)
|
|
118
|
-
ring: oklch(0.623 0.188 260)
|
|
119
|
-
surface-raised: oklch(0.99 0.003 85)
|
|
120
|
-
surface-overlay: oklch(0.998 0.002 85)
|
|
121
|
-
chart-1: oklch(0.6 0.2 32)
|
|
122
|
-
chart-2: oklch(0.62 0.11 190)
|
|
123
|
-
chart-3: oklch(0.6 0.14 250)
|
|
124
|
-
chart-4: oklch(0.7 0.13 75)
|
|
125
|
-
chart-5: oklch(0.6 0.12 155)
|
|
126
|
-
sidebar: oklch(0.955 0.012 88)
|
|
127
|
-
sidebar-foreground: oklch(0.3 0.008 80)
|
|
128
|
-
sidebar-primary: oklch(0.56 0.225 32)
|
|
129
|
-
sidebar-primary-foreground: oklch(0.99 0.006 40)
|
|
130
|
-
sidebar-accent: oklch(0.92 0.025 39)
|
|
131
|
-
sidebar-accent-foreground: oklch(0.3 0.008 80)
|
|
132
|
-
sidebar-border: oklch(0.9 0.008 85)
|
|
133
|
-
sidebar-ring: oklch(0.623 0.188 260)
|
|
134
|
-
dark:
|
|
135
|
-
background: oklch(0.19 0.006 80)
|
|
136
|
-
foreground: oklch(0.93 0.006 85)
|
|
137
|
-
card: oklch(0.23 0.007 80)
|
|
138
|
-
card-foreground: oklch(0.93 0.006 85)
|
|
139
|
-
popover: oklch(0.27 0.008 80)
|
|
140
|
-
popover-foreground: oklch(0.93 0.006 85)
|
|
141
|
-
primary: oklch(0.56 0.225 33)
|
|
142
|
-
primary-foreground: oklch(0.99 0.006 40)
|
|
143
|
-
secondary: oklch(0.25 0.008 80)
|
|
144
|
-
secondary-foreground: oklch(0.9 0.006 85)
|
|
145
|
-
muted: oklch(0.24 0.008 80)
|
|
146
|
-
muted-foreground: oklch(0.71 0.01 82)
|
|
147
|
-
accent: oklch(0.3 0.03 40)
|
|
148
|
-
accent-foreground: oklch(0.93 0.01 60)
|
|
149
|
-
destructive: oklch(0.62 0.18 29)
|
|
150
|
-
destructive-foreground: oklch(0.15 0.02 29)
|
|
151
|
-
success: oklch(0.68 0.13 158)
|
|
152
|
-
warning: oklch(0.72 0.13 75)
|
|
153
|
-
border: oklch(0.28 0.008 80)
|
|
154
|
-
input: oklch(0.28 0.008 80)
|
|
155
|
-
ring: oklch(0.65 0.18 260)
|
|
156
|
-
surface-raised: oklch(0.24 0.007 80)
|
|
157
|
-
surface-overlay: oklch(0.29 0.008 80)
|
|
158
|
-
chart-1: oklch(0.65 0.2 32)
|
|
159
|
-
chart-2: oklch(0.7 0.11 190)
|
|
160
|
-
chart-3: oklch(0.68 0.14 250)
|
|
161
|
-
chart-4: oklch(0.78 0.13 75)
|
|
162
|
-
chart-5: oklch(0.68 0.12 155)
|
|
163
|
-
sidebar: oklch(0.17 0.006 80)
|
|
164
|
-
sidebar-foreground: oklch(0.9 0.006 85)
|
|
165
|
-
sidebar-primary: oklch(0.56 0.225 33)
|
|
166
|
-
sidebar-primary-foreground: oklch(0.99 0.006 40)
|
|
167
|
-
sidebar-accent: oklch(0.25 0.012 50)
|
|
168
|
-
sidebar-accent-foreground: oklch(0.92 0.006 85)
|
|
169
|
-
sidebar-border: oklch(0.23 0.008 80)
|
|
170
|
-
sidebar-ring: oklch(0.65 0.18 260)
|
|
171
|
-
typography:
|
|
172
|
-
display: { family: "Geist Variable", fallback: "system-ui, sans-serif", weights: [500, 600] }
|
|
173
|
-
sans: { family: "Geist Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
|
|
174
|
-
mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
|
|
175
|
-
ramp:
|
|
176
|
-
display: { size: 30px, line: 38px, weight: 600, family: display, tracking: -0.02em }
|
|
177
|
-
h1: { size: 24px, line: 31px, weight: 600, family: display, tracking: -0.015em }
|
|
178
|
-
h2: { size: 20px, line: 28px, weight: 600, family: display, tracking: -0.01em }
|
|
179
|
-
body: { size: 14px, line: 21px, weight: 400, family: sans }
|
|
180
|
-
small: { size: 13px, line: 18px, weight: 400, family: sans }
|
|
181
|
-
caption: { size: 12px, line: 16px, weight: 600, family: sans, tracking: 0.06em, transform: uppercase }
|
|
182
|
-
data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
|
|
183
|
-
register-scope: { display: [page-title, section-head, empty-state, auth], sans: [chrome, controls, body], mono: [data, slugs, codes, ids, timestamps] }
|
|
184
|
-
elevation:
|
|
185
|
-
radius: { sm: 8px, md: 10px, lg: 14px }
|
|
186
|
-
hairline: border
|
|
187
|
-
shadow:
|
|
188
|
-
overlay: "0 8px 30px oklch(0.25 0.02 60 / 0.14)"
|
|
189
|
-
popover: "0 4px 16px oklch(0.25 0.02 60 / 0.1)"
|
|
190
|
-
dark-ladder: { background: 0.19, raised: 0.24, overlay: 0.29, hue-held: 80 }
|
|
191
|
-
motion:
|
|
192
|
-
duration: { press: 120ms, fade: 160ms, panel: 240ms }
|
|
193
|
-
easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
|
|
194
|
-
entrance-never: ease-in
|
|
195
|
-
identity-moments: [auth, first-run-empty]
|
|
196
|
-
iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
|
|
197
|
-
charts:
|
|
198
|
-
categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
|
|
199
|
-
sequential: { from: background, to: chart-1 }
|
|
200
|
-
diverging: { negative: destructive, mid: muted, positive: chart-5 }
|
|
201
|
-
layout: { base: 4px, sidebar: [256px, 56px], topbar: 60px, side-panel: [440px, 640px], content-max: 1320px }
|
|
202
|
-
```
|
|
@@ -1,203 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v2
|
|
3
|
-
id: resend
|
|
4
|
-
tier: brand
|
|
5
|
-
segments: [dev-tools, email, api]
|
|
6
|
-
keywords: [dark, true-black, editorial, white-hot, hairline, mono]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "design-md/v1 resend entry (2026-07-04); 2026-07-12 re-audit of Resend public brand; Inter for UI, Geist Mono for code (the 76-96px Domaine Display serif hero stays behind); the accent is white — a solid off-white surface, the brightest pixel on the black canvas; light daytime floor authored alongside"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# resend — an editorial-noir console, true black with one white-hot key
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
An editorial-noir developer console: a true-black canvas, off-white ink read like
|
|
16
|
-
printed paper, and depth built entirely from translucent-white hairlines and a
|
|
17
|
-
luminance ladder — the system has no drop-shadow language. Dark is the signature the
|
|
18
|
-
tool wears; a near-white daytime floor ships alongside. The one accent is white:
|
|
19
|
-
`primary` is an off-white surface with black text, the brightest solid on the canvas.
|
|
20
|
-
The Domaine Display serif hero and full-section glows stay behind.
|
|
21
|
-
|
|
22
|
-
## 2 Color Roles
|
|
23
|
-
Off-white `foreground` on a true-black `background`; `primary` is the white-hot solid —
|
|
24
|
-
an off-white surface with a black label, the single brightest pixel per surface, held
|
|
25
|
-
for the primary action, active nav, and the focus `ring`. In the light floor it inverts
|
|
26
|
-
to near-black-on-white, the same highest-contrast invariant. `accent` is a neutral
|
|
27
|
-
luminance wash, never colored. The six atmospheric hues live only in `chart-*` and
|
|
28
|
-
status; status hues speak only status.
|
|
29
|
-
|
|
30
|
-
## 3 Typography
|
|
31
|
-
Inter (UI, tables, labels, and every heading) over Geist Mono for IDs, codes, log
|
|
32
|
-
lines, and every code well. Hierarchy is size and family, not weight — body holds at
|
|
33
|
-
400 and the brand never bolds past 500. Register scope: the display register speaks in
|
|
34
|
-
page titles, empty states, and auth; mono owns data, codes, IDs, timestamps, and the
|
|
35
|
-
terminal. Numerals are always `tabular-nums`; emphasis is size or a switch to mono,
|
|
36
|
-
never heavy weight.
|
|
37
|
-
|
|
38
|
-
## 4 Component Stylings
|
|
39
|
-
Buttons `radius-sm` (8px, never pill), white-hot `primary` fill with a black label —
|
|
40
|
-
the one brightest solid per surface; secondary is `secondary` on a hairline. Inputs sit
|
|
41
|
-
on `card` with a hairline; focus thickens the edge to the ink `ring`, no glow, no
|
|
42
|
-
separate ring color. Cards are a luminance step above the canvas on a hairline,
|
|
43
|
-
`radius-lg` for panels and code wells. Table rows carry hairline grid lines, `muted`
|
|
44
|
-
hover, `accent` wash selection. The code/log well is the darkest, coolest surface in
|
|
45
|
-
mono — depth by temperature. Detail opens in the side panel; badges alone pill.
|
|
46
|
-
|
|
47
|
-
## 5 Layout
|
|
48
|
-
4px base; sidebar 248/56px; topbar 64px (the brand's nav height); side panel 420/640px;
|
|
49
|
-
content max 1360px. Editorial breathing lives in the shell dimensions, not the data
|
|
50
|
-
grid; the 96/128px marketing section bands stay behind.
|
|
51
|
-
|
|
52
|
-
## 6 Depth
|
|
53
|
-
Dark: the luminance ladder and translucent-white hairlines are the entire depth system,
|
|
54
|
-
never shadow — `background` 0.03 L, `surface-raised` 0.15, `surface-overlay` 0.19, hue
|
|
55
|
-
held at 286; the code well sits a step below canvas, coolest of all. Light floor:
|
|
56
|
-
hairlines carry structure; the faintest cool-tinted lift only on true overlays. Focus is
|
|
57
|
-
the border thickened to ink, keyboard-first.
|
|
58
|
-
|
|
59
|
-
## 7 Motion
|
|
60
|
-
Snappy and quiet. Named moments: `panel-slide` (side panel, 220ms, interruptible),
|
|
61
|
-
`fade-arrive` (page content, 150ms), `press` (primary-action press, 100ms). Log and
|
|
62
|
-
send streams append whole rows — never typed-on. Physicality is granted only to auth
|
|
63
|
-
and first-run empty states; keyboard actions are instant.
|
|
64
|
-
|
|
65
|
-
## 8 Iconography & Charts
|
|
66
|
-
Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
|
|
67
|
-
no gridline fills; the categorical ramp is the sanctioned atmospheric set — blue, green,
|
|
68
|
-
orange, yellow, red (`chart-1..5`); sequential runs the luminance canvas→ink; tooltips
|
|
69
|
-
on `surface-overlay` with mono numerals.
|
|
70
|
-
|
|
71
|
-
## 9 Voice
|
|
72
|
-
Terminal-quiet and exact: lowercase-calm sentences, precise numbers, no cheer. "Send" ·
|
|
73
|
-
"No emails in the last hour — the stream is quiet" · "This domain isn't verified; add
|
|
74
|
-
the DKIM record and re-check in a few minutes."
|
|
75
|
-
|
|
76
|
-
## 10 Do's & Don'ts
|
|
77
|
-
Do anchor every dark surface on true black — never a near-black. Do reserve the
|
|
78
|
-
white-hot `primary` as the single brightest solid per surface; its scarcity is what
|
|
79
|
-
makes white read as the accent. Do carry depth with hairlines and the luminance ladder,
|
|
80
|
-
and render every code and log surface in mono. Don't introduce a second solid accent —
|
|
81
|
-
the six atmospheric hues are chart/status only. Don't signal elevation with a drop
|
|
82
|
-
shadow. Don't pill the CTA or bring the serif into operator chrome.
|
|
83
|
-
|
|
84
|
-
## 11 Responsive
|
|
85
|
-
375: sidebar → off-canvas drawer; side panel → full sheet; list+detail stacks. 768:
|
|
86
|
-
sidebar → icon rail; tables and code wells scroll horizontally, never wrap. 1024:
|
|
87
|
-
two-pane queue+detail holds. 1440: forms cap; tables and dashboards use the full width.
|
|
88
|
-
|
|
89
|
-
## 12 Agent Prompt Guide
|
|
90
|
-
Wear the dark theme by default; the light map is the daytime floor. On dark the canvas
|
|
91
|
-
is true black. Spend the white-hot `primary` once per surface: primary action, active
|
|
92
|
-
nav, focus ring; if two things want the white, one is not primary. Render code, log,
|
|
93
|
-
and terminal panels in mono as the coolest surface. Depth is the ladder and hairlines —
|
|
94
|
-
consult the block, never derive dark from light.
|
|
95
|
-
|
|
96
|
-
```yaml design-values
|
|
97
|
-
color:
|
|
98
|
-
light:
|
|
99
|
-
background: oklch(0.995 0.003 264)
|
|
100
|
-
foreground: oklch(0.14 0.006 286)
|
|
101
|
-
card: oklch(0.995 0.003 264)
|
|
102
|
-
card-foreground: oklch(0.14 0.006 286)
|
|
103
|
-
popover: oklch(0.995 0.003 264)
|
|
104
|
-
popover-foreground: oklch(0.14 0.006 286)
|
|
105
|
-
primary: oklch(0.14 0.006 286)
|
|
106
|
-
primary-foreground: oklch(0.99 0.003 264)
|
|
107
|
-
secondary: oklch(0.965 0.006 255)
|
|
108
|
-
secondary-foreground: oklch(0.2 0.006 286)
|
|
109
|
-
muted: oklch(0.965 0.006 255)
|
|
110
|
-
muted-foreground: oklch(0.49 0.008 255)
|
|
111
|
-
accent: oklch(0.955 0.008 255)
|
|
112
|
-
accent-foreground: oklch(0.2 0.006 286)
|
|
113
|
-
destructive: oklch(0.55 0.22 22)
|
|
114
|
-
destructive-foreground: oklch(0.99 0.006 22)
|
|
115
|
-
success: oklch(0.55 0.13 156)
|
|
116
|
-
warning: oklch(0.62 0.12 80)
|
|
117
|
-
border: oklch(0.93 0.008 258)
|
|
118
|
-
input: oklch(0.93 0.008 258)
|
|
119
|
-
ring: oklch(0.14 0.006 286)
|
|
120
|
-
surface-raised: oklch(0.99 0.004 260)
|
|
121
|
-
surface-overlay: oklch(0.995 0.003 264)
|
|
122
|
-
chart-1: oklch(0.55 0.18 250)
|
|
123
|
-
chart-2: oklch(0.55 0.14 156)
|
|
124
|
-
chart-3: oklch(0.62 0.18 45)
|
|
125
|
-
chart-4: oklch(0.75 0.14 90)
|
|
126
|
-
chart-5: oklch(0.55 0.22 22)
|
|
127
|
-
sidebar: oklch(0.98 0.005 258)
|
|
128
|
-
sidebar-foreground: oklch(0.2 0.006 286)
|
|
129
|
-
sidebar-primary: oklch(0.14 0.006 286)
|
|
130
|
-
sidebar-primary-foreground: oklch(0.99 0.003 264)
|
|
131
|
-
sidebar-accent: oklch(0.95 0.008 255)
|
|
132
|
-
sidebar-accent-foreground: oklch(0.2 0.006 286)
|
|
133
|
-
sidebar-border: oklch(0.92 0.008 258)
|
|
134
|
-
sidebar-ring: oklch(0.14 0.006 286)
|
|
135
|
-
dark:
|
|
136
|
-
background: oklch(0.03 0.006 286)
|
|
137
|
-
foreground: oklch(0.99 0.003 264)
|
|
138
|
-
card: oklch(0.16 0.006 286)
|
|
139
|
-
card-foreground: oklch(0.99 0.003 264)
|
|
140
|
-
popover: oklch(0.19 0.006 286)
|
|
141
|
-
popover-foreground: oklch(0.99 0.003 264)
|
|
142
|
-
primary: oklch(0.98 0.004 264)
|
|
143
|
-
primary-foreground: oklch(0.05 0.006 286)
|
|
144
|
-
secondary: oklch(0.17 0.006 286)
|
|
145
|
-
secondary-foreground: oklch(0.95 0.003 264)
|
|
146
|
-
muted: oklch(0.17 0.006 286)
|
|
147
|
-
muted-foreground: oklch(0.72 0.006 260)
|
|
148
|
-
accent: oklch(0.22 0.006 286)
|
|
149
|
-
accent-foreground: oklch(0.95 0.003 264)
|
|
150
|
-
destructive: oklch(0.641 0.245 20.6)
|
|
151
|
-
destructive-foreground: oklch(0.14 0.02 20)
|
|
152
|
-
success: oklch(0.75 0.18 156)
|
|
153
|
-
warning: oklch(0.82 0.15 84)
|
|
154
|
-
border: oklch(0.26 0.006 286)
|
|
155
|
-
input: oklch(0.26 0.006 286)
|
|
156
|
-
ring: oklch(0.98 0.004 264)
|
|
157
|
-
surface-raised: oklch(0.15 0.006 286)
|
|
158
|
-
surface-overlay: oklch(0.19 0.006 286)
|
|
159
|
-
chart-1: oklch(0.6 0.18 250)
|
|
160
|
-
chart-2: oklch(0.75 0.18 156)
|
|
161
|
-
chart-3: oklch(0.7 0.18 45)
|
|
162
|
-
chart-4: oklch(0.85 0.15 90)
|
|
163
|
-
chart-5: oklch(0.641 0.245 20.6)
|
|
164
|
-
sidebar: oklch(0.08 0.006 286)
|
|
165
|
-
sidebar-foreground: oklch(0.95 0.003 264)
|
|
166
|
-
sidebar-primary: oklch(0.98 0.004 264)
|
|
167
|
-
sidebar-primary-foreground: oklch(0.05 0.006 286)
|
|
168
|
-
sidebar-accent: oklch(0.2 0.006 286)
|
|
169
|
-
sidebar-accent-foreground: oklch(0.95 0.003 264)
|
|
170
|
-
sidebar-border: oklch(0.18 0.006 286)
|
|
171
|
-
sidebar-ring: oklch(0.98 0.004 264)
|
|
172
|
-
typography:
|
|
173
|
-
display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [500] }
|
|
174
|
-
sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
|
|
175
|
-
mono: { family: "Geist Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
|
|
176
|
-
ramp:
|
|
177
|
-
display: { size: 28px, line: 36px, weight: 500, family: display, tracking: -0.01em }
|
|
178
|
-
h1: { size: 24px, line: 32px, weight: 500, family: display, tracking: -0.01em }
|
|
179
|
-
h2: { size: 20px, line: 28px, weight: 500, family: display }
|
|
180
|
-
body: { size: 14px, line: 21px, weight: 400, family: sans }
|
|
181
|
-
small: { size: 13px, line: 18px, weight: 400, family: sans }
|
|
182
|
-
caption: { size: 12px, line: 16px, weight: 400, family: sans }
|
|
183
|
-
data: { size: 13px, line: 21px, weight: 400, family: mono, features: [tnum] }
|
|
184
|
-
register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, codes, ids, timestamps, terminal] }
|
|
185
|
-
elevation:
|
|
186
|
-
radius: { sm: 8px, md: 10px, lg: 12px }
|
|
187
|
-
hairline: border
|
|
188
|
-
shadow:
|
|
189
|
-
overlay: "0 8px 30px oklch(0.03 0.012 286 / 0.5)"
|
|
190
|
-
popover: "0 4px 16px oklch(0.03 0.012 286 / 0.4)"
|
|
191
|
-
dark-ladder: { background: 0.03, raised: 0.15, overlay: 0.19, hue-held: 286 }
|
|
192
|
-
motion:
|
|
193
|
-
duration: { press: 100ms, fade: 150ms, panel: 220ms }
|
|
194
|
-
easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
|
|
195
|
-
entrance-never: ease-in
|
|
196
|
-
identity-moments: [auth, first-run-empty]
|
|
197
|
-
iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
|
|
198
|
-
charts:
|
|
199
|
-
categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
|
|
200
|
-
sequential: { from: background, to: foreground }
|
|
201
|
-
diverging: { negative: destructive, mid: muted, positive: chart-2 }
|
|
202
|
-
layout: { base: 4px, sidebar: [248px, 56px], topbar: 64px, side-panel: [420px, 640px], content-max: 1360px }
|
|
203
|
-
```
|