@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,137 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v1
|
|
3
|
-
product: Wise
|
|
4
|
-
provenance: library
|
|
5
|
-
sourced: 2026-07-04
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
# Wise — the operator reading
|
|
9
|
-
|
|
10
|
-
A global money-transfer brand distilled to one idea for internal tools: a single lime-green action
|
|
11
|
-
color against a warm sage surface ladder, near-black olive ink, and generously rounded cards. This
|
|
12
|
-
is a deliberate operator reading of Wise — the friendly-fintech temperature carried onto a payments
|
|
13
|
-
console, a transfers queue, a settlement dashboard — with the marketing skin left behind.
|
|
14
|
-
|
|
15
|
-
## 1 Visual Theme
|
|
16
|
-
|
|
17
|
-
Light by default; dark is opt-in. The defining move is the **surface ladder**: a warm sage `background`
|
|
18
|
-
(`#e8ebe6`) with white `card` surfaces lifting off it — surface contrast, not shadow, carries elevation
|
|
19
|
-
(the brand's own stated depth model). Flat throughout: hierarchy is sage/white contrast, warm hairlines,
|
|
20
|
-
and type weight. A single accent — Wise lime `primary` (`#9fe870`) on black `primary-foreground` — is
|
|
21
|
-
reserved for the one action that matters; ink is near-black olive `foreground` (`#0e0f0c`). The chrome
|
|
22
|
-
is white (top nav, sidebar) beside the sage content canvas, echoing Wise's white nav over sage bands.
|
|
23
|
-
Density is `standard` — the brand breathes, so the operator read holds an honest tier.
|
|
24
|
-
|
|
25
|
-
## 2 Color Roles
|
|
26
|
-
|
|
27
|
-
Light values. One accent: `primary` lime carries brand meaning; the two greens are disciplined apart
|
|
28
|
-
(lime is the action, positive green is status), and the tertiary orange `#ffc091` / cyan `#38c8ff`
|
|
29
|
-
are illustration graces that survive only as chart hues, never UI accents.
|
|
30
|
-
|
|
31
|
-
| Role | Value | Allowed where |
|
|
32
|
-
| --- | --- | --- |
|
|
33
|
-
| `background` | sage `#e8ebe6` | the content canvas — the brand's defining surface; cards lift off it |
|
|
34
|
-
| `card` / `popover` | white `#ffffff` | panels, cards, overlays — the bright surface that lifts off the sage |
|
|
35
|
-
| `foreground` | near-black olive `#0e0f0c` | all primary ink and headings |
|
|
36
|
-
| `muted` | faint sage `#eef1ea` | table-row hover, quiet fills — one step between white card and sage canvas |
|
|
37
|
-
| `muted-foreground` | warm gray `#454745` | labels, captions, secondary text (lowest-priority meta drops to `#868685`) |
|
|
38
|
-
| `border` | sage hairline `#d4d8d2` | every separator and grid line — a soft sage line, not an ink rule |
|
|
39
|
-
| `input` | ink `#0e0f0c` | the field edge — Wise's signature 1px ink-outlined input, kept as a brand override |
|
|
40
|
-
| `primary` | Wise lime `#9fe870` | the one primary action, active nav indicator, the brand mark — nowhere else |
|
|
41
|
-
| `primary-foreground` | black `#0e0f0c` | text/icon on the lime fill — never white on lime |
|
|
42
|
-
| `accent` | pale green `#e2f6d5` | selected/hovered rows and nav — a soft brand tint, never a lime wash |
|
|
43
|
-
| `ring` | forest `#163300` | the focus outline — the deep brand green, because lime is too light to read as a ring |
|
|
44
|
-
| `destructive` | red `#d03238` | destructive actions and error state only |
|
|
45
|
-
| `success` / `warning` | green `#2ead4b` / amber `#b86700` | status only — success is a truer green than the lime CTA; warning is the legible warning-deep, not the bright `#ffd11a` |
|
|
46
|
-
|
|
47
|
-
## 3 Typography
|
|
48
|
-
|
|
49
|
-
One sans carries the operator UI. `font-sans` is **Inter** — the brand's actual second face, workhorse
|
|
50
|
-
for body, sub-display, labels, and UI. Wise Sans (the weight-900 geometric display) reads bombastic at
|
|
51
|
-
operator scale, so it stays behind; headings hold the brand's semibold sub-display weight (600).
|
|
52
|
-
`font-mono` is JetBrains Mono for IDs, codes, timestamps; amount and numeric columns render
|
|
53
|
-
`tabular-nums` (Inter carries `tnum`) — the number legibility a money product depends on.
|
|
54
|
-
|
|
55
|
-
| Step | Role | Size · line | Weight · tracking |
|
|
56
|
-
| --- | --- | --- | --- |
|
|
57
|
-
| h1 | page title | 28px / 1.2 | `font-weight-strong` · `heading-tracking` |
|
|
58
|
-
| h2 | section head | 22px / 1.3 | `font-weight-strong` · -0.01em |
|
|
59
|
-
| h3 | card / group head | 16px / 1.4 | `font-weight-strong` · 0 |
|
|
60
|
-
| body | UI + prose | 16px / 1.5 | `font-weight-normal` |
|
|
61
|
-
| small | labels, dense table | 14px / 1.4 | `font-weight-normal` |
|
|
62
|
-
| caption | fine print, eyebrow | 12px / 1.35 | `font-weight-normal` |
|
|
63
|
-
| number | amounts, IDs | 16px / 1.4 | `font-mono` · `tabular-nums` |
|
|
64
|
-
|
|
65
|
-
Emphasize by weight (400 → 600) or size, never a third family. Negative heading tracking echoes the
|
|
66
|
-
brand's Inter sub-displays; the 900-weight hero display is not part of the operator voice.
|
|
67
|
-
|
|
68
|
-
## 4 Component Stylings
|
|
69
|
-
|
|
70
|
-
Every recurring component composes from the primitives — no literal values.
|
|
71
|
-
|
|
72
|
-
- **Button** — `primary`: filled lime on black `primary-foreground`, `radius`, rounded but not the 24px pill. Secondary: sage `secondary` fill, `foreground`. Tertiary: white fill, 1px ink `input` border.
|
|
73
|
-
- **Input** — white `card` fill, 1px ink `input` border (`border-weight`), `radius`; focus draws the forest `ring` at 2px, no glow. The bold ink edge is the Wise form signature.
|
|
74
|
-
- **Card** — white `card` lifting off the sage canvas by contrast, not shadow; `radius` (scale offers
|
|
75
|
-
16/24px for larger cards); optional sage hairline; inset by `density-inset`.
|
|
76
|
-
- **Table row** — height `table-row-height`; sage `border` grid lines; `muted` on hover; `accent` on
|
|
77
|
-
selection; `tabular-nums` on amount columns; `font-mono` on IDs and reference codes.
|
|
78
|
-
- **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich`), beside the work, not over it.
|
|
79
|
-
- **Badge** — pill radius, status tint; the brand's positive badge is pale-green `accent` fill with forest text; status badges take `success` / `warning` / `destructive`, never `primary`.
|
|
80
|
-
|
|
81
|
-
## 5 Layout
|
|
82
|
-
|
|
83
|
-
Base unit 4px; the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64` (the marketing 96px rhythm
|
|
84
|
-
stays behind). Shell dimensions map one-to-one to the layout primitives: sidebar `sidebar-width-expanded`
|
|
85
|
-
(256px) / `sidebar-width-collapsed` (56px), topbar `topbar-height` (56px), side panel `side-panel-width`
|
|
86
|
-
(440px) / `side-panel-width-rich` (640px), modal cap `modal-width-max`, forms `form-max-width`, tables
|
|
87
|
-
full-width. Density is governed globally by `density-tier` and stepped per archetype, never by overrides.
|
|
88
|
-
|
|
89
|
-
## 6 Depth
|
|
90
|
-
|
|
91
|
-
Flat, surface-contrast-first. Hierarchy comes from the sage/white ladder and warm hairlines, not shadow:
|
|
92
|
-
|
|
93
|
-
- **0 — canvas** `background` (sage `#e8ebe6`), no border.
|
|
94
|
-
- **1 — panel / card** white `card` lifting off the sage by contrast — the brand's primary elevation
|
|
95
|
-
cue; a soft `border` hairline where a card sits on white.
|
|
96
|
-
- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
|
|
97
|
-
shadow. Rank is contrast and position, never a heavier shadow.
|
|
98
|
-
|
|
99
|
-
Focus is a 2px forest `ring` (`#163300`) outline, never a glow, on every interactive element; three z-levels (content, sticky chrome, overlay).
|
|
100
|
-
|
|
101
|
-
## 7 Do's & Don'ts
|
|
102
|
-
|
|
103
|
-
- **Do** reserve lime `primary` for the single most important action, the active-nav indicator, and the
|
|
104
|
-
brand mark — nowhere else; keep black `primary-foreground` on the fill.
|
|
105
|
-
- **Do** anchor on the sage/white surface ladder — white cards lifting off the sage canvas IS the
|
|
106
|
-
brand's elevation; carry rank with contrast and hairline before any shadow.
|
|
107
|
-
- **Do** keep the two greens apart — lime is the action, positive `#2ead4b` is success status. Carry amounts in `tabular-nums`, IDs/codes in `font-mono`.
|
|
108
|
-
- **Don't** promote a second brand accent (orange/cyan are chart graces), wash a selected row in lime
|
|
109
|
-
(use the pale-green `accent`), or pair the lime CTA with a green surface — lime sits on neutral only.
|
|
110
|
-
- **Don't** render controls with sharp corners, signal elevation with heavy shadow, or reach for the
|
|
111
|
-
900-weight hero stencil in operator chrome (headings hold semibold 600).
|
|
112
|
-
|
|
113
|
-
## 8 Responsive
|
|
114
|
-
|
|
115
|
-
The operator sweep is 375 / 768 / 1024 / 1440:
|
|
116
|
-
|
|
117
|
-
| Breakpoint | What changes |
|
|
118
|
-
| --- | --- |
|
|
119
|
-
| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; amount tables scroll horizontally; density holds |
|
|
120
|
-
| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
|
|
121
|
-
| 1024 | sidebar expands; two-pane queue+detail holds side by side |
|
|
122
|
-
| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width; the sage canvas widens |
|
|
123
|
-
|
|
124
|
-
## 9 Agent Prompt Guide
|
|
125
|
-
|
|
126
|
-
- Anchor on the sage/white surface ladder — sage `background`, white `card` lifting off it by contrast;
|
|
127
|
-
reach for shadow only on a true overlay.
|
|
128
|
-
- Accent only the primary action in lime; black on lime, never white. Hold the two-green discipline —
|
|
129
|
-
lime `primary` is the action, positive `#2ead4b` is success status, never interchanged.
|
|
130
|
-
- Every amount/numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono`. Every
|
|
131
|
-
workflow completes from the keyboard; the forest `ring` outline is always visible.
|
|
132
|
-
- Keep the rounded friendliness (12px `radius`, never sharp corners) and the bold ink input edge, but
|
|
133
|
-
not the 24px marketing pill.
|
|
134
|
-
- Leave the marketing skin behind: Wise Sans 900 hero display, the 64–126px scale, the 24px pill CTA,
|
|
135
|
-
the currency-converter widget, the polarity-flipped dark bands, and illustrative SVGs. What carries:
|
|
136
|
-
the sage/white temperature, the lime accent, the olive ink, the moderate radius, the Inter voice, and
|
|
137
|
-
the tabular number discipline.
|
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v1
|
|
3
|
-
product: xAI
|
|
4
|
-
provenance: library
|
|
5
|
-
sourced: 2026-07-04
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
# xAI — the engineered-cosmic monochrome operator design
|
|
9
|
-
|
|
10
|
-
xAI's web surface is a near-black cosmic canvas broken only by white outline pills, a proprietary
|
|
11
|
-
geometric sans (Universal Sans) at weight 400 with extreme negative tracking, and uppercase tracked
|
|
12
|
-
GeistMono eyebrows that read like code comments — confidently sparse, unmarketed. This entry is the
|
|
13
|
-
*operator* reading of that brand: an internal tool (model-ops console, agent-run queue, inference
|
|
14
|
-
dashboard, log stream) in xAI's language. What carries: the stark near-monochrome discipline, the
|
|
15
|
-
near-black `#0a0a0a` ink, the single sunset-orange accent held scarce, the pill shape on interactive
|
|
16
|
-
controls, the geometric-sans display voice (weight 400, negative tracking, never bold), the mono-caps
|
|
17
|
-
eyebrow, and hairline-only flat depth. What stays behind: the 96px hero display, the edge-to-edge black
|
|
18
|
-
page, and the sunset/dusk gradient illustration accents.
|
|
19
|
-
|
|
20
|
-
**Light surface, cosmic inlay.** Inverting the whole page to near-black would be
|
|
21
|
-
dark-mode-as-default, which the light floor refuses; instead the operator surface is a cool
|
|
22
|
-
near-white canvas, and xAI's signature near-black is carried as the **cosmic inlay** — the sidebar
|
|
23
|
-
rail and the terminal / log / metric panels.
|
|
24
|
-
|
|
25
|
-
## 1 Visual Theme
|
|
26
|
-
|
|
27
|
-
Light by default; dark is opt-in. The content floats on a faint cool near-white `background`
|
|
28
|
-
(`#fbfbfc`); cards step up to pure white `card` (`#ffffff`), so a panel reads by a hair of brightness
|
|
29
|
-
plus its hairline, never by shadow. Emphatically flat — the brand uses no shadows; cool hairline
|
|
30
|
-
`border`, type weight, and the near-white-to-white step carry every elevation cue. A single accent,
|
|
31
|
-
sunset orange `primary` (`#ff7a17`) — xAI's one brand chroma — is held scarce: the primary action, the
|
|
32
|
-
focus `ring`, the active-nav indicator. Ink is xAI's stark near-black `foreground` (`#0a0a0a`), which
|
|
33
|
-
returns as the cosmic inlay — a near-black `sidebar` rail and dark terminal / metric panels. Density is
|
|
34
|
-
`standard`, engineered-tight, stepping denser per archetype.
|
|
35
|
-
|
|
36
|
-
## 2 Color Roles
|
|
37
|
-
|
|
38
|
-
Light values. One accent — `primary` is the only chromatic hue that carries UI meaning; the cosmic
|
|
39
|
-
accent palette lives only in charts (§7), status hues speak only status.
|
|
40
|
-
|
|
41
|
-
| Role | Value | Allowed where |
|
|
42
|
-
| --- | --- | --- |
|
|
43
|
-
| `background` | cool near-white `#fbfbfc` | the page floor and content canvas — the dominant surface |
|
|
44
|
-
| `card` / `popover` | pure white `#ffffff` | cards and overlays — a slight bright lift off the near-white, read by hairline |
|
|
45
|
-
| `foreground` | stark near-black `#0a0a0a` | display and all primary ink — xAI's signature black |
|
|
46
|
-
| `muted` / `secondary` | cool light fill `#f2f3f5` | hover rows, quiet band tints, secondary-button fill |
|
|
47
|
-
| `muted-foreground` | cool gray `#7d8187` | labels, captions, secondary text — the brand's mute gray |
|
|
48
|
-
| `border` / `input` | cool hairline `#e6e7ea` | every separator, grid line, and field edge — one cool step, not an ink line |
|
|
49
|
-
| `primary` | sunset orange `#ff7a17` | the one primary action; the focus `ring`; the active-nav indicator |
|
|
50
|
-
| `primary-foreground` | near-black `#0a0a0a` | text on the sunset action — near-black reads on the bright orange (the brand's on-primary) |
|
|
51
|
-
| `accent` | cool selection lift `#eceef1` | selected / hovered rows and nav — a neutral cool step, never orange |
|
|
52
|
-
| `ring` | `primary` sunset | the focus outline — high-chroma, unmistakable even at 1px |
|
|
53
|
-
| `destructive` | clean red `#e5484d` | destructive actions and error state only |
|
|
54
|
-
| `success` / `warning` | green `#30a46c` / amber-gold `#d99126` | status signalling only, never chrome |
|
|
55
|
-
|
|
56
|
-
## 3 Typography
|
|
57
|
-
|
|
58
|
-
`font-sans` is Universal Sans (the proprietary geometric brand face), with Inter the corpus's documented
|
|
59
|
-
open substitute — one sans carries body, UI, labels, and headings. `font-mono` is Geist Mono for IDs,
|
|
60
|
-
codes, timestamps, log lines, metric counters, and — the signature move — the uppercase tracked
|
|
61
|
-
**eyebrow** above every section head; numeric columns render `tabular-nums`. The defining trait is xAI's
|
|
62
|
-
restraint: the display sits at weight 400 with aggressive negative tracking (never bold — size and
|
|
63
|
-
gathering do the emphasis). The 96px hero stays behind; an operator surface tops out at a 24px title.
|
|
64
|
-
|
|
65
|
-
| Step | Role | Family | Size · line | Weight · tracking |
|
|
66
|
-
| --- | --- | --- | --- | --- |
|
|
67
|
-
| h1 | page title | sans | 24px / 1.2 | `font-weight-normal` (400) · `heading-tracking` |
|
|
68
|
-
| h2 | section head | sans | 19px / 1.3 | `font-weight-normal` (400) · -0.02em |
|
|
69
|
-
| h3 | card / group head | sans | 15px / 1.4 | `font-weight-strong` (500) · 0 |
|
|
70
|
-
| body | UI + prose | sans | 14px / 1.5 | `font-weight-normal` |
|
|
71
|
-
| small | labels, meta, dense table | sans | 13px / 1.4 | `font-weight-normal` |
|
|
72
|
-
| eyebrow | uppercase mono label | mono | 12px / 1.4 | 400, `+0.12em`, uppercase (GeistMono) |
|
|
73
|
-
| code | IDs, logs, amounts | mono | 13px / 1.5 | `font-weight-normal` |
|
|
74
|
-
|
|
75
|
-
Keep the display at 400 with gathered negative tracking — it is the brand; never bold it, and keep the eyebrow mono, not sans.
|
|
76
|
-
|
|
77
|
-
## 4 Component Stylings
|
|
78
|
-
|
|
79
|
-
Every recurring operator component composes from the primitives — no literal values.
|
|
80
|
-
- **Button** — primary: filled sunset `primary` on near-black `primary-foreground`, **pill radius** (the pill is xAI). Secondary: white `card`, 1px `border`, `foreground`, pill. Ghost: transparent, `accent` on hover.
|
|
81
|
-
- **Input** — `background` fill, 1px `border` (`border-weight`), `radius` (8px, not pilled); focus draws the sunset `ring` at 1px, no glow.
|
|
82
|
-
- **Card** — white `card` surface on a 1px `border` — the bright step off the near-white carries the lift; `radius` 8px; 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 lifts to `accent`; column headers wear the mono-caps eyebrow.
|
|
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, `muted`/status fill, uppercase mono caption; status badges take `success` / `warning` / `destructive`, never `primary`.
|
|
86
|
-
|
|
87
|
-
## 5 Layout
|
|
88
|
-
|
|
89
|
-
Base spacing unit 4px; the on-scale ramp is xAI's exact set — `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64`.
|
|
90
|
-
Shell dimensions map one-to-one to the layout primitives: sidebar `sidebar-width-expanded` (240px) /
|
|
91
|
-
`sidebar-width-collapsed` (56px), topbar `topbar-height` (52px, the brand's lean nav), side panel
|
|
92
|
-
`side-panel-width` (420px) / `side-panel-width-rich` (640px), modal cap `modal-width-max`, forms
|
|
93
|
-
`form-max-width`, tables full-width — engineered-tight, not editorial-loose. Density is governed
|
|
94
|
-
globally by `density-tier` and stepped per archetype by the surface catalog, never by absolute overrides.
|
|
95
|
-
|
|
96
|
-
## 6 Depth
|
|
97
|
-
|
|
98
|
-
Flat and hairline-only — the brand uses no shadows. Depth comes from the surface step, cool hairlines, and the cosmic inlay:
|
|
99
|
-
|
|
100
|
-
- **0 — canvas** `background` (`#fbfbfc`), no border.
|
|
101
|
-
- **1 — panel / card** white `card` (`#ffffff`) on a 1px `border`; the bright step plus the hairline carries the lift. Selected / hover rows lift to `accent` (`#eceef1`).
|
|
102
|
-
- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns the faintest lift, enough to float above the near-white. Rank is surface, border, and position.
|
|
103
|
-
- **inlay — cosmic near-black** `#0a0a0a` with `#dadbdf` text and `font-mono` — the sidebar rail and terminal / log / metric panels, xAI's white-on-near-black soul carried into a light UI.
|
|
104
|
-
|
|
105
|
-
Focus is a 1px sunset `ring` outline (never a glow), visible everywhere because the orange is high-chroma; three z-levels: content, sticky chrome, overlay.
|
|
106
|
-
|
|
107
|
-
## 7 Do's & Don'ts
|
|
108
|
-
|
|
109
|
-
- **Do** stay near-monochrome — near-black ink on cool near-white, hairlines and type weight before any color; the restraint is the brand.
|
|
110
|
-
- **Do** reserve sunset orange `primary` for the single primary action, the focus `ring`, and the active-nav indicator — its scarcity is what reads as voltage.
|
|
111
|
-
- **Do** pill the interactive controls (buttons, chips, badges) — the pill is xAI's shape system; keep cards, inputs, and panels at the 8px `radius`.
|
|
112
|
-
- **Do** keep the display at weight 400 with negative tracking, wear GeistMono uppercase for eyebrows and metric counters, and render every code / log / terminal surface in `font-mono` with `tabular-nums`.
|
|
113
|
-
- **Don't** bold the display — weight 400 is the whole scale; component heads and labels earn 500 at most.
|
|
114
|
-
- **Don't** promote a second chromatic accent — the dusk / twilight / breeze cosmic hues are chart series only, and status stays `success` / `warning` / `destructive`; keep the amber-gold warning distinct from the sunset primary.
|
|
115
|
-
- **Don't** signal elevation with drop shadows, or turn the whole page near-black — the near-black is the sidebar and terminal inlay, not the operator canvas.
|
|
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 (stays near-black); 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 |
|
|
127
|
-
|
|
128
|
-
## 9 Agent Prompt Guide
|
|
129
|
-
|
|
130
|
-
Directives the emitting agent follows verbatim:
|
|
131
|
-
|
|
132
|
-
- Reach for the cool near-white canvas first, near-black ink on top — the operator page is light; the near-black is the sidebar rail and terminal / metric inlays, never the whole page.
|
|
133
|
-
- Spend sunset 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
|
-
- The display sits at weight 400 with negative tracking — the geometric-sans voice; never bold it. Component heads and labels earn the restrained 500. Emphasise by size and gathering, not weight.
|
|
135
|
-
- The eyebrow above every section head is GeistMono, uppercase, positively tracked — the code-comment label. Every numeric column is `tabular-nums`; every ID / code / timestamp / metric counter is `font-mono`.
|
|
136
|
-
- Pill the buttons, chips, and badges — the pill is xAI's shape system; keep cards, inputs, and panels at the 8px radius. Dress terminal, log, and metric panels in the near-black cosmic inlay (`#0a0a0a`, `font-mono`).
|
|
137
|
-
- Depth is the surface step and cool hairlines, never shadow; the brand uses none. Reach for the faint overlay lift only for a true modal or popover. Detail and edit go in the side panel beside the work.
|
|
138
|
-
- Keyboard-first: the sunset `ring` focus outline is always visible. Leave behind the 96px hero display, the edge-to-edge black page, and the sunset / dusk gradient accents.
|
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v1
|
|
3
|
-
product: Zapier
|
|
4
|
-
provenance: library
|
|
5
|
-
sourced: 2026-07-04
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
# Zapier — the operator reading
|
|
9
|
-
|
|
10
|
-
The operator translation of Zapier's workflow-automation brand. Zapier's public surface is
|
|
11
|
-
confidently warm — a cream canvas, deep coffee ink, one saturated orange CTA, and a two-face type
|
|
12
|
-
system (Degular Display for hero moments, Inter for the rest). This entry keeps what survives at
|
|
13
|
-
operator scale: the cream temperature, the single orange accent, the coffee ink, the recessed
|
|
14
|
-
cream-card elevation, the 12px middle-radius signature, and Inter as the workhorse. The 56px Degular
|
|
15
|
-
hero, the dark coffee-ink polarity-flip bands, and the 64px rhythm stay behind — warm where the
|
|
16
|
-
category runs cool, but earning its density and reserving its one accent.
|
|
17
|
-
|
|
18
|
-
## 1 Visual Theme
|
|
19
|
-
|
|
20
|
-
Warm by default; dark is opt-in. The canvas is Zapier's warm-cream `background` (`#fffefb`) — a
|
|
21
|
-
deliberate off-white, never the pure white the category defaults to (it reads light, so the
|
|
22
|
-
light-default floor holds — it is simply warm). Flat: hierarchy comes from warm hairline `border`, the
|
|
23
|
-
recessed cream-card surface ladder, and type weight, never heavy shadow. A single accent, Zapier orange
|
|
24
|
-
`primary` (`#ff4f00`), is reserved for the one action that matters; ink is deep coffee `foreground`
|
|
25
|
-
(`#201515`), never pure black. Corners hold the brand's signature 12px middle radius — neither
|
|
26
|
-
friendly-pill nor technical-square. Density is `standard`; the anchor is a bright cream canvas holding
|
|
27
|
-
faintly recessed cream cards.
|
|
28
|
-
|
|
29
|
-
## 2 Color Roles
|
|
30
|
-
|
|
31
|
-
Light values. One accent: `primary` is the only chromatic hue that carries meaning; status hues
|
|
32
|
-
speak only status.
|
|
33
|
-
|
|
34
|
-
| Role | Value | Allowed where |
|
|
35
|
-
| --- | --- | --- |
|
|
36
|
-
| `background` / `popover` | warm cream `#fffefb` (canvas) | page and overlays — the brightest surface |
|
|
37
|
-
| `card` | recessed cream `#f8f4f0` (canvas-soft) | content cards / inset panels — a step below canvas, elevation by surface contrast |
|
|
38
|
-
| `foreground` | deep coffee `#201515` (ink) | all primary ink and headings; never pure black |
|
|
39
|
-
| `muted` / `secondary` | soft cream `#f1ece4` | hover rows, subtle fills, secondary button fill |
|
|
40
|
-
| `muted-foreground` | warm gray `#605d52` (body) | labels, captions, secondary text |
|
|
41
|
-
| `border` | warm hairline `#e9e2d8` | separators, grid lines, card edges |
|
|
42
|
-
| `input` | coffee ink `#201515` | form-field edges — the brand's bold ink-bordered field |
|
|
43
|
-
| `primary` | Zapier orange `#ff4f00` | the one primary action; active nav; the single conversion voltage |
|
|
44
|
-
| `accent` | pale orange `#ffe9e0` | selected/hovered rows and nav — a whisper of brand warmth |
|
|
45
|
-
| `accent-foreground` | burnt orange `#b83900` | ink on the accent tint |
|
|
46
|
-
| `ring` | `primary` orange | the focus outline — unmistakable, because keyboard-first |
|
|
47
|
-
| `destructive` | brick red `#c0362c` | destructive actions and error state only — distinct from the orange |
|
|
48
|
-
| `success` / `warning` | green `#3f8f5a` / gold `#c88a1e` | status signalling only, never chrome |
|
|
49
|
-
|
|
50
|
-
The warm-neutral ladder runs coffee-ink → body `#605d52` → body-mid `#939084` → mute `#c5c0b1`: every
|
|
51
|
-
neutral carries warmth, none is cool gray. The dark coffee polarity-flip (dark hero/feature bands, dark
|
|
52
|
-
footer) is a marketing device and stays behind (see §7).
|
|
53
|
-
|
|
54
|
-
## 3 Typography
|
|
55
|
-
|
|
56
|
-
`font-sans` is **Inter** — the brand's actual workhorse (sub-display, body, button, label) and, at
|
|
57
|
-
operator scale, the whole ramp; its display steps track slightly negative, which is what carries. The
|
|
58
|
-
proprietary Degular Display carries only hero-scale loud moments (56px, weight 500) and stays behind.
|
|
59
|
-
`font-mono` is derived — the corpus ships none, but zap IDs, run IDs, webhook payloads, and log
|
|
60
|
-
timestamps need one. Numeric columns render `tabular-nums`; headlines stay sentence-case.
|
|
61
|
-
|
|
62
|
-
| Step | Role | Size · line | Weight · tracking |
|
|
63
|
-
| --- | --- | --- | --- |
|
|
64
|
-
| h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
|
|
65
|
-
| h2 | section head | 20px / 1.3 | `font-weight-strong` · `heading-tracking` |
|
|
66
|
-
| h3 | card / group head | 16px / 1.35 | `font-weight-strong` · -0.01em |
|
|
67
|
-
| body | UI + prose | 14px / 1.45 | `font-weight-normal` |
|
|
68
|
-
| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
|
|
69
|
-
| caption | uppercase eyebrow | 13px / 1.3 | `font-weight-strong`, +0.06em, uppercase |
|
|
70
|
-
|
|
71
|
-
The eyebrow keeps **positive** tracking — the corpus's signature label style (Degular +1px at 14px),
|
|
72
|
-
carried on Inter uppercase. Emphasize by weight, never size, never past 600 (the corpus 700 is
|
|
73
|
-
display-micro and stays behind).
|
|
74
|
-
|
|
75
|
-
## 4 Component Stylings
|
|
76
|
-
|
|
77
|
-
Every recurring operator component composes from the primitives — no literal values.
|
|
78
|
-
|
|
79
|
-
- **Button** — filled orange on `primary-foreground` (warm white), `radius` (12px), no pill. Secondary:
|
|
80
|
-
`secondary` cream fill, 1px `border`. Tertiary/outline: transparent, bold ink border. Ghost: `accent`
|
|
81
|
-
on hover.
|
|
82
|
-
- **Input** — `background` fill, 1px `input` (coffee-ink) border (`border-weight`), `radius` at the 6px
|
|
83
|
-
scale step; focus draws the orange `ring` at 2px, no glow.
|
|
84
|
-
- **Card** — recessed `card` cream on the brighter canvas (surface-contrast elevation); 1px `border` for
|
|
85
|
-
a grid edge; shadow only when a card truly floats; inset by `density-inset`.
|
|
86
|
-
- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on
|
|
87
|
-
numeric columns; row selection tints `accent`.
|
|
88
|
-
- **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich`
|
|
89
|
-
for content-heavy), beside the work, not over it.
|
|
90
|
-
- **Badge** — pill radius, `muted`/status fill, uppercase caption; status badges take `success` /
|
|
91
|
-
`warning` / `destructive`, never `primary`.
|
|
92
|
-
|
|
93
|
-
## 5 Layout
|
|
94
|
-
|
|
95
|
-
Base spacing unit 4px; the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64` (the corpus
|
|
96
|
-
tokens; the 64px marketing band padding stays behind). Shell dimensions map one-to-one to the layout
|
|
97
|
-
primitives: sidebar `sidebar-width-expanded` (256px) / `sidebar-width-collapsed` (56px), topbar
|
|
98
|
-
`topbar-height` (56px), side panel `side-panel-width` (440px) / `side-panel-width-rich` (640px), modal
|
|
99
|
-
`modal-width-max`, forms `form-max-width`, tables full-width. Density is governed globally by
|
|
100
|
-
`density-tier` and stepped per archetype by the surface catalog — never by absolute overrides.
|
|
101
|
-
|
|
102
|
-
## 6 Depth
|
|
103
|
-
|
|
104
|
-
Flat, surface-contrast-first. Hierarchy comes from the recessed cream ladder and warm hairlines:
|
|
105
|
-
|
|
106
|
-
- **0 — canvas** `background` (`#fffefb`), no border.
|
|
107
|
-
- **1 — panel / card** recessed `card` cream (`#f8f4f0`) — surface contrast carries the elevation; a 1px
|
|
108
|
-
`border` where a grid edge is wanted. Emphasized outlines take the bold ink border.
|
|
109
|
-
- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
|
|
110
|
-
shadow, over a scrim for modals. Rank is surface, border, and position, never a heavier shadow.
|
|
111
|
-
|
|
112
|
-
Focus is a 2px orange `ring` outline (never a glow) on every interactive element. Three z-levels:
|
|
113
|
-
content, sticky chrome, overlay.
|
|
114
|
-
|
|
115
|
-
## 7 Do's & Don'ts
|
|
116
|
-
|
|
117
|
-
- **Do** anchor on the warm cream canvas (`#fffefb`) — pure white loses the brand; keep coffee ink
|
|
118
|
-
`#201515`, never pure black. The temperature is the voice.
|
|
119
|
-
- **Do** reserve orange `primary` for the single most important action — orange + cream + coffee is the
|
|
120
|
-
whole conversion story; everything else is neutral or status.
|
|
121
|
-
- **Do** keep corners at the 12px middle radius on buttons and cards; inputs step to 6px, badges pill.
|
|
122
|
-
- **Do** apply `tabular-nums` to numerics with `font-mono` for IDs, run codes, and timestamps.
|
|
123
|
-
- **Don't** render the CTA as a pill or a square — the 12px rounded rectangle is the signature.
|
|
124
|
-
- **Don't** promote a second chromatic accent, and don't let orange become `destructive` (use the brick
|
|
125
|
-
red); status uses `success` / `warning` / `destructive`.
|
|
126
|
-
- **Don't** pull the Degular hero, the dark coffee polarity-flip bands, or the 64px rhythm into an
|
|
127
|
-
operator surface.
|
|
128
|
-
|
|
129
|
-
## 8 Responsive
|
|
130
|
-
|
|
131
|
-
The operator sweep is 375 / 768 / 1024 / 1440.
|
|
132
|
-
|
|
133
|
-
| Breakpoint | What changes |
|
|
134
|
-
| --- | --- |
|
|
135
|
-
| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
|
|
136
|
-
| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
|
|
137
|
-
| 1024 | sidebar expands; two-pane queue+detail holds side by side |
|
|
138
|
-
| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
|
|
139
|
-
|
|
140
|
-
## 9 Agent Prompt Guide
|
|
141
|
-
|
|
142
|
-
Directives the emitting agent follows verbatim. This brand is warm and confident; keep it restrained.
|
|
143
|
-
|
|
144
|
-
**Carries over:** the warm cream temperature (canvas `#fffefb`, never pure white) · deep coffee ink
|
|
145
|
-
`#201515` (never pure black) · orange `primary` (`#ff4f00`) as the single reserved accent · the 12px
|
|
146
|
-
middle-radius character (never pill, never square) · the recessed cream-card surface-contrast elevation
|
|
147
|
-
· the bold ink-bordered field · Inter with the positive-tracked uppercase eyebrow · `tabular-nums`.
|
|
148
|
-
|
|
149
|
-
**Stays behind:** the 56px Degular Display hero · the dark coffee-ink polarity-flip (dark hero/feature/
|
|
150
|
-
pricing bands, dark footer) · the illustrative zap/workflow SVGs · the 64px section-padding rhythm.
|
|
151
|
-
|
|
152
|
-
- Lead every list surface with its table; accent only the primary action in orange — if two things want
|
|
153
|
-
it, one is not primary.
|
|
154
|
-
- Reach for the warm cream canvas first; float recessed cream cards on it, separated by surface contrast
|
|
155
|
-
and warm hairlines before shadow. Detail and edit go in the side panel; a modal is a confirmation.
|
|
156
|
-
- Every numeric column is `tabular-nums`; every ID / run code / timestamp is `font-mono`; every workflow
|
|
157
|
-
completes from the keyboard with the orange `ring` outline always visible.
|
|
158
|
-
- One accent. Type stays on Inter — Degular Display and the marketing bands do not follow into a console.
|
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v1
|
|
3
|
-
product: Nurix
|
|
4
|
-
provenance: default
|
|
5
|
-
sourced: 2026-07-04
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
# Nurix — the default operator design
|
|
9
|
-
|
|
10
|
-
The document a zero-input project wears. No project `design.md`, no confirmed library match, and
|
|
11
|
-
this is the brand personality synthesis derives from. It is a *deliberate* operator reading of the
|
|
12
|
-
Nurix brand — engineered, calm, dense-capable, never decorative — not a marketing transcription: the
|
|
13
|
-
brand's marketing surfaces breathe; an operator surface earns its density and keeps one accent.
|
|
14
|
-
|
|
15
|
-
## 1 Visual Theme
|
|
16
|
-
|
|
17
|
-
Light by default; dark is opt-in. Flat: hierarchy is carried by hairline `border`, type weight, and
|
|
18
|
-
color contrast — never by heavy shadow. A single accent, Nurix `primary` (vibrant blue), reserved for
|
|
19
|
-
the one action that matters on a surface. The neutral ramp is a cool slate that leans faintly toward
|
|
20
|
-
the brand's Deep Navy, so the whole UI reads engineered rather than flatly gray. The anchor surface is
|
|
21
|
-
a white content canvas beside a faintly cool-tinted `sidebar`. Density is `standard` and steps denser
|
|
22
|
-
per surface archetype — dense-capable, not cramped.
|
|
23
|
-
|
|
24
|
-
## 2 Color Roles
|
|
25
|
-
|
|
26
|
-
Light values first. One accent — `primary` is the only chromatic hue that carries meaning; status
|
|
27
|
-
hues speak only status.
|
|
28
|
-
|
|
29
|
-
| Role | Value | Allowed where |
|
|
30
|
-
| --- | --- | --- |
|
|
31
|
-
| `background` / `card` / `popover` | white `oklch(1 0 0)` | page, cards, and overlays — the dominant surface |
|
|
32
|
-
| `foreground` | deep cool slate `oklch(0.2077 …)` | all primary ink |
|
|
33
|
-
| `muted` / `secondary` | faint cool tint `oklch(0.9683 …)` | hover rows, subtle fills, secondary buttons |
|
|
34
|
-
| `muted-foreground` | mid slate `oklch(0.5544 …)` | labels, captions, secondary text |
|
|
35
|
-
| `border` / `input` | hairline `oklch(0.9288 …)` (brand `#E2E8F0`) | every separator, grid line, and field edge |
|
|
36
|
-
| `primary` | vibrant blue `oklch(0.5211 …)` (brand `#245AE2`) | the one primary action; active nav; key interactive detail |
|
|
37
|
-
| `accent` | blue-tint `oklch(0.9603 …)` | selected/hovered rows and nav, on-accent surfaces only |
|
|
38
|
-
| `ring` | `primary` | the focus outline — unmistakable, because keyboard-first |
|
|
39
|
-
| `destructive` | red `oklch(0.5771 …)` | destructive actions and error state only |
|
|
40
|
-
| `success` / `warning` | green / amber | status signalling only, never chrome |
|
|
41
|
-
|
|
42
|
-
Electric Lime and Deep Navy are brand graces, not operator tokens: they carry no role here (see §7).
|
|
43
|
-
|
|
44
|
-
## 3 Typography
|
|
45
|
-
|
|
46
|
-
One sans, one mono. `font-sans` is Inter — the UI, body, and headings all ride it; heading weight and
|
|
47
|
-
tracking, not a second family, carry the display voice. `font-mono` is Geist Mono for IDs, codes,
|
|
48
|
-
timestamps, and log lines. Numeric columns render `tabular-nums` (Inter carries `tnum`) so figures
|
|
49
|
-
align down a column (floor f04).
|
|
50
|
-
|
|
51
|
-
| Step | Role | Size · line | Weight · tracking |
|
|
52
|
-
| --- | --- | --- | --- |
|
|
53
|
-
| h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
|
|
54
|
-
| h2 | section head | 18px / 1.3 | `font-weight-strong` · `heading-tracking` |
|
|
55
|
-
| h3 | card / group head | 15px / 1.35 | `font-weight-strong` · `heading-tracking` |
|
|
56
|
-
| body | UI + prose | 14px / 1.45 | `font-weight-normal` |
|
|
57
|
-
| small | labels, meta, table dense | 13px / 1.4 | `font-weight-normal` |
|
|
58
|
-
| caption | uppercase eyebrow | 12px / 1.2 | `font-weight-strong`, `+0.02em`, uppercase |
|
|
59
|
-
|
|
60
|
-
Bump weight one step for emphasis; never change size to emphasize.
|
|
61
|
-
|
|
62
|
-
This ramp — the 24px h1 cap and the two-weight fold — is the **baseline-surface default**, not a
|
|
63
|
-
ceiling: on a `brand-forward` surface the `display` ramp step and a third weight exist above it,
|
|
64
|
-
granted under the display-step gate (typ-20).
|
|
65
|
-
|
|
66
|
-
## 4 Component Stylings
|
|
67
|
-
|
|
68
|
-
Every recurring operator component composes from the primitives — no literal values.
|
|
69
|
-
|
|
70
|
-
- **Button** — `primary`: filled `primary` on `primary-foreground`, `radius`, no pill. Secondary:
|
|
71
|
-
`secondary` fill, `border`, `foreground`. Ghost: transparent, `accent` on hover.
|
|
72
|
-
- **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus draws the `ring` at
|
|
73
|
-
full 2px, no glow.
|
|
74
|
-
- **Card** — `card` surface, 1px `border`, `radius`, shadow only when lifted (`shadow-intensity`);
|
|
75
|
-
inset by `density-inset`.
|
|
76
|
-
- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on
|
|
77
|
-
numeric columns; row selection tints `accent`.
|
|
78
|
-
- **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich`
|
|
79
|
-
for content-heavy), beside the work, not over it (floor f03).
|
|
80
|
-
- **Badge** — hairline `border`, `muted`/status fill, uppercase caption; status badges take
|
|
81
|
-
`success` / `warning` / `destructive`, never `primary`.
|
|
82
|
-
|
|
83
|
-
## 5 Layout
|
|
84
|
-
|
|
85
|
-
Base spacing unit 4px (Tailwind `--spacing` 0.25rem); the on-scale ramp is `2 · 4 · 8 · 12 · 16 · 24 ·
|
|
86
|
-
32 · 48 · 64`. Shell dimensions map one-to-one to the layout primitives: sidebar
|
|
87
|
-
`sidebar-width-expanded` / `sidebar-width-collapsed`, topbar `topbar-height`, side panel
|
|
88
|
-
`side-panel-width` / `side-panel-width-rich`, modal cap `modal-width-max`, forms `form-max-width`,
|
|
89
|
-
tables full-width. Density is governed globally by `density-tier` (rewriting the spacing scale through
|
|
90
|
-
`density-gap`) and stepped per archetype by the surface catalog — never by absolute overrides.
|
|
91
|
-
|
|
92
|
-
## 6 Depth
|
|
93
|
-
|
|
94
|
-
Flat. Hierarchy comes from the surface ladder and hairlines, not shadow:
|
|
95
|
-
|
|
96
|
-
- **0 — canvas** `background`, no border.
|
|
97
|
-
- **1 — panel / card** `card` on a 1px `border`; shadow only when it must lift off the canvas.
|
|
98
|
-
- **2 — overlay** `popover` / side panel / modal — the one place `shadow-intensity` earns a soft `md`
|
|
99
|
-
shadow. No level stacks a heavier shadow to signal rank; rank is border and position.
|
|
100
|
-
|
|
101
|
-
Focus is a 2px `ring` outline (never a glow), visible on every interactive element (floor f06).
|
|
102
|
-
Three z-levels: content, sticky chrome, overlay.
|
|
103
|
-
|
|
104
|
-
## 7 Do's & Don'ts
|
|
105
|
-
|
|
106
|
-
- **Do** reserve `primary` for the single most important action on a surface; everything else is
|
|
107
|
-
neutral or status.
|
|
108
|
-
- **Do** carry hierarchy with hairlines, weight, and whitespace — the brand is predominantly flat.
|
|
109
|
-
- **Do** apply `tabular-nums` to every numeric column and `font-mono` to IDs, codes, and timestamps.
|
|
110
|
-
- **Don't** promote a second chromatic accent. Electric Lime and Deep Navy stay brand-decorative — a
|
|
111
|
-
lime "success" reads yellow and fails contrast; status uses `success` / `warning` / `destructive`.
|
|
112
|
-
- **Don't** pill the primary CTA or reach for a radius outside `radius-scale`.
|
|
113
|
-
- **Don't** open detail or edit in a modal when the side panel fits — modals are for confirmations
|
|
114
|
-
only.
|
|
115
|
-
- **Don't** signal elevation with heavy drop shadows.
|
|
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 | content caps at `form-max-width` for forms; tables and dashboards use the full width |
|
|
127
|
-
|
|
128
|
-
## 9 Agent Prompt Guide
|
|
129
|
-
|
|
130
|
-
Directives the emitting agent follows verbatim:
|
|
131
|
-
|
|
132
|
-
- Lead every list surface with its table; lead every entity with its primary read, not its chrome.
|
|
133
|
-
- Accent only the primary action. If two things want the accent, one of them is not primary.
|
|
134
|
-
- Detail and edit go in the side panel; a modal is a confirmation, not a workspace (f03).
|
|
135
|
-
- Every numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono` (f04).
|
|
136
|
-
- Every workflow completes from the keyboard; the `ring` focus outline is always visible (f06).
|
|
137
|
-
- Hairline-first; elevation from the designed ramp where the surface's budget grants it.
|
|
138
|
-
- One accent. Lime and navy are not operator colors here.
|