@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,196 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v2
|
|
3
|
-
id: warp
|
|
4
|
-
tier: brand
|
|
5
|
-
segments: [dev-tools, terminal, ai-agents]
|
|
6
|
-
keywords: [dark, warm, charcoal, monochrome, terminal, quiet]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit restoring the brand's warm-charcoal dark as the primary mood (v1 authored the light reading; it survives as the daytime theme); Inter Variable + DM Mono per v1"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# warp — a walnut workbench under one warm lamp
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
A late-night workshop: walnut bench rubbed near-black, one warm anglepoise lamp,
|
|
16
|
-
tools laid on oiled leather — everything brown-warm, nothing cold. Dark by default:
|
|
17
|
-
the brand's own warm charcoal (`oklch` hue ~65, never a cold gray) is the canvas,
|
|
18
|
-
authored as a ladder; the light theme is the same warmth on a paper floor. Strictly
|
|
19
|
-
monochrome — no chromatic accent exists; the one accent is ink, and the quiet
|
|
20
|
-
weight-400 display keeps the voice low.
|
|
21
|
-
|
|
22
|
-
## 2 Color Roles
|
|
23
|
-
Warm off-white `foreground` on warm charcoal. `primary` is monochrome — the paper-
|
|
24
|
-
white button on dark, the charcoal button on light — reserved for the one action,
|
|
25
|
-
active nav, and `ring`. `accent` is a warm neutral lift for selection, never a hue.
|
|
26
|
-
Every neutral carries the brown-beige temperature; a cool gray anywhere is
|
|
27
|
-
off-brand. Status hues are warmed (brick, moss, amber) and speak only status.
|
|
28
|
-
|
|
29
|
-
## 3 Typography
|
|
30
|
-
Inter (text) / DM Mono (data + terminal) — both open, per the brand. Register
|
|
31
|
-
scope: page titles wear weight 400 with negative tracking — the quiet display, the
|
|
32
|
-
defining trait; component heads step to 500; nothing reaches 700. DM Mono owns IDs,
|
|
33
|
-
codes, timestamps, log lines, and every terminal surface. Numerals are always
|
|
34
|
-
`tabular-nums`; emphasis is size or the mono, never heavy weight.
|
|
35
|
-
|
|
36
|
-
## 4 Component Stylings
|
|
37
|
-
Buttons near-rectangular `radius-sm` (4px, never pill), paper `primary` fill on
|
|
38
|
-
dark; inputs hairline `border` with the `ring` at 2px, no glow; cards one warm
|
|
39
|
-
surface step above the canvas, hairline-edged, never shadowed; table rows `muted`
|
|
40
|
-
hover, `accent` selection; detail in the side panel; badges alone pill, `muted` or
|
|
41
|
-
status fills; the terminal inlay is real chrome — `background`-deep, mono, both
|
|
42
|
-
themes.
|
|
43
|
-
|
|
44
|
-
## 5 Layout
|
|
45
|
-
4px base; sidebar 240/56px; topbar 52px; side panel 420/640px; content max 1360px;
|
|
46
|
-
a touch tight throughout — the terminal dialect through the shell.
|
|
47
|
-
|
|
48
|
-
## 6 Depth
|
|
49
|
-
Dark first: the authored warm ladder — `background` 0.26 L, `surface-raised` +0.05,
|
|
50
|
-
`surface-overlay` +0.09, hue held at 65; hairlines stay warm, never cold. Light:
|
|
51
|
-
paper floor with off-white cards, the bright step plus warm hairline carrying every
|
|
52
|
-
lift; the faintest warm-tinted shadow only on true overlays.
|
|
53
|
-
|
|
54
|
-
## 7 Motion
|
|
55
|
-
Unhurried, small. Named moments: `panel-slide` (side panel, 240ms, interruptible),
|
|
56
|
-
`lamp-fade` (page content arrive, 160ms), `press` (primary action, 110ms). Blocks
|
|
57
|
-
of terminal output appear whole — never typed-on. Physicality granted only to auth
|
|
58
|
-
and first-run empty states.
|
|
59
|
-
|
|
60
|
-
## 8 Iconography & Charts
|
|
61
|
-
Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
|
|
62
|
-
axes, warm chrome; categorical runs charcoal, amber, moss, brick, one dusty-blue
|
|
63
|
-
counterpoint (`chart-1..5`); sequential canvas→ink; tooltips on `surface-overlay`
|
|
64
|
-
with DM Mono numerals.
|
|
65
|
-
|
|
66
|
-
## 9 Voice
|
|
67
|
-
Workshop calm: short declaratives, no exclamation, the tool never talks over the
|
|
68
|
-
work. "Run session" · "No sessions open — the last one closed cleanly" · "This
|
|
69
|
-
command needs a workspace; pick one to continue."
|
|
70
|
-
|
|
71
|
-
## 10 Do's & Don'ts
|
|
72
|
-
Do keep every neutral warm — the brown-beige temperature is the identity; pure
|
|
73
|
-
white, pure black, or cool gray anywhere breaks it. Do keep page titles at 400 with
|
|
74
|
-
negative tracking. Don't introduce a chromatic accent — a colored CTA is the single
|
|
75
|
-
most off-brand move. Don't render a heading at 700+, pill a button, or shadow a
|
|
76
|
-
card.
|
|
77
|
-
|
|
78
|
-
## 11 Responsive
|
|
79
|
-
375: sidebar → off-canvas drawer, side panel → full sheet, list+detail stacks. 768:
|
|
80
|
-
sidebar → icon rail; tables and terminal inlays scroll horizontally, never wrap.
|
|
81
|
-
1024/1440: two-pane queue+detail holds; forms cap, tables full width.
|
|
82
|
-
|
|
83
|
-
## 12 Agent Prompt Guide
|
|
84
|
-
Wear the warm charcoal as the room; light is the paper daytime of the same wood.
|
|
85
|
-
The accent is ink — spend it once; color belongs only to status and charts. Titles
|
|
86
|
-
stay quiet at 400. Terminal, log, and code surfaces are real chrome in DM Mono at
|
|
87
|
-
canvas depth. Dark is authored — consult the block, never invert the paper.
|
|
88
|
-
|
|
89
|
-
```yaml design-values
|
|
90
|
-
color:
|
|
91
|
-
light:
|
|
92
|
-
background: oklch(0.953 0.01 87)
|
|
93
|
-
foreground: oklch(0.25 0.012 65)
|
|
94
|
-
card: oklch(0.97 0.007 88)
|
|
95
|
-
card-foreground: oklch(0.25 0.012 65)
|
|
96
|
-
popover: oklch(0.975 0.007 88)
|
|
97
|
-
popover-foreground: oklch(0.25 0.012 65)
|
|
98
|
-
primary: oklch(0.27 0.012 65)
|
|
99
|
-
primary-foreground: oklch(0.97 0.007 88)
|
|
100
|
-
secondary: oklch(0.926 0.013 87)
|
|
101
|
-
secondary-foreground: oklch(0.3 0.012 65)
|
|
102
|
-
muted: oklch(0.93 0.012 87)
|
|
103
|
-
muted-foreground: oklch(0.45 0.015 78)
|
|
104
|
-
accent: oklch(0.905 0.015 87)
|
|
105
|
-
accent-foreground: oklch(0.28 0.012 65)
|
|
106
|
-
destructive: oklch(0.54 0.17 30)
|
|
107
|
-
destructive-foreground: oklch(0.98 0.01 30)
|
|
108
|
-
success: oklch(0.55 0.11 136)
|
|
109
|
-
warning: oklch(0.6 0.12 70)
|
|
110
|
-
border: oklch(0.898 0.015 87)
|
|
111
|
-
input: oklch(0.898 0.015 87)
|
|
112
|
-
ring: oklch(0.27 0.012 65)
|
|
113
|
-
surface-raised: oklch(0.965 0.008 88)
|
|
114
|
-
surface-overlay: oklch(0.975 0.007 88)
|
|
115
|
-
chart-1: oklch(0.4 0.02 65)
|
|
116
|
-
chart-2: oklch(0.65 0.12 70)
|
|
117
|
-
chart-3: oklch(0.56 0.11 136)
|
|
118
|
-
chart-4: oklch(0.55 0.15 30)
|
|
119
|
-
chart-5: oklch(0.55 0.06 240)
|
|
120
|
-
sidebar: oklch(0.935 0.011 87)
|
|
121
|
-
sidebar-foreground: oklch(0.27 0.012 65)
|
|
122
|
-
sidebar-primary: oklch(0.27 0.012 65)
|
|
123
|
-
sidebar-primary-foreground: oklch(0.97 0.007 88)
|
|
124
|
-
sidebar-accent: oklch(0.895 0.015 87)
|
|
125
|
-
sidebar-accent-foreground: oklch(0.28 0.012 65)
|
|
126
|
-
sidebar-border: oklch(0.885 0.015 87)
|
|
127
|
-
sidebar-ring: oklch(0.27 0.012 65)
|
|
128
|
-
dark:
|
|
129
|
-
background: oklch(0.26 0.012 65)
|
|
130
|
-
foreground: oklch(0.95 0.008 85)
|
|
131
|
-
card: oklch(0.3 0.012 65)
|
|
132
|
-
card-foreground: oklch(0.95 0.008 85)
|
|
133
|
-
popover: oklch(0.35 0.013 65)
|
|
134
|
-
popover-foreground: oklch(0.95 0.008 85)
|
|
135
|
-
primary: oklch(0.95 0.008 85)
|
|
136
|
-
primary-foreground: oklch(0.26 0.012 65)
|
|
137
|
-
secondary: oklch(0.33 0.013 65)
|
|
138
|
-
secondary-foreground: oklch(0.92 0.009 85)
|
|
139
|
-
muted: oklch(0.32 0.013 65)
|
|
140
|
-
muted-foreground: oklch(0.74 0.015 80)
|
|
141
|
-
accent: oklch(0.36 0.014 65)
|
|
142
|
-
accent-foreground: oklch(0.93 0.009 85)
|
|
143
|
-
destructive: oklch(0.64 0.17 30)
|
|
144
|
-
destructive-foreground: oklch(0.13 0.02 30)
|
|
145
|
-
success: oklch(0.7 0.11 136)
|
|
146
|
-
warning: oklch(0.74 0.12 70)
|
|
147
|
-
border: oklch(0.36 0.013 65)
|
|
148
|
-
input: oklch(0.36 0.013 65)
|
|
149
|
-
ring: oklch(0.95 0.008 85)
|
|
150
|
-
surface-raised: oklch(0.31 0.013 65)
|
|
151
|
-
surface-overlay: oklch(0.35 0.013 65)
|
|
152
|
-
chart-1: oklch(0.85 0.02 85)
|
|
153
|
-
chart-2: oklch(0.74 0.12 70)
|
|
154
|
-
chart-3: oklch(0.72 0.11 136)
|
|
155
|
-
chart-4: oklch(0.66 0.15 30)
|
|
156
|
-
chart-5: oklch(0.68 0.07 240)
|
|
157
|
-
sidebar: oklch(0.24 0.012 65)
|
|
158
|
-
sidebar-foreground: oklch(0.93 0.009 85)
|
|
159
|
-
sidebar-primary: oklch(0.95 0.008 85)
|
|
160
|
-
sidebar-primary-foreground: oklch(0.25 0.012 65)
|
|
161
|
-
sidebar-accent: oklch(0.3 0.012 65)
|
|
162
|
-
sidebar-accent-foreground: oklch(0.93 0.009 85)
|
|
163
|
-
sidebar-border: oklch(0.31 0.013 65)
|
|
164
|
-
sidebar-ring: oklch(0.95 0.008 85)
|
|
165
|
-
typography:
|
|
166
|
-
display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400] }
|
|
167
|
-
sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
|
|
168
|
-
mono: { family: "DM Mono", fallback: "ui-monospace, monospace", weights: [400, 500] }
|
|
169
|
-
ramp:
|
|
170
|
-
display: { size: 28px, line: 34px, weight: 400, family: sans, tracking: -0.02em }
|
|
171
|
-
h1: { size: 24px, line: 30px, weight: 400, family: sans, tracking: -0.02em }
|
|
172
|
-
h2: { size: 20px, line: 26px, weight: 400, family: sans, tracking: -0.015em }
|
|
173
|
-
body: { size: 14px, line: 20px, weight: 400, family: sans }
|
|
174
|
-
small: { size: 13px, line: 18px, weight: 400, family: sans }
|
|
175
|
-
caption: { size: 12px, line: 16px, weight: 500, family: sans, tracking: 0.04em, transform: uppercase }
|
|
176
|
-
data: { size: 13px, line: 19px, weight: 400, family: mono, features: [tnum] }
|
|
177
|
-
register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps, logs, terminal] }
|
|
178
|
-
elevation:
|
|
179
|
-
radius: { sm: 4px, md: 6px, lg: 9999px }
|
|
180
|
-
hairline: border
|
|
181
|
-
shadow:
|
|
182
|
-
overlay: "0 8px 28px oklch(0.15 0.012 65 / 0.4)"
|
|
183
|
-
popover: "0 4px 14px oklch(0.15 0.012 65 / 0.3)"
|
|
184
|
-
dark-ladder: { background: 0.26, raised: 0.31, overlay: 0.35, hue-held: 65 }
|
|
185
|
-
motion:
|
|
186
|
-
duration: { press: 110ms, fade: 160ms, panel: 240ms }
|
|
187
|
-
easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
|
|
188
|
-
entrance-never: ease-in
|
|
189
|
-
identity-moments: [auth, first-run-empty]
|
|
190
|
-
iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
|
|
191
|
-
charts:
|
|
192
|
-
categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
|
|
193
|
-
sequential: { from: background, to: foreground }
|
|
194
|
-
diverging: { negative: chart-4, mid: muted, positive: chart-3 }
|
|
195
|
-
layout: { base: 4px, sidebar: [240px, 56px], topbar: 52px, side-panel: [420px, 640px], content-max: 1360px }
|
|
196
|
-
```
|
|
@@ -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
|
-
```
|