@nurix/etna 0.19.11 → 0.19.13
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/README.md +6 -4
- package/data/harness-index.json +1 -1
- package/data/harnesses/code/agents/maintenance.md +1 -1
- package/data/harnesses/code/harness.json +1 -1
- package/data/harnesses/code/rules/frontend.md +5 -5
- package/data/harnesses/code/skills/design/SKILL.md +70 -50
- package/data/harnesses/code/skills/design/components/charts.md +76 -0
- package/data/harnesses/code/skills/design/components/collections.md +132 -0
- package/data/harnesses/code/skills/design/components/feedback.md +47 -0
- package/data/harnesses/code/skills/design/components/hooks.md +35 -0
- package/data/harnesses/code/skills/design/components/index.md +143 -0
- package/data/harnesses/code/skills/design/components/inputs.md +327 -0
- package/data/harnesses/code/skills/design/components/layout.md +52 -0
- package/data/harnesses/code/skills/design/components/media.md +66 -0
- package/data/harnesses/code/skills/design/components/motion.md +82 -0
- package/data/harnesses/code/skills/design/components/navigation.md +29 -0
- package/data/harnesses/code/skills/design/components/overlays.md +72 -0
- package/data/harnesses/code/skills/design/components/setup.md +40 -0
- package/data/harnesses/code/skills/design/components/typography.md +46 -0
- package/data/harnesses/code/skills/design/components/utils.md +37 -0
- package/data/harnesses/code/skills/design/data/blueprints/browse.md +38 -0
- package/data/harnesses/code/skills/design/data/blueprints/creation-flow.md +38 -0
- package/data/harnesses/code/skills/design/data/blueprints/dashboard.md +38 -0
- package/data/harnesses/code/skills/design/data/blueprints/grid.md +38 -0
- package/data/harnesses/code/skills/design/data/blueprints/queue.md +38 -0
- package/data/harnesses/code/skills/design/data/blueprints/record-detail.md +38 -0
- package/data/harnesses/code/skills/design/data/blueprints/settings.md +38 -0
- package/data/harnesses/code/skills/design/data/chart-styling/Readme.md +33 -0
- package/data/harnesses/code/skills/design/data/chart-styling/carbon-accessible-alert-semantic.md +19 -0
- package/data/harnesses/code/skills/design/data/chart-styling/carbon-monochrome-sequential-trend.md +19 -0
- package/data/harnesses/code/skills/design/data/chart-styling/datadog-classic-six-aligned.md +19 -0
- package/data/harnesses/code/skills/design/data/chart-styling/datawrapper-tiered-gray-hierarchy.md +19 -0
- package/data/harnesses/code/skills/design/data/chart-styling/econ-red-rule-horizontal.md +19 -0
- package/data/harnesses/code/skills/design/data/chart-styling/financial-diverging-threshold-overlay.md +19 -0
- package/data/harnesses/code/skills/design/data/chart-styling/ft-vocabulary-ranked-muted.md +19 -0
- package/data/harnesses/code/skills/design/data/chart-styling/grafana-dark-threshold-bands.md +19 -0
- package/data/harnesses/code/skills/design/data/chart-styling/material-rounded-explicit-label.md +19 -0
- package/data/harnesses/code/skills/design/data/chart-styling/nyt-ghost-grid-direct-label.md +19 -0
- package/data/harnesses/code/skills/design/data/chart-styling/plot-currentcolor-inherit.md +19 -0
- package/data/harnesses/code/skills/design/data/chart-styling/saas-gradient-glow-area.md +19 -0
- package/data/harnesses/code/skills/design/data/chart-styling/shadcn-composable-css-vars.md +19 -0
- package/data/harnesses/code/skills/design/data/charts/census.csv +58 -0
- package/data/harnesses/code/skills/design/data/checklists/browse.md +21 -0
- package/data/harnesses/code/skills/design/data/checklists/creation-flow.md +20 -0
- package/data/harnesses/code/skills/design/data/checklists/dashboard.md +21 -0
- package/data/harnesses/code/skills/design/data/checklists/grid.md +21 -0
- package/data/harnesses/code/skills/design/data/checklists/queue.md +21 -0
- package/data/harnesses/code/skills/design/data/checklists/record-detail.md +21 -0
- package/data/harnesses/code/skills/design/data/checklists/settings.md +21 -0
- package/data/harnesses/code/skills/design/data/chrome/board-column.md +68 -0
- package/data/harnesses/code/skills/design/data/chrome/data-table.md +63 -0
- package/data/harnesses/code/skills/design/data/chrome/side-panel.md +60 -0
- package/data/harnesses/code/skills/design/data/chrome/sidebar.md +78 -0
- package/data/harnesses/code/skills/design/data/chrome/stat-cards.md +62 -0
- package/data/harnesses/code/skills/design/data/chrome/topbar.md +65 -0
- package/data/harnesses/code/skills/design/data/color/accent-presets.md +90 -0
- package/data/harnesses/code/skills/design/data/color/aesop-earth-mute.md +91 -0
- package/data/harnesses/code/skills/design/data/color/arc-peach-play.md +90 -0
- package/data/harnesses/code/skills/design/data/color/attio-hunter-teal.md +90 -0
- package/data/harnesses/code/skills/design/data/color/carbon-cyan-signal.md +90 -0
- package/data/harnesses/code/skills/design/data/color/clay-parchment.md +90 -0
- package/data/harnesses/code/skills/design/data/color/duolingo-feather.md +90 -0
- package/data/harnesses/code/skills/design/data/color/geist-mono-signal.md +90 -0
- package/data/harnesses/code/skills/design/data/color/linear-graphite-violet.md +90 -0
- package/data/harnesses/code/skills/design/data/color/mercury-onyx-cobalt.md +90 -0
- package/data/harnesses/code/skills/design/data/color/notion-paper-ink.md +90 -0
- package/data/harnesses/code/skills/design/data/color/radix-slate-iris.md +90 -0
- package/data/harnesses/code/skills/design/data/color/raycast-void-spectrum.md +90 -0
- package/data/harnesses/code/skills/design/data/color/spectrum-celery-fuchsia.md +90 -0
- package/data/harnesses/code/skills/design/data/color/stripe-blurple-ruby.md +90 -0
- package/data/harnesses/code/skills/design/data/color/superhuman-cod-picton.md +89 -0
- package/data/harnesses/code/skills/design/data/corpora/operations-review/companies.csv +15 -0
- package/data/harnesses/code/skills/design/data/corpora/operations-review/corpus.md +87 -0
- package/data/harnesses/code/skills/design/data/corpora/operations-review/people.csv +25 -0
- package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/companies.csv +15 -0
- package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/corpus.md +83 -0
- package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/people.csv +25 -0
- package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/companies.csv +15 -0
- package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/corpus.md +89 -0
- package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/people.csv +25 -0
- package/data/harnesses/code/skills/design/data/elevation/ant-design-directional-shadow.md +19 -0
- package/data/harnesses/code/skills/design/data/elevation/apple-liquid-glass-material.md +18 -0
- package/data/harnesses/code/skills/design/data/elevation/atlassian-surface-shadow-pairing.md +20 -0
- package/data/harnesses/code/skills/design/data/elevation/fluent-2-key-ambient-ramp.md +20 -0
- package/data/harnesses/code/skills/design/data/elevation/github-primer-sparing-shadow.md +19 -0
- package/data/harnesses/code/skills/design/data/elevation/ibm-carbon-layer-and-border.md +19 -0
- package/data/harnesses/code/skills/design/data/elevation/linear-dark-surface-ladder.md +17 -0
- package/data/harnesses/code/skills/design/data/elevation/material-2-key-ambient-dp-ramp.md +19 -0
- package/data/harnesses/code/skills/design/data/elevation/material-3-tonal-elevation.md +21 -0
- package/data/harnesses/code/skills/design/data/elevation/neobrutalist-hard-offset.md +19 -0
- package/data/harnesses/code/skills/design/data/elevation/neumorphic-soft-dual-shadow.md +18 -0
- package/data/harnesses/code/skills/design/data/elevation/notion-warm-minimal-hairline.md +17 -0
- package/data/harnesses/code/skills/design/data/elevation/polaris-elevation-inset-bevel.md +21 -0
- package/data/harnesses/code/skills/design/data/elevation/radix-themes-alpha-ring-scale.md +19 -0
- package/data/harnesses/code/skills/design/data/elevation/shadcn-neutral-derived-radius.md +19 -0
- package/data/harnesses/code/skills/design/data/elevation/stripe-brand-tinted-dual-shadow.md +18 -0
- package/data/harnesses/code/skills/design/data/elevation/tailwind-default-utility-scale.md +19 -0
- package/data/harnesses/code/skills/design/data/elevation/vercel-geist-shadow-as-border.md +20 -0
- package/data/harnesses/code/skills/design/data/gradients/amber-attention-fill.md +16 -0
- package/data/harnesses/code/skills/design/data/gradients/cloud-shadow-wash.md +16 -0
- package/data/harnesses/code/skills/design/data/gradients/confident-lavender-wash.md +16 -0
- package/data/harnesses/code/skills/design/data/gradients/ember-ship-flare.md +18 -0
- package/data/harnesses/code/skills/design/data/gradients/full-metal-wash.md +16 -0
- package/data/harnesses/code/skills/design/data/gradients/indigo-ruby-cta-band.md +18 -0
- package/data/harnesses/code/skills/design/data/gradients/linear-graphite-wash.md +18 -0
- package/data/harnesses/code/skills/design/data/gradients/marble-quartz-wash.md +16 -0
- package/data/harnesses/code/skills/design/data/gradients/midnight-aurora-panel.md +16 -0
- package/data/harnesses/code/skills/design/data/gradients/neutral-volume-fill.md +16 -0
- package/data/harnesses/code/skills/design/data/gradients/revenue-uptrend-fill.md +16 -0
- package/data/harnesses/code/skills/design/data/gradients/risk-decline-fill.md +16 -0
- package/data/harnesses/code/skills/design/data/gradients/signal-blue-develop.md +18 -0
- package/data/harnesses/code/skills/design/data/gradients/slate-mist-wash.md +16 -0
- package/data/harnesses/code/skills/design/data/gradients/stripe-atmosphere-mesh.md +18 -0
- package/data/harnesses/code/skills/design/data/gradients/teal-signal-accent.md +16 -0
- package/data/harnesses/code/skills/design/data/gradients/violet-magenta-promo.md +16 -0
- package/data/harnesses/code/skills/design/data/iconography.md +199 -0
- package/data/harnesses/code/skills/design/data/motion/accordion-expand.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/destructive-hold-confirm.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/drag-dismiss-momentum.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/empty-state-arrive.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/hover-lift.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/modal-center-arrive.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/number-ticker-roll.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/onboarding-bounce.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/panel-slide.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/press-feedback.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/progress-linear-loop.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/route-crossfade.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/rubber-band-overscroll.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/skeleton-shimmer.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/stagger-arrive.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/toast-enter-stack.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/tooltip-chain-instant.md +18 -0
- package/data/harnesses/code/skills/design/data/motion/trigger-anchored-reveal.md +18 -0
- package/data/harnesses/code/skills/design/data/tells.csv +34 -0
- package/data/harnesses/code/skills/design/data/typography/anton-work-sans.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/archivo-black-archivo.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/bitter-karla.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/dm-serif-dm-sans.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/fraunces-inter.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/geist-geist-mono.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/hubot-sans-mona-sans.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/ibm-plex-sans-operator-single-family.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/instrument-serif-instrument-sans.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/inter-operator-single-family.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/libre-baskerville-libre-franklin.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/newsreader-inter.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/playfair-display-source-sans.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/public-sans-operator-single-family.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/sohne-inter-fintech.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/source-serif-source-sans.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/space-grotesk-work-sans-space-mono.md +17 -0
- package/data/harnesses/code/skills/design/data/typography/spectral-manrope.md +17 -0
- package/data/harnesses/code/skills/design/data/voices/bright-collaborator.md +29 -0
- package/data/harnesses/code/skills/design/data/voices/direct-operator.md +29 -0
- package/data/harnesses/code/skills/design/data/voices/earnest-helper.md +29 -0
- package/data/harnesses/code/skills/design/data/voices/editorial-composed.md +29 -0
- package/data/harnesses/code/skills/design/data/voices/quiet-concierge.md +29 -0
- package/data/harnesses/code/skills/design/data/voices/warm-guide.md +29 -0
- package/data/harnesses/code/skills/design/design-md/SCHEMA.md +179 -0
- package/data/harnesses/code/skills/design/design-md/index.csv +67 -0
- package/data/harnesses/code/skills/design/design-md/library/airbnb.md +207 -0
- package/data/harnesses/code/skills/design/design-md/library/airtable.md +205 -0
- package/data/harnesses/code/skills/design/design-md/library/anthropic-claude.md +203 -0
- package/data/harnesses/code/skills/design/design-md/library/apple.md +206 -0
- package/data/harnesses/code/skills/design/design-md/library/binance.md +210 -0
- package/data/harnesses/code/skills/design/design-md/library/bmw.md +210 -0
- package/data/harnesses/code/skills/design/design-md/library/cal.md +209 -0
- package/data/harnesses/code/skills/design/design-md/library/clay.md +204 -0
- package/data/harnesses/code/skills/design/design-md/library/clickhouse.md +205 -0
- package/data/harnesses/code/skills/design/design-md/library/cohere.md +205 -0
- package/data/harnesses/code/skills/design/design-md/library/coinbase.md +198 -0
- package/data/harnesses/code/skills/design/design-md/library/composio.md +198 -0
- package/data/harnesses/code/skills/design/design-md/library/cursor.md +197 -0
- package/data/harnesses/code/skills/design/design-md/library/elevenlabs.md +199 -0
- package/data/harnesses/code/skills/design/design-md/library/expo.md +200 -0
- package/data/harnesses/code/skills/design/design-md/library/figma.md +199 -0
- package/data/harnesses/code/skills/design/design-md/library/framer.md +202 -0
- package/data/harnesses/code/skills/design/design-md/library/hashicorp.md +205 -0
- package/data/harnesses/code/skills/design/design-md/library/ibm.md +205 -0
- package/data/harnesses/code/skills/design/design-md/library/intercom.md +204 -0
- package/data/harnesses/code/skills/design/design-md/library/kraken.md +200 -0
- package/data/harnesses/code/skills/design/design-md/library/linear-app.md +198 -0
- package/data/harnesses/code/skills/design/design-md/library/lovable.md +199 -0
- package/data/harnesses/code/skills/design/design-md/library/meta.md +204 -0
- package/data/harnesses/code/skills/design/design-md/library/minimax.md +204 -0
- package/data/harnesses/code/skills/design/design-md/library/mintlify.md +210 -0
- package/data/harnesses/code/skills/design/design-md/library/miro.md +209 -0
- package/data/harnesses/code/skills/design/design-md/library/mistral-ai.md +201 -0
- package/data/harnesses/code/skills/design/design-md/library/mongodb.md +201 -0
- package/data/harnesses/code/skills/design/design-md/library/notion.md +204 -0
- package/data/harnesses/code/skills/design/design-md/library/nvidia.md +215 -0
- package/data/harnesses/code/skills/design/design-md/library/ollama.md +213 -0
- package/data/harnesses/code/skills/design/design-md/library/opencode-ai.md +216 -0
- package/data/harnesses/code/skills/design/design-md/library/posthog.md +218 -0
- package/data/harnesses/code/skills/design/design-md/library/raycast.md +214 -0
- package/data/harnesses/code/skills/design/design-md/library/replicate.md +202 -0
- package/data/harnesses/code/skills/design/design-md/library/resend.md +203 -0
- package/data/harnesses/code/skills/design/design-md/library/revolut.md +203 -0
- package/data/harnesses/code/skills/design/design-md/library/runwayml.md +203 -0
- package/data/harnesses/code/skills/design/design-md/library/sanity.md +200 -0
- package/data/harnesses/code/skills/design/design-md/library/sentry.md +201 -0
- package/data/harnesses/code/skills/design/design-md/library/shopify.md +202 -0
- package/data/harnesses/code/skills/design/design-md/library/slack.md +202 -0
- package/data/harnesses/code/skills/design/design-md/library/spacex.md +206 -0
- package/data/harnesses/code/skills/design/design-md/library/spotify.md +206 -0
- package/data/harnesses/code/skills/design/design-md/library/stripe.md +196 -0
- package/data/harnesses/code/skills/design/design-md/library/supabase.md +196 -0
- package/data/harnesses/code/skills/design/design-md/library/superhuman.md +194 -0
- package/data/harnesses/code/skills/design/design-md/library/tesla.md +198 -0
- package/data/harnesses/code/skills/design/design-md/library/theverge.md +199 -0
- package/data/harnesses/code/skills/design/design-md/library/together-ai.md +193 -0
- package/data/harnesses/code/skills/design/design-md/library/uber.md +195 -0
- package/data/harnesses/code/skills/design/design-md/library/vercel.md +195 -0
- package/data/harnesses/code/skills/design/design-md/library/voltagent.md +197 -0
- package/data/harnesses/code/skills/design/design-md/library/warp.md +196 -0
- package/data/harnesses/code/skills/design/design-md/library/webflow.md +197 -0
- package/data/harnesses/code/skills/design/design-md/library/wired.md +197 -0
- package/data/harnesses/code/skills/design/design-md/library/wise.md +198 -0
- package/data/harnesses/code/skills/design/design-md/library/x-ai.md +199 -0
- package/data/harnesses/code/skills/design/design-md/library/zapier.md +198 -0
- package/data/harnesses/code/skills/design/design-md/nurix.md +214 -0
- package/data/harnesses/code/skills/design/design-md/variants/editorial-luxury.md +184 -0
- package/data/harnesses/code/skills/design/design-md/variants/expressive-saas.md +216 -0
- package/data/harnesses/code/skills/design/design-md/variants/quiet-premium.md +211 -0
- package/data/harnesses/code/skills/design/design-md/variants/terse-dense-operator.md +212 -0
- package/data/harnesses/code/skills/design/design-md/variants/warm-approachable.md +216 -0
- package/data/harnesses/code/skills/design/references/compose.md +23 -0
- package/data/harnesses/code/skills/design/references/content.md +28 -0
- package/data/harnesses/code/skills/design/references/emission.md +21 -0
- package/data/harnesses/code/skills/design/references/existing-apps.md +27 -0
- package/data/harnesses/code/skills/design/references/intake.md +36 -0
- package/data/harnesses/code/skills/design/references/object-pass.md +24 -0
- package/data/harnesses/code/skills/design/references/ship-gate.md +29 -0
- package/data/harnesses/code/skills/design/references/ux-patterns/Readme.md +195 -0
- package/data/harnesses/code/skills/design/references/ux-patterns/ai-layer.md +49 -0
- package/data/harnesses/code/skills/design/references/ux-patterns/attributes-lifecycle.md +43 -0
- package/data/harnesses/code/skills/design/references/ux-patterns/container-choice.md +44 -0
- package/data/harnesses/code/skills/design/references/ux-patterns/creation-paths.md +46 -0
- package/data/harnesses/code/skills/design/references/ux-patterns/dashboards.md +42 -0
- package/data/harnesses/code/skills/design/references/ux-patterns/modes.md +42 -0
- package/data/harnesses/code/skills/design/references/ux-patterns/object-model.md +46 -0
- package/data/harnesses/code/skills/design/references/ux-patterns/page-archetype.md +48 -0
- package/data/harnesses/code/skills/design/references/ux-patterns/promotion-demotion.md +37 -0
- package/data/harnesses/code/skills/design/references/ux-patterns/settings.md +42 -0
- package/data/harnesses/code/skills/design/references/ux-patterns/standard-pages.md +46 -0
- package/data/harnesses/code/skills/design/references/ux-patterns/state-matrix.md +41 -0
- package/data/harnesses/code/skills/design/references/ux-patterns/table-mechanics.md +48 -0
- package/data/harnesses/code/skills/design/references/ux-patterns/verbs.md +45 -0
- package/data/harnesses/code/skills/design/references/ux-patterns/viewer-context.md +40 -0
- package/data/harnesses/code/skills/design/scripts/README-validator.md +27 -0
- package/data/harnesses/code/skills/design/scripts/select-chart.mjs +596 -0
- package/data/harnesses/code/skills/design/scripts/validate-design-md.mjs +1198 -0
- package/data/harnesses/discussion/agents/discussion-baseline.md +1 -1
- package/data/harnesses/discussion/harness.json +1 -1
- package/data/harnesses/etna/agents/maintenance.md +1 -1
- package/data/harnesses/etna/harness.json +1 -1
- package/data/harnesses/hr/CLAUDE.md +1 -1
- package/data/harnesses/hr/harness.json +1 -1
- package/package.json +1 -1
- package/data/harnesses/code/skills/design/data/catalog/rules.csv +0 -137
- package/data/harnesses/code/skills/design/data/combinations/Readme.md +0 -33
- package/data/harnesses/code/skills/design/data/combinations/accent-presets.md +0 -113
- package/data/harnesses/code/skills/design/data/combinations/charts.csv +0 -33
- package/data/harnesses/code/skills/design/data/combinations/fonts-known.json +0 -448
- package/data/harnesses/code/skills/design/data/combinations/icons.csv +0 -157
- package/data/harnesses/code/skills/design/data/combinations/landing.csv +0 -38
- package/data/harnesses/code/skills/design/data/combinations/lucide-names.json +0 -2001
- package/data/harnesses/code/skills/design/data/combinations/manifest.json +0 -330
- package/data/harnesses/code/skills/design/data/combinations/motion.csv +0 -10
- package/data/harnesses/code/skills/design/data/combinations/palettes.csv +0 -92
- package/data/harnesses/code/skills/design/data/combinations/product-router.csv +0 -80
- package/data/harnesses/code/skills/design/data/combinations/styles.csv +0 -67
- package/data/harnesses/code/skills/design/data/combinations/typography.csv +0 -64
- package/data/harnesses/code/skills/design/data/design-md/SCHEMA.md +0 -106
- package/data/harnesses/code/skills/design/data/design-md/library/airbnb.md +0 -154
- package/data/harnesses/code/skills/design/data/design-md/library/airtable.md +0 -151
- package/data/harnesses/code/skills/design/data/design-md/library/anthropic-claude.md +0 -139
- package/data/harnesses/code/skills/design/data/design-md/library/apple.md +0 -139
- package/data/harnesses/code/skills/design/data/design-md/library/binance.md +0 -140
- package/data/harnesses/code/skills/design/data/design-md/library/bmw.md +0 -140
- package/data/harnesses/code/skills/design/data/design-md/library/cal.md +0 -140
- package/data/harnesses/code/skills/design/data/design-md/library/clay.md +0 -139
- package/data/harnesses/code/skills/design/data/design-md/library/clickhouse.md +0 -139
- package/data/harnesses/code/skills/design/data/design-md/library/cohere.md +0 -147
- package/data/harnesses/code/skills/design/data/design-md/library/coinbase.md +0 -156
- package/data/harnesses/code/skills/design/data/design-md/library/composio.md +0 -138
- package/data/harnesses/code/skills/design/data/design-md/library/cursor.md +0 -138
- package/data/harnesses/code/skills/design/data/design-md/library/elevenlabs.md +0 -137
- package/data/harnesses/code/skills/design/data/design-md/library/expo.md +0 -148
- package/data/harnesses/code/skills/design/data/design-md/library/figma.md +0 -141
- package/data/harnesses/code/skills/design/data/design-md/library/framer.md +0 -156
- package/data/harnesses/code/skills/design/data/design-md/library/hashicorp.md +0 -140
- package/data/harnesses/code/skills/design/data/design-md/library/ibm.md +0 -153
- package/data/harnesses/code/skills/design/data/design-md/library/intercom.md +0 -158
- package/data/harnesses/code/skills/design/data/design-md/library/kraken.md +0 -156
- package/data/harnesses/code/skills/design/data/design-md/library/linear-app.md +0 -122
- package/data/harnesses/code/skills/design/data/design-md/library/lovable.md +0 -140
- package/data/harnesses/code/skills/design/data/design-md/library/meta.md +0 -139
- package/data/harnesses/code/skills/design/data/design-md/library/minimax.md +0 -139
- package/data/harnesses/code/skills/design/data/design-md/library/mintlify.md +0 -139
- package/data/harnesses/code/skills/design/data/design-md/library/miro.md +0 -153
- package/data/harnesses/code/skills/design/data/design-md/library/mistral-ai.md +0 -140
- package/data/harnesses/code/skills/design/data/design-md/library/mongodb.md +0 -155
- package/data/harnesses/code/skills/design/data/design-md/library/notion.md +0 -140
- package/data/harnesses/code/skills/design/data/design-md/library/nvidia.md +0 -141
- package/data/harnesses/code/skills/design/data/design-md/library/ollama.md +0 -145
- package/data/harnesses/code/skills/design/data/design-md/library/opencode-ai.md +0 -142
- package/data/harnesses/code/skills/design/data/design-md/library/posthog.md +0 -152
- package/data/harnesses/code/skills/design/data/design-md/library/raycast.md +0 -137
- package/data/harnesses/code/skills/design/data/design-md/library/replicate.md +0 -140
- package/data/harnesses/code/skills/design/data/design-md/library/resend.md +0 -170
- package/data/harnesses/code/skills/design/data/design-md/library/revolut.md +0 -145
- package/data/harnesses/code/skills/design/data/design-md/library/runwayml.md +0 -137
- package/data/harnesses/code/skills/design/data/design-md/library/sanity.md +0 -168
- package/data/harnesses/code/skills/design/data/design-md/library/sentry.md +0 -163
- package/data/harnesses/code/skills/design/data/design-md/library/shopify.md +0 -147
- package/data/harnesses/code/skills/design/data/design-md/library/slack.md +0 -158
- package/data/harnesses/code/skills/design/data/design-md/library/spacex.md +0 -171
- package/data/harnesses/code/skills/design/data/design-md/library/spotify.md +0 -166
- package/data/harnesses/code/skills/design/data/design-md/library/stripe.md +0 -160
- package/data/harnesses/code/skills/design/data/design-md/library/supabase.md +0 -173
- package/data/harnesses/code/skills/design/data/design-md/library/superhuman.md +0 -145
- package/data/harnesses/code/skills/design/data/design-md/library/tesla.md +0 -153
- package/data/harnesses/code/skills/design/data/design-md/library/theverge.md +0 -167
- package/data/harnesses/code/skills/design/data/design-md/library/together-ai.md +0 -140
- package/data/harnesses/code/skills/design/data/design-md/library/uber.md +0 -140
- package/data/harnesses/code/skills/design/data/design-md/library/vercel.md +0 -140
- package/data/harnesses/code/skills/design/data/design-md/library/voltagent.md +0 -130
- package/data/harnesses/code/skills/design/data/design-md/library/warp.md +0 -140
- package/data/harnesses/code/skills/design/data/design-md/library/webflow.md +0 -140
- package/data/harnesses/code/skills/design/data/design-md/library/wired.md +0 -139
- package/data/harnesses/code/skills/design/data/design-md/library/wise.md +0 -137
- package/data/harnesses/code/skills/design/data/design-md/library/x-ai.md +0 -138
- package/data/harnesses/code/skills/design/data/design-md/library/zapier.md +0 -158
- package/data/harnesses/code/skills/design/data/design-md/nurix.md +0 -138
- package/data/harnesses/code/skills/design/data/design-tokens/SCHEMA.md +0 -695
- package/data/harnesses/code/skills/design/data/design-tokens/airbnb/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/airbnb/design.tokens.json +0 -1272
- package/data/harnesses/code/skills/design/data/design-tokens/airtable/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/airtable/design.tokens.json +0 -1268
- package/data/harnesses/code/skills/design/data/design-tokens/anthropic-claude/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/anthropic-claude/design.tokens.json +0 -1273
- package/data/harnesses/code/skills/design/data/design-tokens/apple/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/apple/design.tokens.json +0 -1262
- package/data/harnesses/code/skills/design/data/design-tokens/binance/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/binance/design.tokens.json +0 -1257
- package/data/harnesses/code/skills/design/data/design-tokens/bmw/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/bmw/design.tokens.json +0 -1270
- package/data/harnesses/code/skills/design/data/design-tokens/cal/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/cal/design.tokens.json +0 -1270
- package/data/harnesses/code/skills/design/data/design-tokens/clay/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/clay/design.tokens.json +0 -1261
- package/data/harnesses/code/skills/design/data/design-tokens/clickhouse/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/clickhouse/design.tokens.json +0 -1268
- package/data/harnesses/code/skills/design/data/design-tokens/cohere/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/cohere/design.tokens.json +0 -1281
- package/data/harnesses/code/skills/design/data/design-tokens/coinbase/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/coinbase/design.tokens.json +0 -1262
- package/data/harnesses/code/skills/design/data/design-tokens/composio/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/composio/design.tokens.json +0 -1271
- package/data/harnesses/code/skills/design/data/design-tokens/cursor/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/cursor/design.tokens.json +0 -1276
- package/data/harnesses/code/skills/design/data/design-tokens/elevenlabs/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/elevenlabs/design.tokens.json +0 -1293
- package/data/harnesses/code/skills/design/data/design-tokens/expo/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/expo/design.tokens.json +0 -1270
- package/data/harnesses/code/skills/design/data/design-tokens/figma/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/figma/design.tokens.json +0 -1276
- package/data/harnesses/code/skills/design/data/design-tokens/framer/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/framer/design.tokens.json +0 -1267
- package/data/harnesses/code/skills/design/data/design-tokens/goldens.json +0 -251
- package/data/harnesses/code/skills/design/data/design-tokens/hashicorp/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/hashicorp/design.tokens.json +0 -1273
- package/data/harnesses/code/skills/design/data/design-tokens/ibm/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/ibm/design.tokens.json +0 -1286
- package/data/harnesses/code/skills/design/data/design-tokens/intercom/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/intercom/design.tokens.json +0 -1290
- package/data/harnesses/code/skills/design/data/design-tokens/kraken/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/kraken/design.tokens.json +0 -1270
- package/data/harnesses/code/skills/design/data/design-tokens/linear-app/design.resolver.json +0 -23
- package/data/harnesses/code/skills/design/data/design-tokens/linear-app/design.tokens.dark.json +0 -599
- package/data/harnesses/code/skills/design/data/design-tokens/linear-app/design.tokens.json +0 -1272
- package/data/harnesses/code/skills/design/data/design-tokens/lovable/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/lovable/design.tokens.json +0 -1267
- package/data/harnesses/code/skills/design/data/design-tokens/meta/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/meta/design.tokens.json +0 -1289
- package/data/harnesses/code/skills/design/data/design-tokens/minimax/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/minimax/design.tokens.json +0 -1258
- package/data/harnesses/code/skills/design/data/design-tokens/mintlify/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/mintlify/design.tokens.json +0 -1284
- package/data/harnesses/code/skills/design/data/design-tokens/miro/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/miro/design.tokens.json +0 -1291
- package/data/harnesses/code/skills/design/data/design-tokens/mistral-ai/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/mistral-ai/design.tokens.json +0 -1263
- package/data/harnesses/code/skills/design/data/design-tokens/mongodb/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/mongodb/design.tokens.json +0 -1270
- package/data/harnesses/code/skills/design/data/design-tokens/notion/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/notion/design.tokens.json +0 -1261
- package/data/harnesses/code/skills/design/data/design-tokens/nurix/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/nurix/design.tokens.json +0 -1209
- package/data/harnesses/code/skills/design/data/design-tokens/nvidia/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/nvidia/design.tokens.json +0 -1265
- package/data/harnesses/code/skills/design/data/design-tokens/ollama/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/ollama/design.tokens.json +0 -1253
- package/data/harnesses/code/skills/design/data/design-tokens/opencode-ai/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/opencode-ai/design.tokens.json +0 -1268
- package/data/harnesses/code/skills/design/data/design-tokens/posthog/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/posthog/design.tokens.json +0 -1261
- package/data/harnesses/code/skills/design/data/design-tokens/raycast/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/raycast/design.tokens.json +0 -1263
- package/data/harnesses/code/skills/design/data/design-tokens/replicate/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/replicate/design.tokens.json +0 -1266
- package/data/harnesses/code/skills/design/data/design-tokens/resend/design.resolver.json +0 -23
- package/data/harnesses/code/skills/design/data/design-tokens/resend/design.tokens.dark.json +0 -623
- package/data/harnesses/code/skills/design/data/design-tokens/resend/design.tokens.json +0 -1276
- package/data/harnesses/code/skills/design/data/design-tokens/revolut/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/revolut/design.tokens.json +0 -1264
- package/data/harnesses/code/skills/design/data/design-tokens/runwayml/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/runwayml/design.tokens.json +0 -1268
- package/data/harnesses/code/skills/design/data/design-tokens/sanity/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/sanity/design.tokens.json +0 -1270
- package/data/harnesses/code/skills/design/data/design-tokens/sentry/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/sentry/design.tokens.json +0 -1288
- package/data/harnesses/code/skills/design/data/design-tokens/shopify/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/shopify/design.tokens.json +0 -1272
- package/data/harnesses/code/skills/design/data/design-tokens/slack/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/slack/design.tokens.json +0 -1265
- package/data/harnesses/code/skills/design/data/design-tokens/spacex/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/spacex/design.tokens.json +0 -1287
- package/data/harnesses/code/skills/design/data/design-tokens/spotify/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/spotify/design.tokens.json +0 -1286
- package/data/harnesses/code/skills/design/data/design-tokens/stripe/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/stripe/design.tokens.json +0 -1285
- package/data/harnesses/code/skills/design/data/design-tokens/supabase/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/supabase/design.tokens.json +0 -1287
- package/data/harnesses/code/skills/design/data/design-tokens/superhuman/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/superhuman/design.tokens.json +0 -1278
- package/data/harnesses/code/skills/design/data/design-tokens/tesla/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/tesla/design.tokens.json +0 -1269
- package/data/harnesses/code/skills/design/data/design-tokens/theverge/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/theverge/design.tokens.json +0 -1285
- package/data/harnesses/code/skills/design/data/design-tokens/together-ai/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/together-ai/design.tokens.json +0 -1303
- package/data/harnesses/code/skills/design/data/design-tokens/uber/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/uber/design.tokens.json +0 -1274
- package/data/harnesses/code/skills/design/data/design-tokens/vercel/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/vercel/design.tokens.json +0 -1296
- package/data/harnesses/code/skills/design/data/design-tokens/voltagent/design.resolver.json +0 -23
- package/data/harnesses/code/skills/design/data/design-tokens/voltagent/design.tokens.dark.json +0 -612
- package/data/harnesses/code/skills/design/data/design-tokens/voltagent/design.tokens.json +0 -1282
- package/data/harnesses/code/skills/design/data/design-tokens/warp/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/warp/design.tokens.json +0 -1287
- package/data/harnesses/code/skills/design/data/design-tokens/webflow/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/webflow/design.tokens.json +0 -1268
- package/data/harnesses/code/skills/design/data/design-tokens/wired/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/wired/design.tokens.json +0 -1276
- package/data/harnesses/code/skills/design/data/design-tokens/wise/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/wise/design.tokens.json +0 -1273
- package/data/harnesses/code/skills/design/data/design-tokens/x-ai/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/x-ai/design.tokens.json +0 -1296
- package/data/harnesses/code/skills/design/data/design-tokens/zapier/design.resolver.json +0 -20
- package/data/harnesses/code/skills/design/data/design-tokens/zapier/design.tokens.json +0 -1286
- package/data/harnesses/code/skills/design/data/operator-pack/exemplars/command-center.tsx +0 -249
- package/data/harnesses/code/skills/design/data/operator-pack/exemplars/create-edit.tsx +0 -249
- package/data/harnesses/code/skills/design/data/operator-pack/exemplars/dashboard.tsx +0 -225
- package/data/harnesses/code/skills/design/data/operator-pack/exemplars/entity-detail.tsx +0 -249
- package/data/harnesses/code/skills/design/data/operator-pack/exemplars/list-detail.tsx +0 -224
- package/data/harnesses/code/skills/design/data/operator-pack/exemplars/log-stream.tsx +0 -249
- package/data/harnesses/code/skills/design/data/operator-pack/fixtures.md +0 -88
- package/data/harnesses/code/skills/design/data/operator-pack/surface-catalog.md +0 -132
- package/data/harnesses/code/skills/design/data/operator-pack/trust-rubric.md +0 -76
- package/data/harnesses/code/skills/design/references/create.md +0 -173
- package/data/harnesses/code/skills/design/references/diagnosis.md +0 -108
- package/data/harnesses/code/skills/design/references/hard-rules.md +0 -177
- package/data/harnesses/code/skills/design/references/improve.md +0 -116
- package/data/harnesses/code/skills/design/references/interaction.md +0 -77
- package/data/harnesses/code/skills/design/references/introspect.md +0 -100
- package/data/harnesses/code/skills/design/references/lifecycle.md +0 -73
- package/data/harnesses/code/skills/design/references/personality.md +0 -575
- package/data/harnesses/code/skills/design/references/structure.md +0 -159
- package/data/harnesses/code/skills/design/scripts/convert-design-md.mjs +0 -1312
- package/data/harnesses/code/skills/design/scripts/derive-personality.mjs +0 -1498
- package/data/harnesses/code/skills/design/scripts/generate-fixtures.mjs +0 -551
- package/data/harnesses/code/skills/design/scripts/lib/checks.mjs +0 -1092
- package/data/harnesses/code/skills/design/scripts/lib/golden.mjs +0 -26
- package/data/harnesses/code/skills/design/scripts/lib/vocabulary.mjs +0 -65
- package/data/harnesses/code/skills/design/scripts/phase-gate.mjs +0 -538
- package/data/harnesses/code/skills/design/scripts/preship-sweep.mjs +0 -312
- package/data/harnesses/code/skills/design/scripts/render-rung.mjs +0 -890
- package/data/harnesses/code/skills/design/scripts/scaffold.mjs +0 -769
- package/data/harnesses/code/skills/design/scripts/self-integrity.mjs +0 -675
- package/data/harnesses/code/skills/design/scripts/snapshot-goldens.mjs +0 -164
- package/data/harnesses/code/skills/design/scripts/validate-combinations.mjs +0 -439
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v1
|
|
3
|
-
product: Cohere
|
|
4
|
-
provenance: library
|
|
5
|
-
sourced: 2026-07-04
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
# Cohere — an operator reading of the enterprise-AI editorial system
|
|
9
|
-
|
|
10
|
-
Cohere's web system is a controlled enterprise-AI interface: stark white editorial canvas, a
|
|
11
|
-
monochrome near-black UI shell, warm mineral surfaces, and a type split between carved display
|
|
12
|
-
headlines and precise Unica77 UI text. This entry is the *operator* reading of that brand — an
|
|
13
|
-
internal tool (agent console, review queue, research dashboard) in Cohere's language. What carries:
|
|
14
|
-
the white canvas, near-black actions, one cool blue for interactive detail, hairline-led flatness, the
|
|
15
|
-
rounded-but-not-pill radii, and the light-weight, tightly-tracked type voice. What stays behind: the
|
|
16
|
-
hero-scale display type (96/72/60px), pill CTAs, coral editorial taxonomy, and the deep-green/navy
|
|
17
|
-
media bands where color arrives through photography, not chrome.
|
|
18
|
-
|
|
19
|
-
## 1 Visual Theme
|
|
20
|
-
|
|
21
|
-
Light by default; dark is opt-in. Emphatically flat — hierarchy is carried by hairline `border`,
|
|
22
|
-
surface alternation, and tight type, never by shadow. The shell is austere black-and-white: a white
|
|
23
|
-
canvas, near-black ink, and a single chromatic accent, `accent-foreground` action-blue, reserved for
|
|
24
|
-
links, selection, and the one detail that must read as clickable. The primary action wears near-black
|
|
25
|
-
`primary`, not a color — a monochrome UI where color arrives through data, not chrome. Warm soft-stone
|
|
26
|
-
tints `secondary` so the system reads editorial. Density is `spacious`: whitespace is a trust signal
|
|
27
|
-
here, so rows run tall and sections breathe.
|
|
28
|
-
|
|
29
|
-
## 2 Color Roles
|
|
30
|
-
|
|
31
|
-
One chromatic accent — action-blue is the only hue that carries interactive meaning; status hues
|
|
32
|
-
speak only status.
|
|
33
|
-
|
|
34
|
-
| Role | Value | Allowed where |
|
|
35
|
-
| --- | --- | --- |
|
|
36
|
-
| `background` / `card` / `popover` | canvas white `#ffffff` | page, cards, and overlays — the dominant surface |
|
|
37
|
-
| `foreground` | ink `#212121` | all primary text |
|
|
38
|
-
| `muted` | soft neutral `#f2f2f2` | hover rows, subtle fills, containment |
|
|
39
|
-
| `muted-foreground` | body-muted `#616161` | labels, captions, secondary text |
|
|
40
|
-
| `secondary` | soft-stone `#eeece7` | warm neutral blocks, secondary buttons — the mineral surface |
|
|
41
|
-
| `border` / `input` | hairline `#d9d9dd` | every list rule, grid line, and field edge |
|
|
42
|
-
| `primary` | near-black `#17171c` | the one primary action; active nav — a neutral, not a color |
|
|
43
|
-
| `accent` | pale-blue wash `#f1f5ff` | selected/hovered rows and nav |
|
|
44
|
-
| `accent-foreground` | action-blue `#1863dc` | links, the single interactive-detail hue |
|
|
45
|
-
| `ring` | focus-blue `#4c6ee6` | the keyboard focus outline — the brand's own focus color |
|
|
46
|
-
| `destructive` | error red `#b30000` | destructive actions and error state only |
|
|
47
|
-
| `success` / `warning` | emerald / burnt-coral | status signalling only, never chrome |
|
|
48
|
-
|
|
49
|
-
Coral, deep enterprise green, and dark navy are marketing graces — editorial taxonomy chips and
|
|
50
|
-
media bands with no operator chrome role (see §7); deep-green and navy survive only as chart hues.
|
|
51
|
-
|
|
52
|
-
## 3 Typography
|
|
53
|
-
|
|
54
|
-
Two families for the UI, one for technical labels. `font-sans` is Unica77 Cohere Web (Inter fallback) —
|
|
55
|
-
body, UI, and headings all ride it; size, tracking, and surface contrast carry hierarchy, not heavy
|
|
56
|
-
weight. `font-mono` is CohereMono for IDs, codes, timestamps, and the uppercase labels that mark
|
|
57
|
-
systems and taxonomy. Numeric columns render `tabular-nums`. The display faces (CohereText hero at
|
|
58
|
-
96/72px) stay behind — an operator surface starts at the UI end of the ramp.
|
|
59
|
-
|
|
60
|
-
| Step | Role | Size · line | Weight · tracking |
|
|
61
|
-
| --- | --- | --- | --- |
|
|
62
|
-
| h1 | page title | 24px / 1.3 | `font-weight-strong` · `heading-tracking` |
|
|
63
|
-
| h2 | section head | 20px / 1.35 | `font-weight-strong` · `-0.01em` |
|
|
64
|
-
| h3 | card / group head | 16px / 1.4 | `font-weight-strong` |
|
|
65
|
-
| body | UI + prose | 15px / 1.5 | `font-weight-normal` |
|
|
66
|
-
| small | labels, meta, dense table | 13px / 1.45 | `font-weight-normal` |
|
|
67
|
-
| mono-label | uppercase system / category marker | 13px / 1.4 | `font-mono`, `+0.28px`, uppercase |
|
|
68
|
-
|
|
69
|
-
Keep display type tight and carved; avoid heavy bold — hierarchy is size, tracking, and contrast.
|
|
70
|
-
Bump weight one step for emphasis; never change size to emphasize.
|
|
71
|
-
|
|
72
|
-
## 4 Component Stylings
|
|
73
|
-
|
|
74
|
-
Every recurring operator component composes from the primitives — no literal values.
|
|
75
|
-
|
|
76
|
-
- **Button** — primary: filled near-black `primary` on `primary-foreground`, `radius`, never a pill (the
|
|
77
|
-
32px pill is marketing-only). Secondary: `secondary` soft-stone fill, `border`. Ghost: `accent` hover.
|
|
78
|
-
- **Input** — `background` fill, 1px `border`, `radius`; focus draws the `ring` at full 2px, no glow.
|
|
79
|
-
- **Card** — `card` surface, 1px `border`, `radius`; shadow only for a true overlay; inset `density-inset`.
|
|
80
|
-
- **Table row** — height `table-row-height` (tall, editorial); `border` grid lines carry the rows;
|
|
81
|
-
`muted` on hover; `tabular-nums` on numeric columns; selection tints `accent`.
|
|
82
|
-
- **Side panel** — detail and edit open in the panel (`side-panel-width` / `side-panel-width-rich`),
|
|
83
|
-
beside the work, not over it.
|
|
84
|
-
- **Badge** — hairline `border`, `muted`/status fill, uppercase mono label; status badges take
|
|
85
|
-
`success` / `warning` / `destructive`, never `primary` or `accent-foreground`.
|
|
86
|
-
|
|
87
|
-
## 5 Layout
|
|
88
|
-
|
|
89
|
-
Base spacing follows an 8px cadence; the on-scale ramp is `2 · 6 · 8 · 12 · 16 · 24 · 32 · 40 · 56 ·
|
|
90
|
-
80` — the 80 preserves Cohere's dramatic section breathing. Shell dimensions map one-to-one to the
|
|
91
|
-
layout primitives: sidebar `sidebar-width-expanded` / `sidebar-width-collapsed`, topbar
|
|
92
|
-
`topbar-height`, side panel `side-panel-width` / `side-panel-width-rich`, modal cap `modal-width-max`,
|
|
93
|
-
forms `form-max-width`, tables full-width. Density is governed globally by `density-tier` (spacious)
|
|
94
|
-
and stepped per archetype by the surface catalog.
|
|
95
|
-
|
|
96
|
-
## 6 Depth
|
|
97
|
-
|
|
98
|
-
Emphatically flat. Depth comes from surface alternation, hairline borders, and rounded corners — never
|
|
99
|
-
drop shadows.
|
|
100
|
-
|
|
101
|
-
- **0 — canvas** `background`, no border.
|
|
102
|
-
- **1 — panel / card** `card` on a 1px `border`; borders and warm `secondary` blocks carry rank.
|
|
103
|
-
- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
|
|
104
|
-
shadow. No level stacks a heavier shadow; rank is border, surface, and position.
|
|
105
|
-
|
|
106
|
-
Focus is a 2px `ring` (focus-blue) outline, never a glow, on every interactive element. Three
|
|
107
|
-
z-levels: content, sticky chrome, overlay.
|
|
108
|
-
|
|
109
|
-
## 7 Do's & Don'ts
|
|
110
|
-
|
|
111
|
-
- **Do** reserve near-black `primary` for the single most important action; keep the shell monochrome.
|
|
112
|
-
- **Do** carry the grid with hairlines and surface alternation — the brand is border-led and flat.
|
|
113
|
-
- **Do** let action-blue `accent-foreground` be the one chromatic hue for links, selection, and focus.
|
|
114
|
-
- **Do** apply `tabular-nums` to numeric columns and `font-mono` to IDs, codes, and uppercase labels.
|
|
115
|
-
- **Don't** pill the CTA or reach for a radius outside `radius-scale` — the 32px pill stays in
|
|
116
|
-
marketing.
|
|
117
|
-
- **Don't** turn coral, deep-green, or navy into decorative surface fills; they are media-band and
|
|
118
|
-
editorial-taxonomy colors, not operator chrome.
|
|
119
|
-
- **Don't** add heavy drop shadows to cards; reach past a hairline only for a real overlay.
|
|
120
|
-
- **Don't** collapse the display/body type split into one flat sans, or promote a second chromatic
|
|
121
|
-
accent.
|
|
122
|
-
|
|
123
|
-
## 8 Responsive
|
|
124
|
-
|
|
125
|
-
The operator sweep is 375 / 768 / 1024 / 1440.
|
|
126
|
-
|
|
127
|
-
| Breakpoint | What changes |
|
|
128
|
-
| --- | --- |
|
|
129
|
-
| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; rows keep their rule structure, metadata below the title |
|
|
130
|
-
| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); card grids drop 3→2; tables scroll overflow |
|
|
131
|
-
| 1024 | sidebar expands; two-pane queue+detail holds side by side; 3-column grids return |
|
|
132
|
-
| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width with generous section intervals |
|
|
133
|
-
|
|
134
|
-
## 9 Agent Prompt Guide
|
|
135
|
-
|
|
136
|
-
Directives the emitting agent follows verbatim:
|
|
137
|
-
|
|
138
|
-
- Reach first for the monochrome shell: white canvas, near-black `primary` actions, hairline borders.
|
|
139
|
-
- One chromatic accent — action-blue `accent-foreground` for links, selection, focus. A second hue as
|
|
140
|
-
chrome is wrong; color belongs to data and status.
|
|
141
|
-
- Stay flat — hairline and surface alternation before shadow; reach past a hairline only for a real
|
|
142
|
-
overlay. Honor the editorial calm: spacious density, tall rows, generous section gaps.
|
|
143
|
-
- Uppercase mono labels (`font-mono`) mark categories and systems; every numeric column is
|
|
144
|
-
`tabular-nums`; every ID / code / timestamp is `font-mono`. Every workflow completes from the
|
|
145
|
-
keyboard, the focus-blue `ring` always visible.
|
|
146
|
-
- Leave behind: hero/product display type (96/72/60px), pill CTAs, coral taxonomy chips, and the
|
|
147
|
-
deep-green/navy marketing media bands — brand-decorative, not operator chrome.
|
|
@@ -1,156 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v1
|
|
3
|
-
product: Coinbase
|
|
4
|
-
provenance: library
|
|
5
|
-
sourced: 2026-07-04
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
# Coinbase — the operator reading
|
|
9
|
-
|
|
10
|
-
The institutional-calm reading of Coinbase's brand — a quietly-confident financial-services look
|
|
11
|
-
that happens to trade crypto. Coinbase's own surfaces are marketing-editorial: an 80px hero display,
|
|
12
|
-
full-bleed near-black heroes carrying floating product-UI mockup cards, a white/gray/dark band
|
|
13
|
-
rotation at a 96px rhythm. This entry keeps what survives at operator scale — the pure-white canvas,
|
|
14
|
-
the single scarce Coinbase Blue accent, the cool near-black ink, the rounded geometry, the
|
|
15
|
-
editorial-calm type voice — and leaves the heroes, hero display, mockup stacks, and 96px rhythm
|
|
16
|
-
behind. Where a fellow exchange (Binance) runs a dense trading terminal, Coinbase reads calmer — its
|
|
17
|
-
density lives behind login walls, so the operator tier stays an honest `standard`.
|
|
18
|
-
|
|
19
|
-
## 1 Visual Theme
|
|
20
|
-
|
|
21
|
-
Light by default; the near-black editorial heroes are marketing and stay behind. Flat: depth comes from
|
|
22
|
-
card-on-card layering and 1px hairlines, never decorative shadow. A single accent — Coinbase Blue
|
|
23
|
-
`primary` (`#0052ff`) — is used scarcely, one or two blue moments per surface, on the one action that
|
|
24
|
-
matters. Ink is a cool near-black `foreground` (`#0a0b0d`) on a pure-white `background` (`#ffffff`); the
|
|
25
|
-
neutral field is a cool gray ladder (`#f7f7f7` → `#eef0f3`) that reads institutional, not flatly warm.
|
|
26
|
-
The geometry is rounded — soft corners throughout, sharp corners essentially absent. Density is
|
|
27
|
-
`standard` and editorially calm; the anchor surface is a white canvas beside a faintly cool `sidebar`.
|
|
28
|
-
|
|
29
|
-
## 2 Color Roles
|
|
30
|
-
|
|
31
|
-
Light values. One accent: `primary` is the only chromatic hue that carries brand meaning; the
|
|
32
|
-
trading up/down hues and sub-brand gold speak status only.
|
|
33
|
-
|
|
34
|
-
| Role | Value | Allowed where |
|
|
35
|
-
| --- | --- | --- |
|
|
36
|
-
| `background` / `card` / `popover` | pure white `#ffffff` | page, cards, and overlays — the dominant surface, differentiated by hairline not brightness |
|
|
37
|
-
| `foreground` | cool near-black `#0a0b0d` | all primary ink and headings |
|
|
38
|
-
| `muted` | soft gray `#f7f7f7` | hover rows, subtle fills, quiet alternating bands |
|
|
39
|
-
| `secondary` | strong gray `#eef0f3` | secondary button fill, one step darker than canvas |
|
|
40
|
-
| `muted-foreground` | cool gray `#5b616e` | labels, captions, secondary running text |
|
|
41
|
-
| `border` / `input` | hairline `#dee1e6` | every separator, grid line, and field edge — the highest-frequency token |
|
|
42
|
-
| `primary` | Coinbase Blue `#0052ff` (press `#003ecc`, disabled `#a8b8cc`) | the one primary action; active nav; the inline brand link — used scarcely |
|
|
43
|
-
| `accent` | blue wash `#e6eeff` | selected/hovered rows and nav — a light wash of `primary`, on-accent surfaces only |
|
|
44
|
-
| `ring` | `primary` blue | the focus outline — inputs focus to a 2px Coinbase Blue edge |
|
|
45
|
-
| `destructive` | trading-down red `#cf202f` | destructive actions, error state, and down-moves |
|
|
46
|
-
| `success` | trading-up green `#05b169` | success status and up-moves |
|
|
47
|
-
| `warning` | gold `#f4b000` | caution status only — never a chrome fill |
|
|
48
|
-
|
|
49
|
-
The `#0a0b0d` near-black is ink here, not a page surface — the full-bleed dark heroes it powers stay
|
|
50
|
-
behind (§9). Blue stays scarce; the up/down hues live only in figures and status.
|
|
51
|
-
|
|
52
|
-
## 3 Typography
|
|
53
|
-
|
|
54
|
-
One sans, one mono. `font-sans` is Inter — the corpus-named substitute for both CoinbaseDisplay and
|
|
55
|
-
CoinbaseSans; the single sans serves UI, body, headings, and labels, with heading weight and the
|
|
56
|
-
editorial negative tracking carrying the display voice. `font-mono` is JetBrains Mono (substitute for
|
|
57
|
-
CoinbaseMono) — the "trustworthy number" voice for asset prices, percent changes, IDs, and timestamps.
|
|
58
|
-
Numeric columns render `tabular-nums` so figures align down a column.
|
|
59
|
-
|
|
60
|
-
| Step | Role | Size · line | Weight · tracking |
|
|
61
|
-
| --- | --- | --- | --- |
|
|
62
|
-
| h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
|
|
63
|
-
| h2 | section head | 18px / 1.33 | `font-weight-strong` · `heading-tracking` |
|
|
64
|
-
| h3 | card / group head | 16px / 1.25 | `font-weight-strong` |
|
|
65
|
-
| body | UI + prose | 14px / 1.5 | `font-weight-normal` |
|
|
66
|
-
| small | labels, meta, dense table | 13px / 1.5 | `font-weight-normal` |
|
|
67
|
-
| caption | uppercase eyebrow | 12px / 1.5 | `font-weight-strong`, uppercase |
|
|
68
|
-
| number | table figures, prices | 14px / 1.4 · 500 | `font-mono`, `tabular-nums` |
|
|
69
|
-
|
|
70
|
-
The corpus's editorial signature — a modest display weight (400) with strong negative tracking — lives
|
|
71
|
-
on the 80/64/52px hero display, which stays behind. At operator heading scale, weight steps to
|
|
72
|
-
`font-weight-strong` (600) while the negative tracking carries.
|
|
73
|
-
|
|
74
|
-
## 4 Component Stylings
|
|
75
|
-
|
|
76
|
-
Every recurring operator component composes from the primitives — no literal values.
|
|
77
|
-
|
|
78
|
-
- **Button** — `primary`: filled Coinbase Blue on `primary-foreground`, `radius` (8px), no hero pill;
|
|
79
|
-
press darkens to the active blue, disabled fades. Secondary: `secondary` gray fill, `foreground`.
|
|
80
|
-
Tertiary: transparent text in `primary`.
|
|
81
|
-
- **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus draws the `ring` at a
|
|
82
|
-
2px Coinbase Blue edge, no glow.
|
|
83
|
-
- **Card** — `card` surface on a 1px `border`; card radius steps one or two up from control radius (the
|
|
84
|
-
corpus's containers are notably round); shadow only when a card must lift off the canvas.
|
|
85
|
-
- **Table / asset row** — height `table-row-height`; `border` grid lines; `muted` on hover; selection
|
|
86
|
-
tints `accent`; price/amount cells take `font-mono` + `tabular-nums`; direction cells take `success`
|
|
87
|
-
(up) / `destructive` (down) as text color, never a fill.
|
|
88
|
-
- **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich`),
|
|
89
|
-
beside the work, not over it.
|
|
90
|
-
- **Badge / avatar** — pill/full radius (the round brand nod): badges take hairline `border`, `muted` /
|
|
91
|
-
status fill, uppercase caption (`success` / `warning` / `destructive`, never `primary`); asset glyphs
|
|
92
|
-
sit on a full-circle `muted` plate — the one place full-round geometry carries.
|
|
93
|
-
|
|
94
|
-
## 5 Layout
|
|
95
|
-
|
|
96
|
-
Base spacing unit 4px; the on-scale ramp is `4 · 8 · 12 · 16 · 20 · 24 · 32 · 48` (the marketing 96px
|
|
97
|
-
section rhythm stays behind). Shell dimensions map one-to-one to the layout primitives: topbar
|
|
98
|
-
`topbar-height` (64px, Coinbase's native top-nav height), sidebar `sidebar-width-expanded` /
|
|
99
|
-
`sidebar-width-collapsed`, side panel `side-panel-width` / `side-panel-width-rich`, modal cap
|
|
100
|
-
`modal-width-max`, forms `form-max-width`, tables full-width. Density is governed globally by
|
|
101
|
-
`density-tier` and stepped per archetype by the surface catalog — never by absolute overrides; the
|
|
102
|
-
layout breathes a hair more than a dense console, editorial calm carried through spacing.
|
|
103
|
-
|
|
104
|
-
## 6 Depth
|
|
105
|
-
|
|
106
|
-
Flat, layering-first. Hierarchy comes from the surface ladder and hairlines, not shadow:
|
|
107
|
-
|
|
108
|
-
- **0 — canvas** `background` (`#ffffff`), no border.
|
|
109
|
-
- **1 — panel / card** `card` on a 1px `border`; the corpus builds depth by floating one card over
|
|
110
|
-
another, so rank reads by hairline and position, not brightness. Shadow only when a card must lift.
|
|
111
|
-
- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns the single
|
|
112
|
-
soft shadow tier (`sm`); no level stacks a heavier shadow to signal rank.
|
|
113
|
-
|
|
114
|
-
Focus is a 2px `ring` (Coinbase Blue) outline, never a glow, on every interactive element; three
|
|
115
|
-
z-levels: content, sticky chrome, overlay.
|
|
116
|
-
|
|
117
|
-
## 7 Do's & Don'ts
|
|
118
|
-
|
|
119
|
-
- **Do** reserve `primary` (Coinbase Blue) for the single most important action, active nav, and inline
|
|
120
|
-
brand links — one or two blue moments per surface. Its scarcity is the brand.
|
|
121
|
-
- **Do** keep the geometry rounded — 8px controls, rounder cards, pill badges, full-circle glyphs — and
|
|
122
|
-
build depth by layering cards over hairlines, the way the marketing surfaces float mockups.
|
|
123
|
-
- **Do** carry every figure in `font-mono` with `tabular-nums`; direction rides `success` /
|
|
124
|
-
`destructive` as text color.
|
|
125
|
-
- **Don't** introduce a second brand accent — the trading up/down hues and the sub-brand gold are
|
|
126
|
-
status/chart roles; and never use green or red as a button or surface fill (direction is text only).
|
|
127
|
-
- **Don't** pill dense operator buttons — the hero pill CTA stays behind; buttons take 8px `radius`,
|
|
128
|
-
pill radius is for badges and chips.
|
|
129
|
-
- **Don't** signal elevation with heavy or stacked drop shadows — the system has one soft tier.
|
|
130
|
-
|
|
131
|
-
## 8 Responsive
|
|
132
|
-
|
|
133
|
-
The operator sweep is 375 / 768 / 1024 / 1440.
|
|
134
|
-
|
|
135
|
-
| Breakpoint | What changes |
|
|
136
|
-
| --- | --- |
|
|
137
|
-
| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; asset rows stack ticker over price |
|
|
138
|
-
| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
|
|
139
|
-
| 1024 | sidebar expands; two-pane queue+detail holds side by side |
|
|
140
|
-
| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
|
|
141
|
-
|
|
142
|
-
## 9 Agent Prompt Guide
|
|
143
|
-
|
|
144
|
-
Directives the emitting agent follows verbatim:
|
|
145
|
-
|
|
146
|
-
- Anchor on the pure-white canvas; accent only the primary action in Coinbase Blue. If two things want
|
|
147
|
-
the blue, one is not primary — keep it to one or two moments per surface.
|
|
148
|
-
- Keep the geometry rounded and calm: 8px controls, 16–24px cards, pill badges, full-circle glyphs.
|
|
149
|
-
Never sharp-corner a control.
|
|
150
|
-
- Every numeric column is `tabular-nums` and every price / ID / timestamp is `font-mono`; direction and
|
|
151
|
-
status ride `success` / `destructive` as text color, never a fill.
|
|
152
|
-
- Stay flat — layer cards over hairlines before any shadow; reach past the single soft tier only for a
|
|
153
|
-
true overlay. Emphasise by weight, not size; carry the negative `heading-tracking` on headings.
|
|
154
|
-
- Leave the marketing skin behind (heroes, 80px display, mockup stacks, band rotation, 96px rhythm,
|
|
155
|
-
hero pill CTA). What carries: the palette, its cool temperature, the single scarce blue, the rounded
|
|
156
|
-
geometry, the tabular number voice, and card-on-card flat depth.
|
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v1
|
|
3
|
-
product: Composio
|
|
4
|
-
provenance: library
|
|
5
|
-
sourced: 2026-07-04
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
# Composio — dark developer-infrastructure operator design
|
|
9
|
-
|
|
10
|
-
An operator reading of Composio, a developer-tools brand for AI-agent tool integration. Composio is
|
|
11
|
-
**categorically dark** — a near-black canvas holding white type and a single electric-blue voltage —
|
|
12
|
-
so this entry keeps dark as the default theme (the categorically-dark override of the general
|
|
13
|
-
light-default). Carrying in: the palette, the cool near-black temperature, the compact
|
|
14
|
-
developer-ergonomic radii, the single sans voice. Staying behind: the marketing signature — the 2×2
|
|
15
|
-
terminal-mockup hero, the spotlight glows, the 72px display, the 96px section rhythm.
|
|
16
|
-
|
|
17
|
-
## 1 Visual Theme
|
|
18
|
-
|
|
19
|
-
Dark by default — a light inversion is the opt-in, not the base. Flat: hierarchy comes from a
|
|
20
|
-
brightness-step surface ladder (`background` → `card` → `secondary`/`accent`), hairline `border`, and
|
|
21
|
-
type weight, never from drop shadow. A single accent, Composio Blue `primary` (`#0007cd`), reserved
|
|
22
|
-
for the one action that matters — primary CTA, active nav, key interactive detail. The neutral ramp is
|
|
23
|
-
a true cool near-black: canvas `#0f0f0f`, cards `#181818`, elevated fills `#222222`. The anchor surface
|
|
24
|
-
is a near-black content canvas beside a same-tone `sidebar` that the hairline `border` delineates.
|
|
25
|
-
Density is `standard` — technical but not cramped, inheriting the marketing's composure over terminal-cramming.
|
|
26
|
-
|
|
27
|
-
## 2 Color Roles
|
|
28
|
-
|
|
29
|
-
Dark values are the default theme. `primary` is the only chromatic hue that carries meaning; cyan
|
|
30
|
-
and violet are illustration-only and take no operator role; status hues speak only status.
|
|
31
|
-
|
|
32
|
-
| Role | Value | Allowed where |
|
|
33
|
-
| --- | --- | --- |
|
|
34
|
-
| `background` | `#0f0f0f` | the page floor — near-black canvas, the dominant surface |
|
|
35
|
-
| `card` / `popover` | `#181818` / `#2a2a2a` | content cards; overlays and dropdowns lift to the top surface |
|
|
36
|
-
| `foreground` | `#ffffff` | primary ink — table values, headings, high-emphasis text |
|
|
37
|
-
| `muted` / `secondary` | `#222222` | subtle fills, secondary buttons, disabled surfaces |
|
|
38
|
-
| `muted-foreground` | `#a8a8a8` | labels, captions, running secondary text |
|
|
39
|
-
| `border` / `input` | `#222222` / `#333333` | every separator and grid line; fields take the stronger hairline edge |
|
|
40
|
-
| `primary` | `#0007cd` | the one primary action; active nav; brand detail |
|
|
41
|
-
| `accent` | `#2a2a2a` | hover and selected rows — a neutral lift, never a second hue |
|
|
42
|
-
| `ring` | `#1a26ff` | the focus outline — the brighter blue glow tone, legible on near-black |
|
|
43
|
-
| `destructive` | `#ff4d4d` | destructive actions and error state only |
|
|
44
|
-
| `success` / `warning` | `#33d17a` / `#f5a524` | status signalling only, never chrome |
|
|
45
|
-
|
|
46
|
-
Pure black `#000000` is reserved for code, terminal, and log surfaces — never as general chrome (see §7).
|
|
47
|
-
|
|
48
|
-
## 3 Typography
|
|
49
|
-
|
|
50
|
-
One sans, one mono. `font-sans` is abcDiatype (the licensed brand face) with Inter as the open
|
|
51
|
-
substitute at weight 500 / -1.5% tracking — UI, body, and headings all ride it; weight and tight
|
|
52
|
-
tracking, not a second family, carry the display voice. `font-mono` is JetBrains Mono for code, CLI,
|
|
53
|
-
IDs, and log lines. Numeric columns render `tabular-nums` so figures align down a column.
|
|
54
|
-
|
|
55
|
-
| Step | Role | Size · line | Weight · tracking |
|
|
56
|
-
| --- | --- | --- | --- |
|
|
57
|
-
| h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
|
|
58
|
-
| h2 | section head | 18px / 1.4 | `font-weight-strong` · `heading-tracking` |
|
|
59
|
-
| h3 | card / group head | 16px / 1.4 | `font-weight-strong` · `heading-tracking` |
|
|
60
|
-
| body | UI + prose | 16px / 1.5 | `font-weight-normal` |
|
|
61
|
-
| small | labels, meta, dense table | 14px / 1.5 | `font-weight-normal` |
|
|
62
|
-
| caption | uppercase eyebrow | 11px / 1.4 | `font-weight-strong`, `+0.08em`, uppercase |
|
|
63
|
-
| code | IDs, CLI, log lines | 13px / 1.5 | `font-mono` · 400 |
|
|
64
|
-
|
|
65
|
-
Bump weight for emphasis, never size; display weight never drops below 500.
|
|
66
|
-
|
|
67
|
-
## 4 Component Stylings
|
|
68
|
-
|
|
69
|
-
- **Button** — `primary`: filled `primary` on `primary-foreground`, `radius` (8px), no pill. Secondary:
|
|
70
|
-
`secondary` fill, `foreground`, `radius`. Ghost: transparent, `accent` on hover.
|
|
71
|
-
- **Input** — `card` fill, 1px `input` border (`border-weight`), `radius`; focus draws the `ring` at
|
|
72
|
-
full 2px, no glow.
|
|
73
|
-
- **Card** — `card` surface stepped one brightness rung above `background`, 1px `border`, `radius`;
|
|
74
|
-
depth from the surface step, not shadow.
|
|
75
|
-
- **Table row** — height `table-row-height`; `border` grid lines; `accent` on hover and selection;
|
|
76
|
-
`tabular-nums` on numeric columns; IDs in `font-mono`.
|
|
77
|
-
- **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich`
|
|
78
|
-
for content-heavy), beside the work, not over it.
|
|
79
|
-
- **Badge** — hairline `border`, `muted`/status fill, uppercase caption; status badges take
|
|
80
|
-
`success` / `warning` / `destructive`, never `primary`. Pill radius is legal for small label badges only.
|
|
81
|
-
|
|
82
|
-
## 5 Layout
|
|
83
|
-
|
|
84
|
-
Base spacing unit 4px; the on-scale ramp is `4 · 8 · 12 · 16 · 20 · 24 · 32 · 48 · 96`. Shell
|
|
85
|
-
dimensions map one-to-one to the layout primitives: sidebar `sidebar-width-expanded` /
|
|
86
|
-
`sidebar-width-collapsed`, topbar `topbar-height`, side panel `side-panel-width` /
|
|
87
|
-
`side-panel-width-rich`, modal cap `modal-width-max`, forms `form-max-width`, tables full-width.
|
|
88
|
-
Density is governed globally by `density-tier` through `density-gap` and stepped per archetype by the
|
|
89
|
-
surface catalog — never by absolute overrides.
|
|
90
|
-
|
|
91
|
-
## 6 Depth
|
|
92
|
-
|
|
93
|
-
Flat, brightness-step depth — the brand's signature. Rank rises by surface brightness, not shadow:
|
|
94
|
-
|
|
95
|
-
- **0 — canvas** `background` (`#0f0f0f`), no border.
|
|
96
|
-
- **1 — panel / card** `card` (`#181818`) one rung up, on a 1px `border`.
|
|
97
|
-
- **2 — overlay** `popover` / side panel / modal (`#2a2a2a`), the top rung; `shadow-intensity` stays
|
|
98
|
-
near-absent even here — the brightness step carries the lift.
|
|
99
|
-
|
|
100
|
-
Code, terminal, and log surfaces recess to pure `#000000`. Focus is a 2px `ring` outline in the
|
|
101
|
-
`primary-glow` blue (never a glow), on every interactive element. Three z-levels: content, chrome, overlay.
|
|
102
|
-
|
|
103
|
-
## 7 Do's & Don'ts
|
|
104
|
-
|
|
105
|
-
- **Do** reserve `primary` (Composio Blue) for the single most important action on a surface;
|
|
106
|
-
everything else is neutral or status.
|
|
107
|
-
- **Do** carry depth with the brightness-step ladder and hairlines — the brand adds no drop-shadow tiers.
|
|
108
|
-
- **Do** render code, CLI, IDs, and timestamps in `font-mono`; apply `tabular-nums` to numeric columns.
|
|
109
|
-
- **Do** keep CTAs at `radius` (8px) — compact developer-ergonomic geometry, not full pills.
|
|
110
|
-
- **Don't** promote a second chromatic accent — cyan (`#00d4ff`) and violet (`#7b3aed`) are
|
|
111
|
-
illustration-only; pill the primary CTA; or reach for a radius outside `radius-scale`.
|
|
112
|
-
- **Don't** use pure `#000000` outside code/terminal/log surfaces, signal elevation with heavy drop
|
|
113
|
-
shadows, or drop display weight below 500.
|
|
114
|
-
|
|
115
|
-
## 8 Responsive
|
|
116
|
-
|
|
117
|
-
The operator sweep is 375 / 768 / 1024 / 1440.
|
|
118
|
-
|
|
119
|
-
| Breakpoint | What changes |
|
|
120
|
-
| --- | --- |
|
|
121
|
-
| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
|
|
122
|
-
| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); top nav → hamburger; tables scroll overflow |
|
|
123
|
-
| 1024 | sidebar expands; two-pane queue+detail holds side by side |
|
|
124
|
-
| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
|
|
125
|
-
|
|
126
|
-
## 9 Agent Prompt Guide
|
|
127
|
-
|
|
128
|
-
Directives the emitting agent follows verbatim:
|
|
129
|
-
|
|
130
|
-
- Run dark by default — this brand is categorically dark; the light map is the opt-in, not the base.
|
|
131
|
-
- Lead every list surface with its table; lead every entity with its primary read, not its chrome.
|
|
132
|
-
- Accent only the primary action with Composio Blue. If two things want the accent, one is not primary.
|
|
133
|
-
- Depth is a brightness step, never a shadow — step surfaces up from `background` to `card` to overlay.
|
|
134
|
-
- Code, CLI, IDs, and log lines are `font-mono`; numeric columns are `tabular-nums`; code surfaces
|
|
135
|
-
recess to `#000000`.
|
|
136
|
-
- Detail and edit go in the side panel; a modal is a confirmation, not a workspace.
|
|
137
|
-
- Leave the marketing behind — no terminal-mockup hero, no spotlight glows, no 72px display, no 96px
|
|
138
|
-
band rhythm. The palette, near-black temperature, 8px radii, and single sans voice carry; the show does not.
|
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v1
|
|
3
|
-
product: Cursor
|
|
4
|
-
provenance: library
|
|
5
|
-
sourced: 2026-07-04
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
# Cursor — the warm-cream editorial dev-tool operator design
|
|
9
|
-
|
|
10
|
-
Cursor's marketing site is a quietly-confident developer brand that chose editorial calm over
|
|
11
|
-
IDE-darkness: a warm cream canvas, warm near-black ink carrying body and display alike, a single orange
|
|
12
|
-
voltage, and JetBrains Mono across the roughly-half of the page that is code. This entry is the
|
|
13
|
-
*operator* reading of that brand — an internal tool (agent-ops console, run queue, cluster dashboard,
|
|
14
|
-
log stream) in Cursor's language. What carries: the warm cream canvas (never pure white), warm ink, the
|
|
15
|
-
single Cursor Orange accent held scarce, the editorial magazine voice (display at 400 with negative
|
|
16
|
-
tracking, never bold), JetBrains Mono on every code surface, hairline-only flat depth, and the 8px
|
|
17
|
-
developer-dialect button radius. What stays behind: the 72px hero display, the full-width IDE mockup,
|
|
18
|
-
the 80px section rhythm, the ink-inverted featured card, and the marketing CTA bands.
|
|
19
|
-
|
|
20
|
-
**Warm, but light.** The cream canvas (`#f7f7f4`) is deliberate warmth, not the cool gray-white the
|
|
21
|
-
category defaults to — but it reads *light*, so the light-default floor holds cleanly (no
|
|
22
|
-
categorically-dark exception); warmth is temperature, not polarity.
|
|
23
|
-
|
|
24
|
-
## 1 Visual Theme
|
|
25
|
-
|
|
26
|
-
Light by default; dark is opt-in. The whole UI floats on Cursor's warm cream `background` (`#f7f7f4`);
|
|
27
|
-
cards step up to pure white `card` (`#ffffff`), so a panel reads by a hair of brightness plus its
|
|
28
|
-
hairline, not by shadow. Emphatically flat: hierarchy is carried by warm hairline `border`, type
|
|
29
|
-
weight, and the cream-to-white surface step — never a drop shadow. A single accent, Cursor Orange
|
|
30
|
-
`primary` (`#f54e00`), is held scarce — the one primary action, the active-nav indicator, the focus
|
|
31
|
-
`ring`. Ink is a warm near-black `foreground` (`#26251e`) — warm where every other tool is cool.
|
|
32
|
-
Density is `standard`; editorial pacing survives as slightly generous shell dimensions, not loose grids.
|
|
33
|
-
|
|
34
|
-
## 2 Color Roles
|
|
35
|
-
|
|
36
|
-
Light values. One accent — `primary` is the only chromatic hue that carries UI meaning; the timeline
|
|
37
|
-
pastels live only in charts and agent-stage chips (see §7), status hues speak only status.
|
|
38
|
-
|
|
39
|
-
| Role | Value | Allowed where |
|
|
40
|
-
| --- | --- | --- |
|
|
41
|
-
| `background` | warm cream `#f7f7f4` | the page floor and content canvas — the dominant surface |
|
|
42
|
-
| `card` / `popover` | pure white `#ffffff` | cards and overlays — a slight bright lift off the cream, differentiated by hairline |
|
|
43
|
-
| `foreground` | warm near-black `#26251e` | display and all primary ink |
|
|
44
|
-
| `muted` / `secondary` | soft warm fill `#efeee8` | hover rows, quiet band tints, secondary-button fill |
|
|
45
|
-
| `muted-foreground` | warm gray `#807d72` | labels, captions, secondary text |
|
|
46
|
-
| `border` / `input` | warm hairline `#e6e5e0` | every separator, grid line, and field edge — one warm step, not an ink line |
|
|
47
|
-
| `primary` | Cursor Orange `#f54e00` | the one primary action; the focus `ring`; the active-nav indicator |
|
|
48
|
-
| `primary-foreground` | white `#ffffff` | text on the orange action |
|
|
49
|
-
| `accent` | warm selection lift `#eae8e0` | selected / hovered rows and nav — a neutral warm step, never orange |
|
|
50
|
-
| `ring` | `primary` orange | the focus outline — unmistakable, because keyboard-first |
|
|
51
|
-
| `destructive` | warm rose-red `#cf2d56` | destructive actions and error state only |
|
|
52
|
-
| `success` / `warning` | green `#1f8a65` / warm gold `#c08532` | status signalling only, never chrome |
|
|
53
|
-
|
|
54
|
-
## 3 Typography
|
|
55
|
-
|
|
56
|
-
`font-sans` is CursorGothic (the licensed brand face), with Inter the corpus's documented open-source
|
|
57
|
-
substitute — one sans carries body, UI, labels, and headings. `font-mono` is JetBrains Mono for IDs,
|
|
58
|
-
codes, timestamps, log lines, and every code surface (roughly half of Cursor's own chrome); numeric
|
|
59
|
-
columns render `tabular-nums`. The defining typographic trait is the **editorial voice**: page titles
|
|
60
|
-
wear weight 400 with negative tracking — a magazine feel, never bold — while smaller component heads
|
|
61
|
-
step up to the strong 600. The hero-scale 72px display stays behind; an operator surface tops out at a
|
|
62
|
-
24px page title.
|
|
63
|
-
|
|
64
|
-
| Step | Role | Size · line | Weight · tracking |
|
|
65
|
-
| --- | --- | --- | --- |
|
|
66
|
-
| h1 | page title | 24px / 1.2 | `font-weight-normal` (400) · `heading-tracking` |
|
|
67
|
-
| h2 | section head | 20px / 1.3 | `font-weight-normal` (400) · `heading-tracking` |
|
|
68
|
-
| h3 | card / group head | 15px / 1.4 | `font-weight-strong` (600) · 0 |
|
|
69
|
-
| body | UI + prose | 14px / 1.5 | `font-weight-normal` |
|
|
70
|
-
| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
|
|
71
|
-
| caption | uppercase eyebrow | 12px / 1.4 | `font-weight-strong`, `+0.08em`, uppercase |
|
|
72
|
-
| code | IDs, logs, amounts | mono 13px / 1.5 | `font-weight-normal` |
|
|
73
|
-
|
|
74
|
-
Keep page titles at 400 with negative tracking — the magazine voice depends on it; emphasise by size, never by bolding the display.
|
|
75
|
-
|
|
76
|
-
## 4 Component Stylings
|
|
77
|
-
|
|
78
|
-
Every recurring operator component composes from the primitives — no literal values.
|
|
79
|
-
|
|
80
|
-
- **Button** — primary: filled orange `primary` on white `primary-foreground`, `radius` (8px), never a pill. Secondary: white `card` fill, 1px `border`, `foreground`. Ghost: transparent, `accent` on hover.
|
|
81
|
-
- **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus draws the orange `ring` at full 2px, no glow.
|
|
82
|
-
- **Card** — white `card` surface on a 1px `border` — the bright step off the cream carries the lift; shadow only when a true overlay must separate; inset by `density-inset`.
|
|
83
|
-
- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on numeric columns; row selection warms to `accent`.
|
|
84
|
-
- **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich` for content-heavy), beside the work, not over it.
|
|
85
|
-
- **Badge** — pill radius (badges only), `muted`/status fill, uppercase caption; status badges take `success` / `warning` / `destructive`, never `primary`.
|
|
86
|
-
|
|
87
|
-
## 5 Layout
|
|
88
|
-
|
|
89
|
-
Base spacing unit 4px; the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64` — the marketing
|
|
90
|
-
80px section rhythm stays behind. Shell dimensions map one-to-one to the layout primitives: sidebar
|
|
91
|
-
`sidebar-width-expanded` (256px) / `sidebar-width-collapsed` (56px), topbar `topbar-height` (64px, the
|
|
92
|
-
brand's nav height), side panel `side-panel-width` (440px) / `side-panel-width-rich` (640px), modal cap
|
|
93
|
-
`modal-width-max`, forms `form-max-width`, tables full-width. The dimensions run a hair generous —
|
|
94
|
-
editorial breathing carried through the shell, not loose grids. Density is governed globally by
|
|
95
|
-
`density-tier` and stepped per archetype by the surface catalog — never by absolute overrides.
|
|
96
|
-
|
|
97
|
-
## 6 Depth
|
|
98
|
-
|
|
99
|
-
Flat and hairline-only. Depth comes from the cream-to-white surface step and warm hairlines, not shadow:
|
|
100
|
-
|
|
101
|
-
- **0 — canvas** `background` (`#f7f7f4`), no border.
|
|
102
|
-
- **1 — panel / card** white `card` (`#ffffff`) on a 1px `border`; the bright step off the cream plus the hairline carries the lift. Selected / hover rows warm to `accent` (`#eae8e0`).
|
|
103
|
-
- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns the faintest soft lift, enough to float an overlay above the cream. Rank is surface, border, and position — never a heavier shadow.
|
|
104
|
-
|
|
105
|
-
Focus is a 2px orange `ring` outline (never a glow), visible on every interactive element; three z-levels: content, sticky chrome, overlay.
|
|
106
|
-
|
|
107
|
-
## 7 Do's & Don'ts
|
|
108
|
-
|
|
109
|
-
- **Do** anchor every surface on the warm cream canvas — pure white as the page floor reads as any-other-tool; the tint is Cursor.
|
|
110
|
-
- **Do** reserve orange `primary` for the single primary action, the focus `ring`, and the active-nav indicator — its scarcity at element scale is what makes it read as voltage.
|
|
111
|
-
- **Do** keep page titles at weight 400 with negative tracking, and render every code, log, and terminal surface in `font-mono` (JetBrains Mono) with `tabular-nums` on numeric columns.
|
|
112
|
-
- **Don't** introduce a second brand action color — Cursor Orange is the only one.
|
|
113
|
-
- **Don't** drop the timeline pastels onto semantic status or general chrome — they are scoped to charts and agent-stage chips, and status stays `success` / `warning` / `destructive`.
|
|
114
|
-
- **Don't** pill the primary CTA or reach for a radius outside `radius-scale` — the button/input radius is 8px; pill is badges only.
|
|
115
|
-
- **Don't** signal elevation with drop shadows — warm hairlines and the cream-to-white step carry depth.
|
|
116
|
-
|
|
117
|
-
## 8 Responsive
|
|
118
|
-
|
|
119
|
-
The operator sweep is 375 / 768 / 1024 / 1440.
|
|
120
|
-
|
|
121
|
-
| Breakpoint | What changes |
|
|
122
|
-
| --- | --- |
|
|
123
|
-
| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
|
|
124
|
-
| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
|
|
125
|
-
| 1024 | sidebar expands; two-pane queue+detail holds side by side |
|
|
126
|
-
| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width; breathing widens |
|
|
127
|
-
|
|
128
|
-
## 9 Agent Prompt Guide
|
|
129
|
-
|
|
130
|
-
Directives the emitting agent follows verbatim:
|
|
131
|
-
|
|
132
|
-
- Reach for the warm cream canvas first — never pure white for the page floor; the tint is Cursor. Cards are the white bright step above it.
|
|
133
|
-
- Spend orange once per surface: the primary action, the focus `ring`, the active-nav indicator. If two things want the orange, one of them is not primary. Color otherwise belongs to data and status.
|
|
134
|
-
- Page titles wear weight 400 with negative tracking — the editorial voice; component heads and labels earn the strong 600. Never bold the display.
|
|
135
|
-
- Render code, log, and terminal panels in `font-mono` (JetBrains Mono) — show real chrome, not a light mockup of it. Every numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono`.
|
|
136
|
-
- The timeline pastel palette (peach / mint / blue / lavender / gold) is the brand's one sanctioned multi-hue set — use it for chart series and agent-stage chips (Thinking / Reading / Editing / Done), never for semantic status or general chrome.
|
|
137
|
-
- Depth is the cream-to-white step and warm hairlines, never shadow; reach for the faint overlay lift only for a true modal or popover. Detail and edit go in the side panel beside the work, never a modal.
|
|
138
|
-
- Keyboard-first: the orange `ring` focus outline is always visible. Leave behind the 72px hero display, the full-width IDE mockup, the 80px section rhythm, and the marketing CTA bands.
|