@nurix/etna 0.19.50 → 0.19.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/data/harness-index.json +1 -1
- package/data/harnesses/apollo/harness.json +2 -2
- package/data/harnesses/apollo/skills/design/SKILL.md +55 -29
- package/data/harnesses/apollo/skills/design/references/compose.md +8 -4
- package/data/harnesses/apollo/skills/design/references/content.md +5 -5
- package/data/harnesses/apollo/skills/design/references/existing-apps.md +1 -1
- package/data/harnesses/apollo/skills/design/references/intake.md +11 -7
- package/data/harnesses/apollo/skills/design/references/object-pass.md +1 -1
- package/data/harnesses/apollo/skills/design/references/ship-gate.md +3 -3
- package/data/harnesses/apollo/skills/design/scripts/select-chart.mjs +26 -6
- package/data/harnesses/code/harness.json +2 -2
- package/data/harnesses/code/skills/design/SKILL.md +55 -29
- package/data/harnesses/code/skills/design/references/compose.md +8 -4
- package/data/harnesses/code/skills/design/references/content.md +5 -5
- package/data/harnesses/code/skills/design/references/existing-apps.md +1 -1
- package/data/harnesses/code/skills/design/references/intake.md +11 -7
- package/data/harnesses/code/skills/design/references/object-pass.md +1 -1
- package/data/harnesses/code/skills/design/references/ship-gate.md +3 -3
- package/data/harnesses/code/skills/design/scripts/select-chart.mjs +26 -6
- package/package.json +2 -2
- package/data/harnesses/apollo/skills/design/data/blueprints/browse.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/creation-flow.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/dashboard.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/grid.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/queue.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/record-detail.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/settings.md +0 -38
- package/data/harnesses/apollo/skills/design/data/chart-styling/Readme.md +0 -33
- package/data/harnesses/apollo/skills/design/data/chart-styling/carbon-accessible-alert-semantic.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/carbon-monochrome-sequential-trend.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/datadog-classic-six-aligned.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/datawrapper-tiered-gray-hierarchy.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/econ-red-rule-horizontal.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/financial-diverging-threshold-overlay.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/ft-vocabulary-ranked-muted.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/grafana-dark-threshold-bands.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/material-rounded-explicit-label.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/nyt-ghost-grid-direct-label.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/plot-currentcolor-inherit.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/saas-gradient-glow-area.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/shadcn-composable-css-vars.md +0 -19
- package/data/harnesses/apollo/skills/design/data/charts/census.csv +0 -58
- package/data/harnesses/apollo/skills/design/data/checklists/browse.md +0 -21
- package/data/harnesses/apollo/skills/design/data/checklists/creation-flow.md +0 -20
- package/data/harnesses/apollo/skills/design/data/checklists/dashboard.md +0 -21
- package/data/harnesses/apollo/skills/design/data/checklists/grid.md +0 -21
- package/data/harnesses/apollo/skills/design/data/checklists/queue.md +0 -21
- package/data/harnesses/apollo/skills/design/data/checklists/record-detail.md +0 -21
- package/data/harnesses/apollo/skills/design/data/checklists/settings.md +0 -21
- package/data/harnesses/apollo/skills/design/data/chrome/board-column.md +0 -68
- package/data/harnesses/apollo/skills/design/data/chrome/data-table.md +0 -63
- package/data/harnesses/apollo/skills/design/data/chrome/side-panel.md +0 -60
- package/data/harnesses/apollo/skills/design/data/chrome/sidebar.md +0 -78
- package/data/harnesses/apollo/skills/design/data/chrome/stat-cards.md +0 -62
- package/data/harnesses/apollo/skills/design/data/chrome/topbar.md +0 -65
- package/data/harnesses/apollo/skills/design/data/color/accent-presets.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/aesop-earth-mute.md +0 -91
- package/data/harnesses/apollo/skills/design/data/color/arc-peach-play.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/attio-hunter-teal.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/carbon-cyan-signal.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/clay-parchment.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/duolingo-feather.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/geist-mono-signal.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/linear-graphite-violet.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/mercury-onyx-cobalt.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/notion-paper-ink.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/radix-slate-iris.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/raycast-void-spectrum.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/spectrum-celery-fuchsia.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/stripe-blurple-ruby.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/superhuman-cod-picton.md +0 -89
- package/data/harnesses/apollo/skills/design/data/corpora/operations-review/companies.csv +0 -15
- package/data/harnesses/apollo/skills/design/data/corpora/operations-review/corpus.md +0 -87
- package/data/harnesses/apollo/skills/design/data/corpora/operations-review/people.csv +0 -25
- package/data/harnesses/apollo/skills/design/data/corpora/procurement-approvals/companies.csv +0 -15
- package/data/harnesses/apollo/skills/design/data/corpora/procurement-approvals/corpus.md +0 -83
- package/data/harnesses/apollo/skills/design/data/corpora/procurement-approvals/people.csv +0 -25
- package/data/harnesses/apollo/skills/design/data/corpora/revenue-analytics/companies.csv +0 -15
- package/data/harnesses/apollo/skills/design/data/corpora/revenue-analytics/corpus.md +0 -89
- package/data/harnesses/apollo/skills/design/data/corpora/revenue-analytics/people.csv +0 -25
- package/data/harnesses/apollo/skills/design/data/elevation/ant-design-directional-shadow.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/apple-liquid-glass-material.md +0 -18
- package/data/harnesses/apollo/skills/design/data/elevation/atlassian-surface-shadow-pairing.md +0 -20
- package/data/harnesses/apollo/skills/design/data/elevation/fluent-2-key-ambient-ramp.md +0 -20
- package/data/harnesses/apollo/skills/design/data/elevation/github-primer-sparing-shadow.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/ibm-carbon-layer-and-border.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/linear-dark-surface-ladder.md +0 -17
- package/data/harnesses/apollo/skills/design/data/elevation/material-2-key-ambient-dp-ramp.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/material-3-tonal-elevation.md +0 -21
- package/data/harnesses/apollo/skills/design/data/elevation/neobrutalist-hard-offset.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/neumorphic-soft-dual-shadow.md +0 -18
- package/data/harnesses/apollo/skills/design/data/elevation/notion-warm-minimal-hairline.md +0 -17
- package/data/harnesses/apollo/skills/design/data/elevation/polaris-elevation-inset-bevel.md +0 -21
- package/data/harnesses/apollo/skills/design/data/elevation/radix-themes-alpha-ring-scale.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/shadcn-neutral-derived-radius.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/stripe-brand-tinted-dual-shadow.md +0 -18
- package/data/harnesses/apollo/skills/design/data/elevation/tailwind-default-utility-scale.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/vercel-geist-shadow-as-border.md +0 -20
- package/data/harnesses/apollo/skills/design/data/gradients/amber-attention-fill.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/cloud-shadow-wash.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/confident-lavender-wash.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/ember-ship-flare.md +0 -18
- package/data/harnesses/apollo/skills/design/data/gradients/full-metal-wash.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/indigo-ruby-cta-band.md +0 -18
- package/data/harnesses/apollo/skills/design/data/gradients/linear-graphite-wash.md +0 -18
- package/data/harnesses/apollo/skills/design/data/gradients/marble-quartz-wash.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/midnight-aurora-panel.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/neutral-volume-fill.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/revenue-uptrend-fill.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/risk-decline-fill.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/signal-blue-develop.md +0 -18
- package/data/harnesses/apollo/skills/design/data/gradients/slate-mist-wash.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/stripe-atmosphere-mesh.md +0 -18
- package/data/harnesses/apollo/skills/design/data/gradients/teal-signal-accent.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/violet-magenta-promo.md +0 -16
- package/data/harnesses/apollo/skills/design/data/iconography.md +0 -199
- package/data/harnesses/apollo/skills/design/data/motion/accordion-expand.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/destructive-hold-confirm.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/drag-dismiss-momentum.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/empty-state-arrive.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/hover-lift.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/modal-center-arrive.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/number-ticker-roll.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/onboarding-bounce.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/panel-slide.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/press-feedback.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/progress-linear-loop.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/route-crossfade.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/rubber-band-overscroll.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/skeleton-shimmer.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/stagger-arrive.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/toast-enter-stack.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/tooltip-chain-instant.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/trigger-anchored-reveal.md +0 -18
- package/data/harnesses/apollo/skills/design/data/tells.csv +0 -34
- package/data/harnesses/apollo/skills/design/data/typography/anton-work-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/archivo-black-archivo.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/bitter-karla.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/dm-serif-dm-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/fraunces-inter.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/geist-geist-mono.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/hubot-sans-mona-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/ibm-plex-sans-operator-single-family.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/instrument-serif-instrument-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/inter-operator-single-family.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/libre-baskerville-libre-franklin.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/newsreader-inter.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/playfair-display-source-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/public-sans-operator-single-family.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/sohne-inter-fintech.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/source-serif-source-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/space-grotesk-work-sans-space-mono.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/spectral-manrope.md +0 -17
- package/data/harnesses/apollo/skills/design/data/voices/bright-collaborator.md +0 -29
- package/data/harnesses/apollo/skills/design/data/voices/direct-operator.md +0 -29
- package/data/harnesses/apollo/skills/design/data/voices/earnest-helper.md +0 -29
- package/data/harnesses/apollo/skills/design/data/voices/editorial-composed.md +0 -29
- package/data/harnesses/apollo/skills/design/data/voices/quiet-concierge.md +0 -29
- package/data/harnesses/apollo/skills/design/data/voices/warm-guide.md +0 -29
- package/data/harnesses/apollo/skills/design/design-md/SCHEMA.md +0 -179
- package/data/harnesses/apollo/skills/design/design-md/index.csv +0 -67
- package/data/harnesses/apollo/skills/design/design-md/library/airbnb.md +0 -207
- package/data/harnesses/apollo/skills/design/design-md/library/airtable.md +0 -205
- package/data/harnesses/apollo/skills/design/design-md/library/anthropic-claude.md +0 -203
- package/data/harnesses/apollo/skills/design/design-md/library/apple.md +0 -206
- package/data/harnesses/apollo/skills/design/design-md/library/binance.md +0 -210
- package/data/harnesses/apollo/skills/design/design-md/library/bmw.md +0 -210
- package/data/harnesses/apollo/skills/design/design-md/library/cal.md +0 -209
- package/data/harnesses/apollo/skills/design/design-md/library/clay.md +0 -204
- package/data/harnesses/apollo/skills/design/design-md/library/clickhouse.md +0 -205
- package/data/harnesses/apollo/skills/design/design-md/library/cohere.md +0 -205
- package/data/harnesses/apollo/skills/design/design-md/library/coinbase.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/library/composio.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/library/cursor.md +0 -197
- package/data/harnesses/apollo/skills/design/design-md/library/elevenlabs.md +0 -199
- package/data/harnesses/apollo/skills/design/design-md/library/expo.md +0 -200
- package/data/harnesses/apollo/skills/design/design-md/library/figma.md +0 -199
- package/data/harnesses/apollo/skills/design/design-md/library/framer.md +0 -202
- package/data/harnesses/apollo/skills/design/design-md/library/hashicorp.md +0 -205
- package/data/harnesses/apollo/skills/design/design-md/library/ibm.md +0 -205
- package/data/harnesses/apollo/skills/design/design-md/library/intercom.md +0 -204
- package/data/harnesses/apollo/skills/design/design-md/library/kraken.md +0 -200
- package/data/harnesses/apollo/skills/design/design-md/library/linear-app.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/library/lovable.md +0 -199
- package/data/harnesses/apollo/skills/design/design-md/library/meta.md +0 -204
- package/data/harnesses/apollo/skills/design/design-md/library/minimax.md +0 -204
- package/data/harnesses/apollo/skills/design/design-md/library/mintlify.md +0 -210
- package/data/harnesses/apollo/skills/design/design-md/library/miro.md +0 -209
- package/data/harnesses/apollo/skills/design/design-md/library/mistral-ai.md +0 -201
- package/data/harnesses/apollo/skills/design/design-md/library/mongodb.md +0 -201
- package/data/harnesses/apollo/skills/design/design-md/library/notion.md +0 -204
- package/data/harnesses/apollo/skills/design/design-md/library/nvidia.md +0 -215
- package/data/harnesses/apollo/skills/design/design-md/library/ollama.md +0 -213
- package/data/harnesses/apollo/skills/design/design-md/library/opencode-ai.md +0 -216
- package/data/harnesses/apollo/skills/design/design-md/library/posthog.md +0 -218
- package/data/harnesses/apollo/skills/design/design-md/library/raycast.md +0 -214
- package/data/harnesses/apollo/skills/design/design-md/library/replicate.md +0 -202
- package/data/harnesses/apollo/skills/design/design-md/library/resend.md +0 -203
- package/data/harnesses/apollo/skills/design/design-md/library/revolut.md +0 -203
- package/data/harnesses/apollo/skills/design/design-md/library/runwayml.md +0 -203
- package/data/harnesses/apollo/skills/design/design-md/library/sanity.md +0 -200
- package/data/harnesses/apollo/skills/design/design-md/library/sentry.md +0 -201
- package/data/harnesses/apollo/skills/design/design-md/library/shopify.md +0 -202
- package/data/harnesses/apollo/skills/design/design-md/library/slack.md +0 -202
- package/data/harnesses/apollo/skills/design/design-md/library/spacex.md +0 -206
- package/data/harnesses/apollo/skills/design/design-md/library/spotify.md +0 -206
- package/data/harnesses/apollo/skills/design/design-md/library/stripe.md +0 -196
- package/data/harnesses/apollo/skills/design/design-md/library/supabase.md +0 -196
- package/data/harnesses/apollo/skills/design/design-md/library/superhuman.md +0 -194
- package/data/harnesses/apollo/skills/design/design-md/library/tesla.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/library/theverge.md +0 -199
- package/data/harnesses/apollo/skills/design/design-md/library/together-ai.md +0 -193
- package/data/harnesses/apollo/skills/design/design-md/library/uber.md +0 -195
- package/data/harnesses/apollo/skills/design/design-md/library/vercel.md +0 -195
- package/data/harnesses/apollo/skills/design/design-md/library/voltagent.md +0 -197
- package/data/harnesses/apollo/skills/design/design-md/library/warp.md +0 -196
- package/data/harnesses/apollo/skills/design/design-md/library/webflow.md +0 -197
- package/data/harnesses/apollo/skills/design/design-md/library/wired.md +0 -197
- package/data/harnesses/apollo/skills/design/design-md/library/wise.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/library/x-ai.md +0 -199
- package/data/harnesses/apollo/skills/design/design-md/library/zapier.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/nurix.md +0 -214
- package/data/harnesses/apollo/skills/design/design-md/variants/editorial-luxury.md +0 -184
- package/data/harnesses/apollo/skills/design/design-md/variants/expressive-saas.md +0 -216
- package/data/harnesses/apollo/skills/design/design-md/variants/quiet-premium.md +0 -211
- package/data/harnesses/apollo/skills/design/design-md/variants/terse-dense-operator.md +0 -212
- package/data/harnesses/apollo/skills/design/design-md/variants/warm-approachable.md +0 -216
- package/data/harnesses/code/skills/design/data/blueprints/browse.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/creation-flow.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/dashboard.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/grid.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/queue.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/record-detail.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/settings.md +0 -38
- package/data/harnesses/code/skills/design/data/chart-styling/Readme.md +0 -33
- package/data/harnesses/code/skills/design/data/chart-styling/carbon-accessible-alert-semantic.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/carbon-monochrome-sequential-trend.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/datadog-classic-six-aligned.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/datawrapper-tiered-gray-hierarchy.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/econ-red-rule-horizontal.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/financial-diverging-threshold-overlay.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/ft-vocabulary-ranked-muted.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/grafana-dark-threshold-bands.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/material-rounded-explicit-label.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/nyt-ghost-grid-direct-label.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/plot-currentcolor-inherit.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/saas-gradient-glow-area.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/shadcn-composable-css-vars.md +0 -19
- package/data/harnesses/code/skills/design/data/charts/census.csv +0 -58
- package/data/harnesses/code/skills/design/data/checklists/browse.md +0 -21
- package/data/harnesses/code/skills/design/data/checklists/creation-flow.md +0 -20
- package/data/harnesses/code/skills/design/data/checklists/dashboard.md +0 -21
- package/data/harnesses/code/skills/design/data/checklists/grid.md +0 -21
- package/data/harnesses/code/skills/design/data/checklists/queue.md +0 -21
- package/data/harnesses/code/skills/design/data/checklists/record-detail.md +0 -21
- package/data/harnesses/code/skills/design/data/checklists/settings.md +0 -21
- package/data/harnesses/code/skills/design/data/chrome/board-column.md +0 -68
- package/data/harnesses/code/skills/design/data/chrome/data-table.md +0 -63
- package/data/harnesses/code/skills/design/data/chrome/side-panel.md +0 -60
- package/data/harnesses/code/skills/design/data/chrome/sidebar.md +0 -78
- package/data/harnesses/code/skills/design/data/chrome/stat-cards.md +0 -62
- package/data/harnesses/code/skills/design/data/chrome/topbar.md +0 -65
- package/data/harnesses/code/skills/design/data/color/accent-presets.md +0 -90
- package/data/harnesses/code/skills/design/data/color/aesop-earth-mute.md +0 -91
- package/data/harnesses/code/skills/design/data/color/arc-peach-play.md +0 -90
- package/data/harnesses/code/skills/design/data/color/attio-hunter-teal.md +0 -90
- package/data/harnesses/code/skills/design/data/color/carbon-cyan-signal.md +0 -90
- package/data/harnesses/code/skills/design/data/color/clay-parchment.md +0 -90
- package/data/harnesses/code/skills/design/data/color/duolingo-feather.md +0 -90
- package/data/harnesses/code/skills/design/data/color/geist-mono-signal.md +0 -90
- package/data/harnesses/code/skills/design/data/color/linear-graphite-violet.md +0 -90
- package/data/harnesses/code/skills/design/data/color/mercury-onyx-cobalt.md +0 -90
- package/data/harnesses/code/skills/design/data/color/notion-paper-ink.md +0 -90
- package/data/harnesses/code/skills/design/data/color/radix-slate-iris.md +0 -90
- package/data/harnesses/code/skills/design/data/color/raycast-void-spectrum.md +0 -90
- package/data/harnesses/code/skills/design/data/color/spectrum-celery-fuchsia.md +0 -90
- package/data/harnesses/code/skills/design/data/color/stripe-blurple-ruby.md +0 -90
- package/data/harnesses/code/skills/design/data/color/superhuman-cod-picton.md +0 -89
- package/data/harnesses/code/skills/design/data/corpora/operations-review/companies.csv +0 -15
- package/data/harnesses/code/skills/design/data/corpora/operations-review/corpus.md +0 -87
- package/data/harnesses/code/skills/design/data/corpora/operations-review/people.csv +0 -25
- package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/companies.csv +0 -15
- package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/corpus.md +0 -83
- package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/people.csv +0 -25
- package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/companies.csv +0 -15
- package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/corpus.md +0 -89
- package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/people.csv +0 -25
- package/data/harnesses/code/skills/design/data/elevation/ant-design-directional-shadow.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/apple-liquid-glass-material.md +0 -18
- package/data/harnesses/code/skills/design/data/elevation/atlassian-surface-shadow-pairing.md +0 -20
- package/data/harnesses/code/skills/design/data/elevation/fluent-2-key-ambient-ramp.md +0 -20
- package/data/harnesses/code/skills/design/data/elevation/github-primer-sparing-shadow.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/ibm-carbon-layer-and-border.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/linear-dark-surface-ladder.md +0 -17
- package/data/harnesses/code/skills/design/data/elevation/material-2-key-ambient-dp-ramp.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/material-3-tonal-elevation.md +0 -21
- package/data/harnesses/code/skills/design/data/elevation/neobrutalist-hard-offset.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/neumorphic-soft-dual-shadow.md +0 -18
- package/data/harnesses/code/skills/design/data/elevation/notion-warm-minimal-hairline.md +0 -17
- package/data/harnesses/code/skills/design/data/elevation/polaris-elevation-inset-bevel.md +0 -21
- package/data/harnesses/code/skills/design/data/elevation/radix-themes-alpha-ring-scale.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/shadcn-neutral-derived-radius.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/stripe-brand-tinted-dual-shadow.md +0 -18
- package/data/harnesses/code/skills/design/data/elevation/tailwind-default-utility-scale.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/vercel-geist-shadow-as-border.md +0 -20
- package/data/harnesses/code/skills/design/data/gradients/amber-attention-fill.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/cloud-shadow-wash.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/confident-lavender-wash.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/ember-ship-flare.md +0 -18
- package/data/harnesses/code/skills/design/data/gradients/full-metal-wash.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/indigo-ruby-cta-band.md +0 -18
- package/data/harnesses/code/skills/design/data/gradients/linear-graphite-wash.md +0 -18
- package/data/harnesses/code/skills/design/data/gradients/marble-quartz-wash.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/midnight-aurora-panel.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/neutral-volume-fill.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/revenue-uptrend-fill.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/risk-decline-fill.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/signal-blue-develop.md +0 -18
- package/data/harnesses/code/skills/design/data/gradients/slate-mist-wash.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/stripe-atmosphere-mesh.md +0 -18
- package/data/harnesses/code/skills/design/data/gradients/teal-signal-accent.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/violet-magenta-promo.md +0 -16
- package/data/harnesses/code/skills/design/data/iconography.md +0 -199
- package/data/harnesses/code/skills/design/data/motion/accordion-expand.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/destructive-hold-confirm.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/drag-dismiss-momentum.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/empty-state-arrive.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/hover-lift.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/modal-center-arrive.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/number-ticker-roll.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/onboarding-bounce.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/panel-slide.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/press-feedback.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/progress-linear-loop.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/route-crossfade.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/rubber-band-overscroll.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/skeleton-shimmer.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/stagger-arrive.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/toast-enter-stack.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/tooltip-chain-instant.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/trigger-anchored-reveal.md +0 -18
- package/data/harnesses/code/skills/design/data/tells.csv +0 -34
- package/data/harnesses/code/skills/design/data/typography/anton-work-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/archivo-black-archivo.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/bitter-karla.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/dm-serif-dm-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/fraunces-inter.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/geist-geist-mono.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/hubot-sans-mona-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/ibm-plex-sans-operator-single-family.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/instrument-serif-instrument-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/inter-operator-single-family.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/libre-baskerville-libre-franklin.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/newsreader-inter.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/playfair-display-source-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/public-sans-operator-single-family.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/sohne-inter-fintech.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/source-serif-source-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/space-grotesk-work-sans-space-mono.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/spectral-manrope.md +0 -17
- package/data/harnesses/code/skills/design/data/voices/bright-collaborator.md +0 -29
- package/data/harnesses/code/skills/design/data/voices/direct-operator.md +0 -29
- package/data/harnesses/code/skills/design/data/voices/earnest-helper.md +0 -29
- package/data/harnesses/code/skills/design/data/voices/editorial-composed.md +0 -29
- package/data/harnesses/code/skills/design/data/voices/quiet-concierge.md +0 -29
- package/data/harnesses/code/skills/design/data/voices/warm-guide.md +0 -29
- package/data/harnesses/code/skills/design/design-md/SCHEMA.md +0 -179
- package/data/harnesses/code/skills/design/design-md/index.csv +0 -67
- package/data/harnesses/code/skills/design/design-md/library/airbnb.md +0 -207
- package/data/harnesses/code/skills/design/design-md/library/airtable.md +0 -205
- package/data/harnesses/code/skills/design/design-md/library/anthropic-claude.md +0 -203
- package/data/harnesses/code/skills/design/design-md/library/apple.md +0 -206
- package/data/harnesses/code/skills/design/design-md/library/binance.md +0 -210
- package/data/harnesses/code/skills/design/design-md/library/bmw.md +0 -210
- package/data/harnesses/code/skills/design/design-md/library/cal.md +0 -209
- package/data/harnesses/code/skills/design/design-md/library/clay.md +0 -204
- package/data/harnesses/code/skills/design/design-md/library/clickhouse.md +0 -205
- package/data/harnesses/code/skills/design/design-md/library/cohere.md +0 -205
- package/data/harnesses/code/skills/design/design-md/library/coinbase.md +0 -198
- package/data/harnesses/code/skills/design/design-md/library/composio.md +0 -198
- package/data/harnesses/code/skills/design/design-md/library/cursor.md +0 -197
- package/data/harnesses/code/skills/design/design-md/library/elevenlabs.md +0 -199
- package/data/harnesses/code/skills/design/design-md/library/expo.md +0 -200
- package/data/harnesses/code/skills/design/design-md/library/figma.md +0 -199
- package/data/harnesses/code/skills/design/design-md/library/framer.md +0 -202
- package/data/harnesses/code/skills/design/design-md/library/hashicorp.md +0 -205
- package/data/harnesses/code/skills/design/design-md/library/ibm.md +0 -205
- package/data/harnesses/code/skills/design/design-md/library/intercom.md +0 -204
- package/data/harnesses/code/skills/design/design-md/library/kraken.md +0 -200
- package/data/harnesses/code/skills/design/design-md/library/linear-app.md +0 -198
- package/data/harnesses/code/skills/design/design-md/library/lovable.md +0 -199
- package/data/harnesses/code/skills/design/design-md/library/meta.md +0 -204
- package/data/harnesses/code/skills/design/design-md/library/minimax.md +0 -204
- package/data/harnesses/code/skills/design/design-md/library/mintlify.md +0 -210
- package/data/harnesses/code/skills/design/design-md/library/miro.md +0 -209
- package/data/harnesses/code/skills/design/design-md/library/mistral-ai.md +0 -201
- package/data/harnesses/code/skills/design/design-md/library/mongodb.md +0 -201
- package/data/harnesses/code/skills/design/design-md/library/notion.md +0 -204
- package/data/harnesses/code/skills/design/design-md/library/nvidia.md +0 -215
- package/data/harnesses/code/skills/design/design-md/library/ollama.md +0 -213
- package/data/harnesses/code/skills/design/design-md/library/opencode-ai.md +0 -216
- package/data/harnesses/code/skills/design/design-md/library/posthog.md +0 -218
- package/data/harnesses/code/skills/design/design-md/library/raycast.md +0 -214
- package/data/harnesses/code/skills/design/design-md/library/replicate.md +0 -202
- package/data/harnesses/code/skills/design/design-md/library/resend.md +0 -203
- package/data/harnesses/code/skills/design/design-md/library/revolut.md +0 -203
- package/data/harnesses/code/skills/design/design-md/library/runwayml.md +0 -203
- package/data/harnesses/code/skills/design/design-md/library/sanity.md +0 -200
- package/data/harnesses/code/skills/design/design-md/library/sentry.md +0 -201
- package/data/harnesses/code/skills/design/design-md/library/shopify.md +0 -202
- package/data/harnesses/code/skills/design/design-md/library/slack.md +0 -202
- package/data/harnesses/code/skills/design/design-md/library/spacex.md +0 -206
- package/data/harnesses/code/skills/design/design-md/library/spotify.md +0 -206
- package/data/harnesses/code/skills/design/design-md/library/stripe.md +0 -196
- package/data/harnesses/code/skills/design/design-md/library/supabase.md +0 -196
- package/data/harnesses/code/skills/design/design-md/library/superhuman.md +0 -194
- package/data/harnesses/code/skills/design/design-md/library/tesla.md +0 -198
- package/data/harnesses/code/skills/design/design-md/library/theverge.md +0 -199
- package/data/harnesses/code/skills/design/design-md/library/together-ai.md +0 -193
- package/data/harnesses/code/skills/design/design-md/library/uber.md +0 -195
- package/data/harnesses/code/skills/design/design-md/library/vercel.md +0 -195
- package/data/harnesses/code/skills/design/design-md/library/voltagent.md +0 -197
- package/data/harnesses/code/skills/design/design-md/library/warp.md +0 -196
- package/data/harnesses/code/skills/design/design-md/library/webflow.md +0 -197
- package/data/harnesses/code/skills/design/design-md/library/wired.md +0 -197
- package/data/harnesses/code/skills/design/design-md/library/wise.md +0 -198
- package/data/harnesses/code/skills/design/design-md/library/x-ai.md +0 -199
- package/data/harnesses/code/skills/design/design-md/library/zapier.md +0 -198
- package/data/harnesses/code/skills/design/design-md/nurix.md +0 -214
- package/data/harnesses/code/skills/design/design-md/variants/editorial-luxury.md +0 -184
- package/data/harnesses/code/skills/design/design-md/variants/expressive-saas.md +0 -216
- package/data/harnesses/code/skills/design/design-md/variants/quiet-premium.md +0 -211
- package/data/harnesses/code/skills/design/design-md/variants/terse-dense-operator.md +0 -212
- package/data/harnesses/code/skills/design/design-md/variants/warm-approachable.md +0 -216
|
@@ -1,197 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v2
|
|
3
|
-
id: webflow
|
|
4
|
-
tier: brand
|
|
5
|
-
segments: [design-tools, web-builder, saas]
|
|
6
|
-
keywords: [engineered, near-black, blue, hairline, crisp, monochrome]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; WF Visual Sans → Inter Variable and WFVisualSans-Mono → Inconsolata Variable substitutions (v1-documented fallbacks)"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# webflow — a drafting table under studio light
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
A drafting table under cool studio light: white vellum, a near-black technical pen,
|
|
16
|
-
one crisp blue pencil for markup. Light default; engineered and near-monochrome —
|
|
17
|
-
near-black ink deeper than default on a white canvas, hierarchy in hairlines,
|
|
18
|
-
weight, and contrast, never shadow. The dark theme is the Designer's own night
|
|
19
|
-
shift: an authored blue-black ladder, not inverted vellum. One chromatic accent —
|
|
20
|
-
the crisp blue — for interactive state only.
|
|
21
|
-
|
|
22
|
-
## 2 Color Roles
|
|
23
|
-
Near-black `foreground` on white; `primary` is the near-black fill — the action is
|
|
24
|
-
ink, not a color. Blue lives in `ring`, `accent-foreground`, active nav, and link
|
|
25
|
-
emphasis — interactive state only, never a fill at rest. `accent` is the faint blue
|
|
26
|
-
tint for selection. The five brand category hues (purple/pink/blue/orange/green)
|
|
27
|
-
carry no chrome role — charts only. Status hues speak only status.
|
|
28
|
-
|
|
29
|
-
## 3 Typography
|
|
30
|
-
Inter (text, substituting WF Visual Sans) / Inconsolata (data, substituting
|
|
31
|
-
WFVisualSans-Mono). Register scope: one sans carries display through label at
|
|
32
|
-
negative tracking, weight 600 the hard ceiling — never heavier; the mono owns IDs,
|
|
33
|
-
codes, timestamps, and log lines. The semibold uppercase eyebrow at positive
|
|
34
|
-
tracking is the signature label. Numerals are always `tabular-nums`.
|
|
35
|
-
|
|
36
|
-
## 4 Component Stylings
|
|
37
|
-
Buttons `radius-sm` (4px, never pill), near-black `primary` fill; inputs hairline
|
|
38
|
-
`border` with the blue `ring` at 2px, no glow; cards hairline-edged at `radius-md`
|
|
39
|
-
(8px), shadow only when a true overlay lifts; table rows `muted` hover, `accent`
|
|
40
|
-
selection; detail in the side panel; badges hairline with status fills — the info
|
|
41
|
-
badge alone fills blue.
|
|
42
|
-
|
|
43
|
-
## 5 Layout
|
|
44
|
-
4px base; sidebar 256/56px; topbar 56px; side panel 440/640px; content max 1400px;
|
|
45
|
-
density standard, stepped denser per archetype — the brand's five-stop marketing
|
|
46
|
-
shadow and 80px display never enter the shell.
|
|
47
|
-
|
|
48
|
-
## 6 Depth
|
|
49
|
-
Light: flat — the surface ladder and hairlines carry rank; the brand's layered
|
|
50
|
-
drop-shadow collapses to one restrained soft lift on true overlays, ink-blue-
|
|
51
|
-
tinted. Dark: the authored ladder — `background` 0.16 L, `surface-raised` +0.04,
|
|
52
|
-
`surface-overlay` +0.09, hue held at 260; `primary` turns Designer-blue with white
|
|
53
|
-
labels.
|
|
54
|
-
|
|
55
|
-
## 7 Motion
|
|
56
|
-
Precise, tool-like. Named moments: `panel-slide` (side panel, 220ms,
|
|
57
|
-
interruptible), `canvas-fade` (page content, 150ms), `press` (primary action,
|
|
58
|
-
100ms). Physicality granted only to auth and first-run empty states; the canvas
|
|
59
|
-
never bounces — this is an instrument.
|
|
60
|
-
|
|
61
|
-
## 8 Iconography & Charts
|
|
62
|
-
Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
|
|
63
|
-
axes, no gridline fills; the category palette returns only here — blue, purple,
|
|
64
|
-
pink, orange, green (`chart-1..5`); sequential canvas→blue; tooltips on
|
|
65
|
-
`surface-overlay` with mono numerals.
|
|
66
|
-
|
|
67
|
-
## 9 Voice
|
|
68
|
-
Builder-precise: nouns and verbs from the canvas, no marketing lilt. "Publish site"
|
|
69
|
-
· "No unpublished changes — staging matches production" · "This class is used on 14
|
|
70
|
-
elements; renaming updates all of them."
|
|
71
|
-
|
|
72
|
-
## 10 Do's & Don'ts
|
|
73
|
-
Do reserve near-black `primary` for the one action and blue for interactive state —
|
|
74
|
-
nothing else competes. Do cap weight at 600 and keep display tracking negative.
|
|
75
|
-
Don't use the category palette as fills or chrome — charts only. Don't pill the CTA
|
|
76
|
-
or exceed the 4px/8px radius pair. Don't open detail in a modal when the side panel
|
|
77
|
-
fits.
|
|
78
|
-
|
|
79
|
-
## 11 Responsive
|
|
80
|
-
375: sidebar → off-canvas drawer, side panel → full sheet, list+detail stacks. 768:
|
|
81
|
-
sidebar → icon rail; tables scroll overflow. 1024/1440: two-pane queue+detail
|
|
82
|
-
holds; forms cap, tables full width.
|
|
83
|
-
|
|
84
|
-
## 12 Agent Prompt Guide
|
|
85
|
-
Accent only the primary action with near-black; blue is focus, selection, and
|
|
86
|
-
active nav. If two things want emphasis, one is not primary. Every ID, code, and
|
|
87
|
-
timestamp in the mono; every numeric column `tabular-nums`. Dark is the Designer's
|
|
88
|
-
authored night ladder — consult the block, never derive.
|
|
89
|
-
|
|
90
|
-
```yaml design-values
|
|
91
|
-
color:
|
|
92
|
-
light:
|
|
93
|
-
background: oklch(0.995 0.005 260)
|
|
94
|
-
foreground: oklch(0.14 0.006 260)
|
|
95
|
-
card: oklch(0.995 0.005 260)
|
|
96
|
-
card-foreground: oklch(0.14 0.006 260)
|
|
97
|
-
popover: oklch(0.995 0.005 260)
|
|
98
|
-
popover-foreground: oklch(0.14 0.006 260)
|
|
99
|
-
primary: oklch(0.16 0.006 260)
|
|
100
|
-
primary-foreground: oklch(0.985 0.005 260)
|
|
101
|
-
secondary: oklch(0.965 0.005 260)
|
|
102
|
-
secondary-foreground: oklch(0.25 0.006 260)
|
|
103
|
-
muted: oklch(0.965 0.005 260)
|
|
104
|
-
muted-foreground: oklch(0.46 0.008 260)
|
|
105
|
-
accent: oklch(0.957 0.016 263)
|
|
106
|
-
accent-foreground: oklch(0.45 0.18 260)
|
|
107
|
-
destructive: oklch(0.55 0.21 24)
|
|
108
|
-
destructive-foreground: oklch(0.985 0.008 24)
|
|
109
|
-
success: oklch(0.6 0.17 143)
|
|
110
|
-
warning: oklch(0.68 0.15 75)
|
|
111
|
-
border: oklch(0.885 0.005 260)
|
|
112
|
-
input: oklch(0.885 0.005 260)
|
|
113
|
-
ring: oklch(0.55 0.21 260)
|
|
114
|
-
surface-raised: oklch(0.985 0.005 260)
|
|
115
|
-
surface-overlay: oklch(0.995 0.005 260)
|
|
116
|
-
chart-1: oklch(0.55 0.21 260)
|
|
117
|
-
chart-2: oklch(0.52 0.2 300)
|
|
118
|
-
chart-3: oklch(0.6 0.2 350)
|
|
119
|
-
chart-4: oklch(0.68 0.17 55)
|
|
120
|
-
chart-5: oklch(0.62 0.17 143)
|
|
121
|
-
sidebar: oklch(0.975 0.006 260)
|
|
122
|
-
sidebar-foreground: oklch(0.2 0.006 260)
|
|
123
|
-
sidebar-primary: oklch(0.16 0.006 260)
|
|
124
|
-
sidebar-primary-foreground: oklch(0.985 0.005 260)
|
|
125
|
-
sidebar-accent: oklch(0.945 0.012 263)
|
|
126
|
-
sidebar-accent-foreground: oklch(0.22 0.006 260)
|
|
127
|
-
sidebar-border: oklch(0.9 0.005 260)
|
|
128
|
-
sidebar-ring: oklch(0.55 0.21 260)
|
|
129
|
-
dark:
|
|
130
|
-
background: oklch(0.16 0.012 260)
|
|
131
|
-
foreground: oklch(0.93 0.008 260)
|
|
132
|
-
card: oklch(0.19 0.012 260)
|
|
133
|
-
card-foreground: oklch(0.93 0.008 260)
|
|
134
|
-
popover: oklch(0.25 0.014 260)
|
|
135
|
-
popover-foreground: oklch(0.93 0.008 260)
|
|
136
|
-
primary: oklch(0.55 0.2 260)
|
|
137
|
-
primary-foreground: oklch(0.985 0.005 260)
|
|
138
|
-
secondary: oklch(0.23 0.013 260)
|
|
139
|
-
secondary-foreground: oklch(0.9 0.008 260)
|
|
140
|
-
muted: oklch(0.22 0.013 260)
|
|
141
|
-
muted-foreground: oklch(0.68 0.01 260)
|
|
142
|
-
accent: oklch(0.27 0.03 260)
|
|
143
|
-
accent-foreground: oklch(0.85 0.07 260)
|
|
144
|
-
destructive: oklch(0.64 0.21 25)
|
|
145
|
-
destructive-foreground: oklch(0.12 0.02 25)
|
|
146
|
-
success: oklch(0.7 0.17 145)
|
|
147
|
-
warning: oklch(0.78 0.15 75)
|
|
148
|
-
border: oklch(0.27 0.014 260)
|
|
149
|
-
input: oklch(0.27 0.014 260)
|
|
150
|
-
ring: oklch(0.62 0.19 260)
|
|
151
|
-
surface-raised: oklch(0.2 0.012 260)
|
|
152
|
-
surface-overlay: oklch(0.25 0.014 260)
|
|
153
|
-
chart-1: oklch(0.62 0.19 260)
|
|
154
|
-
chart-2: oklch(0.62 0.18 300)
|
|
155
|
-
chart-3: oklch(0.68 0.19 350)
|
|
156
|
-
chart-4: oklch(0.74 0.16 55)
|
|
157
|
-
chart-5: oklch(0.7 0.16 145)
|
|
158
|
-
sidebar: oklch(0.14 0.012 260)
|
|
159
|
-
sidebar-foreground: oklch(0.9 0.008 260)
|
|
160
|
-
sidebar-primary: oklch(0.55 0.2 260)
|
|
161
|
-
sidebar-primary-foreground: oklch(0.985 0.005 260)
|
|
162
|
-
sidebar-accent: oklch(0.2 0.013 260)
|
|
163
|
-
sidebar-accent-foreground: oklch(0.92 0.008 260)
|
|
164
|
-
sidebar-border: oklch(0.21 0.013 260)
|
|
165
|
-
sidebar-ring: oklch(0.62 0.19 260)
|
|
166
|
-
typography:
|
|
167
|
-
display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [500, 600] }
|
|
168
|
-
sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
|
|
169
|
-
mono: { family: "Inconsolata Variable", fallback: "ui-monospace, monospace", weights: [400] }
|
|
170
|
-
ramp:
|
|
171
|
-
display: { size: 30px, line: 38px, weight: 600, family: sans, tracking: -0.01em }
|
|
172
|
-
h1: { size: 24px, line: 31px, weight: 600, family: sans, tracking: -0.01em }
|
|
173
|
-
h2: { size: 20px, line: 28px, weight: 600, family: sans, tracking: -0.01em }
|
|
174
|
-
body: { size: 14px, line: 22px, weight: 400, family: sans }
|
|
175
|
-
small: { size: 13px, line: 18px, weight: 400, family: sans }
|
|
176
|
-
caption: { size: 12px, line: 15px, weight: 600, family: sans, tracking: 0.045em, transform: uppercase }
|
|
177
|
-
data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
|
|
178
|
-
register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body, eyebrows], mono: [data, ids, timestamps, logs] }
|
|
179
|
-
elevation:
|
|
180
|
-
radius: { sm: 4px, md: 8px, lg: 12px }
|
|
181
|
-
hairline: border
|
|
182
|
-
shadow:
|
|
183
|
-
overlay: "0 8px 30px oklch(0.16 0.012 260 / 0.14)"
|
|
184
|
-
popover: "0 4px 16px oklch(0.16 0.012 260 / 0.10)"
|
|
185
|
-
dark-ladder: { background: 0.16, raised: 0.20, overlay: 0.25, hue-held: 260 }
|
|
186
|
-
motion:
|
|
187
|
-
duration: { press: 100ms, fade: 150ms, panel: 220ms }
|
|
188
|
-
easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
|
|
189
|
-
entrance-never: ease-in
|
|
190
|
-
identity-moments: [auth, first-run-empty]
|
|
191
|
-
iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
|
|
192
|
-
charts:
|
|
193
|
-
categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
|
|
194
|
-
sequential: { from: background, to: chart-1 }
|
|
195
|
-
diverging: { negative: destructive, mid: muted, positive: chart-5 }
|
|
196
|
-
layout: { base: 4px, sidebar: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1400px }
|
|
197
|
-
```
|
|
@@ -1,197 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v2
|
|
3
|
-
id: wired
|
|
4
|
-
tier: brand
|
|
5
|
-
segments: [media, editorial, publishing]
|
|
6
|
-
keywords: [editorial, print, black-on-white, serif, square, achromatic]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; Apercu → Inter Variable, WiredDisplay/BreveText → Playfair Display Variable substitutions (v1-documented), IBM Plex Mono for the derived mono"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# wired — a print shop's imposing stone, fresh ink on newsprint
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
A print shop's imposing stone: fresh black ink on bright newsprint, steel rules
|
|
16
|
-
locking the columns square, nothing rounded, nothing shadowed. Light default —
|
|
17
|
-
black-on-white the way a printed page reads, radius 0 the non-negotiable geometry.
|
|
18
|
-
Effectively achromatic: the whisper of cold tint on every neutral is beneath
|
|
19
|
-
perception, and the chrome accent is black itself. Dark is the darkroom edition —
|
|
20
|
-
an authored cold ladder, not a negative of the page.
|
|
21
|
-
|
|
22
|
-
## 2 Color Roles
|
|
23
|
-
Ink-black `foreground` on the paper `background`; `primary` is black — the CTA, the
|
|
24
|
-
wordmark, active nav, the heavy-border moment. `input` is deliberately ink: the
|
|
25
|
-
square black-bordered field is a signature while dividers stay hairline. Link blue
|
|
26
|
-
is the one chromatic grace — inline text links only, never a button, nav, or ring —
|
|
27
|
-
and returns in charts as the single accent series. Status hues run deep, under the
|
|
28
|
-
austerity.
|
|
29
|
-
|
|
30
|
-
## 3 Typography
|
|
31
|
-
Playfair Display (display serif, substituting WiredDisplay/BreveText) / Inter
|
|
32
|
-
(chrome, substituting Apercu) / IBM Plex Mono (data). Register scope: the serif
|
|
33
|
-
touches page titles, section heads, and empty states only, always at weight 400 —
|
|
34
|
-
its elegance is the typeface, never the weight; the sans runs every control, label,
|
|
35
|
-
cell, and byline; the mono owns IDs, codes, timestamps. Numerals are always
|
|
36
|
-
`tabular-nums`.
|
|
37
|
-
|
|
38
|
-
## 4 Component Stylings
|
|
39
|
-
Buttons `radius-sm` (0 — sharp rectangles, never a pill), black `primary` fill or
|
|
40
|
-
the 1px ink outline; inputs square with the black `input` edge and the 2px black
|
|
41
|
-
`ring` at 1px offset; cards flat on a hairline, zero shadow; table rows hairline
|
|
42
|
-
grid, `muted` hover, `accent` selection; the side panel stands off the page by a
|
|
43
|
-
2px ink border, never a shadow; badges square, hairline, uppercase captions.
|
|
44
|
-
|
|
45
|
-
## 5 Layout
|
|
46
|
-
4px base; sidebar 248/56px; topbar 52px — the thin masthead band; side panel
|
|
47
|
-
440/640px; content max 1400px; the breathing rides type, not row height.
|
|
48
|
-
|
|
49
|
-
## 6 Depth
|
|
50
|
-
Zero shadows — the brand owns none. Light: three ranks — canvas, hairline, and the
|
|
51
|
-
2px black border for what must stand off the page. Dark: the authored ladder —
|
|
52
|
-
`background` 0.15 L, `surface-raised` +0.04, `surface-overlay` +0.09, cold hue held
|
|
53
|
-
at 240 — with hairlines doing the ranking; the heavy border becomes paper-white.
|
|
54
|
-
|
|
55
|
-
## 7 Motion
|
|
56
|
-
Nearly none — print doesn't move. Named moments: `panel-slide` (side panel, 200ms,
|
|
57
|
-
interruptible), `page-settle` (content arrive, 140ms fade), `press` (CTA, 90ms).
|
|
58
|
-
Physicality granted only to auth; tables, nav, and keyboard flows are instant.
|
|
59
|
-
|
|
60
|
-
## 8 Iconography & Charts
|
|
61
|
-
Lucide, 1.5px stroke, 16/20px grid, `foreground` default — icons are ink, not gray
|
|
62
|
-
furniture. Charts: hairline axes, square legends; the ramp is grayscale with link
|
|
63
|
-
blue as the single accent series (`chart-2`); sequential paper→ink; diverging
|
|
64
|
-
through the deep status hues; tooltips on `surface-overlay` with mono numerals.
|
|
65
|
-
|
|
66
|
-
## 9 Voice
|
|
67
|
-
Headline declarative: present tense, no hedging, captions in small caps. "Publish
|
|
68
|
-
correction" · "Nothing in the queue — the morning file closed at 06:00" · "This
|
|
69
|
-
story has 3 unresolved legal flags; publishing is locked."
|
|
70
|
-
|
|
71
|
-
## 10 Do's & Don'ts
|
|
72
|
-
Do hold the strict duet — true black ink on the paper canvas is a deliberate brand
|
|
73
|
-
override. Do keep radius 0 on every control; the only round shape is a circular
|
|
74
|
-
icon container. Don't round a corner, bold the serif past 400, or drop a shadow.
|
|
75
|
-
Don't let link blue touch a button, nav, or focus ring. Don't warm the grays — the
|
|
76
|
-
cold is the register.
|
|
77
|
-
|
|
78
|
-
## 11 Responsive
|
|
79
|
-
375: sidebar → off-canvas drawer, side panel → full sheet, h1 steps 32 → 26,
|
|
80
|
-
list+detail stacks. 768: sidebar → icon rail; tables scroll overflow. 1024/1440:
|
|
81
|
-
two-pane queue+detail holds; forms cap, tables run the wide measure.
|
|
82
|
-
|
|
83
|
-
## 12 Agent Prompt Guide
|
|
84
|
-
Lead every list with its table, every entity with its primary read. The accent is
|
|
85
|
-
black — if something wants color it wants weight or a hairline. Page titles wear
|
|
86
|
-
the serif at 400; everything else is the sans. Keep every control square and every
|
|
87
|
-
edge a rule. Dark is the darkroom ladder — consult the block, never invert the
|
|
88
|
-
page.
|
|
89
|
-
|
|
90
|
-
```yaml design-values
|
|
91
|
-
color:
|
|
92
|
-
light:
|
|
93
|
-
background: oklch(0.995 0.005 240)
|
|
94
|
-
foreground: oklch(0.13 0.005 240)
|
|
95
|
-
card: oklch(0.995 0.005 240)
|
|
96
|
-
card-foreground: oklch(0.13 0.005 240)
|
|
97
|
-
popover: oklch(0.995 0.005 240)
|
|
98
|
-
popover-foreground: oklch(0.13 0.005 240)
|
|
99
|
-
primary: oklch(0.13 0.005 240)
|
|
100
|
-
primary-foreground: oklch(0.99 0.005 240)
|
|
101
|
-
secondary: oklch(0.965 0.005 240)
|
|
102
|
-
secondary-foreground: oklch(0.24 0.005 240)
|
|
103
|
-
muted: oklch(0.965 0.005 240)
|
|
104
|
-
muted-foreground: oklch(0.46 0.006 240)
|
|
105
|
-
accent: oklch(0.955 0.005 240)
|
|
106
|
-
accent-foreground: oklch(0.22 0.005 240)
|
|
107
|
-
destructive: oklch(0.5 0.19 26)
|
|
108
|
-
destructive-foreground: oklch(0.985 0.008 26)
|
|
109
|
-
success: oklch(0.5 0.13 148)
|
|
110
|
-
warning: oklch(0.55 0.14 49)
|
|
111
|
-
border: oklch(0.907 0.005 240)
|
|
112
|
-
input: oklch(0.13 0.005 240)
|
|
113
|
-
ring: oklch(0.13 0.005 240)
|
|
114
|
-
surface-raised: oklch(0.985 0.005 240)
|
|
115
|
-
surface-overlay: oklch(0.995 0.005 240)
|
|
116
|
-
chart-1: oklch(0.25 0.005 240)
|
|
117
|
-
chart-2: oklch(0.55 0.13 242)
|
|
118
|
-
chart-3: oklch(0.5 0.005 240)
|
|
119
|
-
chart-4: oklch(0.7 0.005 240)
|
|
120
|
-
chart-5: oklch(0.4 0.005 240)
|
|
121
|
-
sidebar: oklch(0.995 0.005 240)
|
|
122
|
-
sidebar-foreground: oklch(0.13 0.005 240)
|
|
123
|
-
sidebar-primary: oklch(0.13 0.005 240)
|
|
124
|
-
sidebar-primary-foreground: oklch(0.99 0.005 240)
|
|
125
|
-
sidebar-accent: oklch(0.955 0.005 240)
|
|
126
|
-
sidebar-accent-foreground: oklch(0.22 0.005 240)
|
|
127
|
-
sidebar-border: oklch(0.9 0.005 240)
|
|
128
|
-
sidebar-ring: oklch(0.13 0.005 240)
|
|
129
|
-
dark:
|
|
130
|
-
background: oklch(0.15 0.005 240)
|
|
131
|
-
foreground: oklch(0.95 0.005 240)
|
|
132
|
-
card: oklch(0.18 0.005 240)
|
|
133
|
-
card-foreground: oklch(0.95 0.005 240)
|
|
134
|
-
popover: oklch(0.24 0.006 240)
|
|
135
|
-
popover-foreground: oklch(0.95 0.005 240)
|
|
136
|
-
primary: oklch(0.95 0.005 240)
|
|
137
|
-
primary-foreground: oklch(0.15 0.005 240)
|
|
138
|
-
secondary: oklch(0.23 0.006 240)
|
|
139
|
-
secondary-foreground: oklch(0.91 0.005 240)
|
|
140
|
-
muted: oklch(0.22 0.006 240)
|
|
141
|
-
muted-foreground: oklch(0.69 0.006 240)
|
|
142
|
-
accent: oklch(0.25 0.006 240)
|
|
143
|
-
accent-foreground: oklch(0.92 0.005 240)
|
|
144
|
-
destructive: oklch(0.6 0.19 26)
|
|
145
|
-
destructive-foreground: oklch(0.1 0.02 26)
|
|
146
|
-
success: oklch(0.65 0.13 148)
|
|
147
|
-
warning: oklch(0.72 0.14 60)
|
|
148
|
-
border: oklch(0.27 0.006 240)
|
|
149
|
-
input: oklch(0.8 0.005 240)
|
|
150
|
-
ring: oklch(0.95 0.005 240)
|
|
151
|
-
surface-raised: oklch(0.19 0.005 240)
|
|
152
|
-
surface-overlay: oklch(0.24 0.006 240)
|
|
153
|
-
chart-1: oklch(0.85 0.005 240)
|
|
154
|
-
chart-2: oklch(0.65 0.13 242)
|
|
155
|
-
chart-3: oklch(0.6 0.005 240)
|
|
156
|
-
chart-4: oklch(0.45 0.005 240)
|
|
157
|
-
chart-5: oklch(0.72 0.005 240)
|
|
158
|
-
sidebar: oklch(0.15 0.005 240)
|
|
159
|
-
sidebar-foreground: oklch(0.95 0.005 240)
|
|
160
|
-
sidebar-primary: oklch(0.95 0.005 240)
|
|
161
|
-
sidebar-primary-foreground: oklch(0.15 0.005 240)
|
|
162
|
-
sidebar-accent: oklch(0.22 0.006 240)
|
|
163
|
-
sidebar-accent-foreground: oklch(0.92 0.005 240)
|
|
164
|
-
sidebar-border: oklch(0.26 0.006 240)
|
|
165
|
-
sidebar-ring: oklch(0.95 0.005 240)
|
|
166
|
-
typography:
|
|
167
|
-
display: { family: "Playfair Display Variable", fallback: "Georgia, serif", weights: [400] }
|
|
168
|
-
sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 700] }
|
|
169
|
-
mono: { family: "IBM Plex Mono", fallback: "ui-monospace, monospace", weights: [400] }
|
|
170
|
-
ramp:
|
|
171
|
-
display: { size: 36px, line: 40px, weight: 400, family: display, tracking: -0.01em }
|
|
172
|
-
h1: { size: 32px, line: 35px, weight: 400, family: display, tracking: -0.01em }
|
|
173
|
-
h2: { size: 26px, line: 28px, weight: 400, family: display }
|
|
174
|
-
body: { size: 14px, line: 20px, weight: 400, family: sans }
|
|
175
|
-
small: { size: 13px, line: 18px, weight: 400, family: sans }
|
|
176
|
-
caption: { size: 12px, line: 16px, weight: 700, family: sans, tracking: 0.02em, transform: uppercase }
|
|
177
|
-
data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
|
|
178
|
-
register-scope: { display: [page-title, section-head, empty-state], sans: [chrome, controls, body, captions], mono: [data, ids, timestamps] }
|
|
179
|
-
elevation:
|
|
180
|
-
radius: { sm: 0px, md: 0px, lg: 0px }
|
|
181
|
-
hairline: border
|
|
182
|
-
shadow:
|
|
183
|
-
overlay: "none"
|
|
184
|
-
popover: "none"
|
|
185
|
-
dark-ladder: { background: 0.15, raised: 0.19, overlay: 0.24, hue-held: 240 }
|
|
186
|
-
motion:
|
|
187
|
-
duration: { press: 90ms, fade: 140ms, panel: 200ms }
|
|
188
|
-
easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
|
|
189
|
-
entrance-never: ease-in
|
|
190
|
-
identity-moments: [auth]
|
|
191
|
-
iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
|
|
192
|
-
charts:
|
|
193
|
-
categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
|
|
194
|
-
sequential: { from: background, to: foreground }
|
|
195
|
-
diverging: { negative: destructive, mid: muted, positive: success }
|
|
196
|
-
layout: { base: 4px, sidebar: [248px, 56px], topbar: 52px, side-panel: [440px, 640px], content-max: 1400px }
|
|
197
|
-
```
|
|
@@ -1,198 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v2
|
|
3
|
-
id: wise
|
|
4
|
-
tier: brand
|
|
5
|
-
segments: [fintech, payments, remittance]
|
|
6
|
-
keywords: [lime, sage, friendly, rounded, forest, money]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; Wise Sans (proprietary display) stays behind per v1 — Inter Variable is the brand's own workhorse; JetBrains Mono Variable for data"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# wise — a Scandinavian bank lobby in spring
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
A Scandinavian bank lobby in spring: sage-painted walls, blond wood counters, white
|
|
16
|
-
paper forms, and one lime-green door that is obviously the way in. Light default;
|
|
17
|
-
the defining move is the surface ladder — white cards lifting off the warm sage
|
|
18
|
-
canvas by contrast, not shadow. Dark is the same lobby after close: a deep
|
|
19
|
-
forest-green ladder with the lime door still lit. Friendly-rounded, honest density;
|
|
20
|
-
one accent, disciplined hard.
|
|
21
|
-
|
|
22
|
-
## 2 Color Roles
|
|
23
|
-
Near-black olive `foreground` on sage; white `card` is the elevation. Lime
|
|
24
|
-
`primary` is the one action, the active-nav mark, the brand mark — nowhere else,
|
|
25
|
-
and always with olive ink on it, never white. The `ring` is deep forest — lime is
|
|
26
|
-
too light to read as a ring. Two greens stay apart: lime acts, the truer `success`
|
|
27
|
-
green reports. `input` is deliberately ink — the bold-edged field is the form
|
|
28
|
-
signature. Orange and cyan are chart graces only.
|
|
29
|
-
|
|
30
|
-
## 3 Typography
|
|
31
|
-
Inter (text — the brand's real workhorse; the weight-900 Wise Sans display stays
|
|
32
|
-
behind) / JetBrains Mono (data). Register scope: the sans carries display through
|
|
33
|
-
label, semibold 600 the heading weight; the mono owns IDs, reference codes, and
|
|
34
|
-
timestamps. Body holds a generous 16px — money reading needs air; every amount and
|
|
35
|
-
numeric column is `tabular-nums`, non-negotiable in a money product.
|
|
36
|
-
|
|
37
|
-
## 4 Component Stylings
|
|
38
|
-
Buttons `radius-md` (12px, rounded but never the marketing pill), lime `primary`
|
|
39
|
-
with olive label; inputs white fill with the 1px ink `input` edge and forest `ring`
|
|
40
|
-
focus; cards white on sage by contrast, `radius-lg` for feature cards; table rows
|
|
41
|
-
sage hairline grid, `muted` hover, pale-green `accent` selection; detail in the
|
|
42
|
-
side panel; badges pill — the positive badge is pale-green `accent` fill with
|
|
43
|
-
forest text.
|
|
44
|
-
|
|
45
|
-
## 5 Layout
|
|
46
|
-
4px base; sidebar 256/56px; topbar 56px; side panel 440/640px; content max 1360px;
|
|
47
|
-
density standard — the brand breathes; amount columns right-aligned always.
|
|
48
|
-
|
|
49
|
-
## 6 Depth
|
|
50
|
-
Light: the sage/white ladder is the depth system — contrast, then hairline, shadow
|
|
51
|
-
only on true overlays, forest-tinted. Dark: the authored forest ladder —
|
|
52
|
-
`background` 0.18 L, `surface-raised` +0.05, `surface-overlay` +0.10, hue held at
|
|
53
|
-
135 — lime holding its exact chroma across both themes.
|
|
54
|
-
|
|
55
|
-
## 7 Motion
|
|
56
|
-
Warm and settled. Named moments: `panel-slide` (side panel, 240ms, interruptible),
|
|
57
|
-
`card-lift` (card arrive, 160ms fade), `press` (lime action, 110ms). Physicality
|
|
58
|
-
granted to auth and the first-run empty state — the one confetti-free celebration;
|
|
59
|
-
tables and amounts never animate.
|
|
60
|
-
|
|
61
|
-
## 8 Iconography & Charts
|
|
62
|
-
Lucide, 1.75px stroke — slightly warm-bold to match the rounded chrome — 16/20px
|
|
63
|
-
grid, `muted-foreground` default. Charts: hairline axes; categorical runs forest,
|
|
64
|
-
cyan, amber-orange, lime, warm gold (`chart-1..5`); sequential sage→forest;
|
|
65
|
-
diverging red→sage→green; tooltips on `surface-overlay` with mono amounts.
|
|
66
|
-
|
|
67
|
-
## 9 Voice
|
|
68
|
-
Plain-spoken money: no jargon, fees and dates stated exactly, warmth without
|
|
69
|
-
exclamation. "Send transfer" · "Nothing needs your attention — 2 transfers arrive
|
|
70
|
-
Tuesday" · "This payout exceeds the daily limit; it will complete tomorrow at
|
|
71
|
-
09:00."
|
|
72
|
-
|
|
73
|
-
## 10 Do's & Don'ts
|
|
74
|
-
Do anchor on the sage/white ladder — white cards on sage IS the elevation. Do keep
|
|
75
|
-
olive ink on every lime fill, and keep the two greens apart. Don't wash a selected
|
|
76
|
-
row in lime — selection is the pale-green `accent`. Don't pair lime with a green
|
|
77
|
-
surface — lime sits on neutral only. Don't sharpen corners, shadow cards, or reach
|
|
78
|
-
for the 900-weight display.
|
|
79
|
-
|
|
80
|
-
## 11 Responsive
|
|
81
|
-
375: sidebar → off-canvas drawer, side panel → full sheet, amount tables scroll
|
|
82
|
-
horizontally. 768: sidebar → icon rail; tables scroll overflow. 1024/1440: two-pane
|
|
83
|
-
queue+detail holds; forms cap, the sage canvas widens around the 1360px measure.
|
|
84
|
-
|
|
85
|
-
## 12 Agent Prompt Guide
|
|
86
|
-
Lead with the queue table on sage, white cards for what matters. Spend lime once —
|
|
87
|
-
if two things want it, one is not primary; the ring is always forest. Amounts in
|
|
88
|
-
`tabular-nums`, IDs in the mono, black-edged inputs. Dark is the forest lobby after
|
|
89
|
-
close — consult the block, never invert the sage.
|
|
90
|
-
|
|
91
|
-
```yaml design-values
|
|
92
|
-
color:
|
|
93
|
-
light:
|
|
94
|
-
background: oklch(0.936 0.007 132)
|
|
95
|
-
foreground: oklch(0.17 0.008 130)
|
|
96
|
-
card: oklch(0.99 0.005 132)
|
|
97
|
-
card-foreground: oklch(0.17 0.008 130)
|
|
98
|
-
popover: oklch(0.99 0.005 132)
|
|
99
|
-
popover-foreground: oklch(0.17 0.008 130)
|
|
100
|
-
primary: oklch(0.857 0.17 135)
|
|
101
|
-
primary-foreground: oklch(0.17 0.008 130)
|
|
102
|
-
secondary: oklch(0.905 0.01 132)
|
|
103
|
-
secondary-foreground: oklch(0.22 0.008 130)
|
|
104
|
-
muted: oklch(0.95 0.01 130)
|
|
105
|
-
muted-foreground: oklch(0.42 0.008 140)
|
|
106
|
-
accent: oklch(0.95 0.048 133)
|
|
107
|
-
accent-foreground: oklch(0.32 0.084 135)
|
|
108
|
-
destructive: oklch(0.55 0.19 24)
|
|
109
|
-
destructive-foreground: oklch(0.985 0.008 24)
|
|
110
|
-
success: oklch(0.6 0.16 147)
|
|
111
|
-
warning: oklch(0.59 0.14 61)
|
|
112
|
-
border: oklch(0.877 0.009 135)
|
|
113
|
-
input: oklch(0.17 0.008 130)
|
|
114
|
-
ring: oklch(0.29 0.084 135)
|
|
115
|
-
surface-raised: oklch(0.955 0.008 132)
|
|
116
|
-
surface-overlay: oklch(0.99 0.005 132)
|
|
117
|
-
chart-1: oklch(0.4 0.09 135)
|
|
118
|
-
chart-2: oklch(0.6 0.12 229)
|
|
119
|
-
chart-3: oklch(0.66 0.13 58)
|
|
120
|
-
chart-4: oklch(0.7 0.15 135)
|
|
121
|
-
chart-5: oklch(0.62 0.12 80)
|
|
122
|
-
sidebar: oklch(0.985 0.005 132)
|
|
123
|
-
sidebar-foreground: oklch(0.17 0.008 130)
|
|
124
|
-
sidebar-primary: oklch(0.857 0.17 135)
|
|
125
|
-
sidebar-primary-foreground: oklch(0.17 0.008 130)
|
|
126
|
-
sidebar-accent: oklch(0.94 0.03 133)
|
|
127
|
-
sidebar-accent-foreground: oklch(0.25 0.05 135)
|
|
128
|
-
sidebar-border: oklch(0.9 0.008 133)
|
|
129
|
-
sidebar-ring: oklch(0.29 0.084 135)
|
|
130
|
-
dark:
|
|
131
|
-
background: oklch(0.18 0.012 135)
|
|
132
|
-
foreground: oklch(0.93 0.01 130)
|
|
133
|
-
card: oklch(0.22 0.014 135)
|
|
134
|
-
card-foreground: oklch(0.93 0.01 130)
|
|
135
|
-
popover: oklch(0.28 0.016 135)
|
|
136
|
-
popover-foreground: oklch(0.93 0.01 130)
|
|
137
|
-
primary: oklch(0.857 0.17 135)
|
|
138
|
-
primary-foreground: oklch(0.17 0.012 135)
|
|
139
|
-
secondary: oklch(0.26 0.016 135)
|
|
140
|
-
secondary-foreground: oklch(0.9 0.01 130)
|
|
141
|
-
muted: oklch(0.25 0.015 135)
|
|
142
|
-
muted-foreground: oklch(0.7 0.015 135)
|
|
143
|
-
accent: oklch(0.3 0.04 135)
|
|
144
|
-
accent-foreground: oklch(0.88 0.06 133)
|
|
145
|
-
destructive: oklch(0.62 0.19 25)
|
|
146
|
-
destructive-foreground: oklch(0.12 0.02 25)
|
|
147
|
-
success: oklch(0.7 0.16 147)
|
|
148
|
-
warning: oklch(0.72 0.13 65)
|
|
149
|
-
border: oklch(0.29 0.016 135)
|
|
150
|
-
input: oklch(0.5 0.02 135)
|
|
151
|
-
ring: oklch(0.857 0.17 135)
|
|
152
|
-
surface-raised: oklch(0.23 0.014 135)
|
|
153
|
-
surface-overlay: oklch(0.28 0.016 135)
|
|
154
|
-
chart-1: oklch(0.66 0.11 135)
|
|
155
|
-
chart-2: oklch(0.72 0.13 229)
|
|
156
|
-
chart-3: oklch(0.75 0.13 58)
|
|
157
|
-
chart-4: oklch(0.857 0.17 135)
|
|
158
|
-
chart-5: oklch(0.74 0.12 80)
|
|
159
|
-
sidebar: oklch(0.16 0.012 135)
|
|
160
|
-
sidebar-foreground: oklch(0.91 0.01 130)
|
|
161
|
-
sidebar-primary: oklch(0.857 0.17 135)
|
|
162
|
-
sidebar-primary-foreground: oklch(0.16 0.012 135)
|
|
163
|
-
sidebar-accent: oklch(0.22 0.014 135)
|
|
164
|
-
sidebar-accent-foreground: oklch(0.9 0.01 130)
|
|
165
|
-
sidebar-border: oklch(0.23 0.014 135)
|
|
166
|
-
sidebar-ring: oklch(0.857 0.17 135)
|
|
167
|
-
typography:
|
|
168
|
-
display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600] }
|
|
169
|
-
sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
|
|
170
|
-
mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
|
|
171
|
-
ramp:
|
|
172
|
-
display: { size: 32px, line: 38px, weight: 600, family: sans, tracking: -0.015em }
|
|
173
|
-
h1: { size: 28px, line: 34px, weight: 600, family: sans, tracking: -0.015em }
|
|
174
|
-
h2: { size: 22px, line: 29px, weight: 600, family: sans, tracking: -0.01em }
|
|
175
|
-
body: { size: 16px, line: 24px, weight: 400, family: sans }
|
|
176
|
-
small: { size: 14px, line: 20px, weight: 400, family: sans }
|
|
177
|
-
caption: { size: 12px, line: 16px, weight: 400, family: sans }
|
|
178
|
-
data: { size: 16px, line: 22px, weight: 400, family: mono, features: [tnum] }
|
|
179
|
-
register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps, amounts] }
|
|
180
|
-
elevation:
|
|
181
|
-
radius: { sm: 6px, md: 12px, lg: 16px }
|
|
182
|
-
hairline: border
|
|
183
|
-
shadow:
|
|
184
|
-
overlay: "0 8px 30px oklch(0.29 0.084 135 / 0.16)"
|
|
185
|
-
popover: "0 4px 16px oklch(0.29 0.084 135 / 0.12)"
|
|
186
|
-
dark-ladder: { background: 0.18, raised: 0.23, overlay: 0.28, hue-held: 135 }
|
|
187
|
-
motion:
|
|
188
|
-
duration: { press: 110ms, fade: 160ms, panel: 240ms }
|
|
189
|
-
easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
|
|
190
|
-
entrance-never: ease-in
|
|
191
|
-
identity-moments: [auth, first-run-empty]
|
|
192
|
-
iconography: { set: lucide, stroke: 1.75px, grid: [16px, 20px] }
|
|
193
|
-
charts:
|
|
194
|
-
categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
|
|
195
|
-
sequential: { from: background, to: chart-1 }
|
|
196
|
-
diverging: { negative: destructive, mid: background, positive: success }
|
|
197
|
-
layout: { base: 4px, sidebar: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1360px }
|
|
198
|
-
```
|