@nurix/etna 0.19.49 → 0.19.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/data/harness-index.json +1 -1
- package/data/harnesses/apollo/harness.json +2 -2
- package/data/harnesses/apollo/hooks/hooks.json +3 -1
- package/data/harnesses/apollo/skills/design/SKILL.md +55 -29
- package/data/harnesses/apollo/skills/design/references/compose.md +8 -4
- package/data/harnesses/apollo/skills/design/references/content.md +5 -5
- package/data/harnesses/apollo/skills/design/references/existing-apps.md +1 -1
- package/data/harnesses/apollo/skills/design/references/intake.md +11 -7
- package/data/harnesses/apollo/skills/design/references/object-pass.md +1 -1
- package/data/harnesses/apollo/skills/design/references/ship-gate.md +3 -3
- package/data/harnesses/apollo/skills/design/scripts/select-chart.mjs +26 -6
- package/data/harnesses/code/harness.json +2 -2
- package/data/harnesses/code/hooks/hooks.json +3 -1
- package/data/harnesses/code/skills/design/SKILL.md +55 -29
- package/data/harnesses/code/skills/design/references/compose.md +8 -4
- package/data/harnesses/code/skills/design/references/content.md +5 -5
- package/data/harnesses/code/skills/design/references/existing-apps.md +1 -1
- package/data/harnesses/code/skills/design/references/intake.md +11 -7
- package/data/harnesses/code/skills/design/references/object-pass.md +1 -1
- package/data/harnesses/code/skills/design/references/ship-gate.md +3 -3
- package/data/harnesses/code/skills/design/scripts/select-chart.mjs +26 -6
- package/package.json +2 -2
- package/data/harnesses/apollo/skills/design/data/blueprints/browse.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/creation-flow.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/dashboard.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/grid.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/queue.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/record-detail.md +0 -38
- package/data/harnesses/apollo/skills/design/data/blueprints/settings.md +0 -38
- package/data/harnesses/apollo/skills/design/data/chart-styling/Readme.md +0 -33
- package/data/harnesses/apollo/skills/design/data/chart-styling/carbon-accessible-alert-semantic.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/carbon-monochrome-sequential-trend.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/datadog-classic-six-aligned.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/datawrapper-tiered-gray-hierarchy.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/econ-red-rule-horizontal.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/financial-diverging-threshold-overlay.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/ft-vocabulary-ranked-muted.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/grafana-dark-threshold-bands.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/material-rounded-explicit-label.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/nyt-ghost-grid-direct-label.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/plot-currentcolor-inherit.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/saas-gradient-glow-area.md +0 -19
- package/data/harnesses/apollo/skills/design/data/chart-styling/shadcn-composable-css-vars.md +0 -19
- package/data/harnesses/apollo/skills/design/data/charts/census.csv +0 -58
- package/data/harnesses/apollo/skills/design/data/checklists/browse.md +0 -21
- package/data/harnesses/apollo/skills/design/data/checklists/creation-flow.md +0 -20
- package/data/harnesses/apollo/skills/design/data/checklists/dashboard.md +0 -21
- package/data/harnesses/apollo/skills/design/data/checklists/grid.md +0 -21
- package/data/harnesses/apollo/skills/design/data/checklists/queue.md +0 -21
- package/data/harnesses/apollo/skills/design/data/checklists/record-detail.md +0 -21
- package/data/harnesses/apollo/skills/design/data/checklists/settings.md +0 -21
- package/data/harnesses/apollo/skills/design/data/chrome/board-column.md +0 -68
- package/data/harnesses/apollo/skills/design/data/chrome/data-table.md +0 -63
- package/data/harnesses/apollo/skills/design/data/chrome/side-panel.md +0 -60
- package/data/harnesses/apollo/skills/design/data/chrome/sidebar.md +0 -78
- package/data/harnesses/apollo/skills/design/data/chrome/stat-cards.md +0 -62
- package/data/harnesses/apollo/skills/design/data/chrome/topbar.md +0 -65
- package/data/harnesses/apollo/skills/design/data/color/accent-presets.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/aesop-earth-mute.md +0 -91
- package/data/harnesses/apollo/skills/design/data/color/arc-peach-play.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/attio-hunter-teal.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/carbon-cyan-signal.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/clay-parchment.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/duolingo-feather.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/geist-mono-signal.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/linear-graphite-violet.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/mercury-onyx-cobalt.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/notion-paper-ink.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/radix-slate-iris.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/raycast-void-spectrum.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/spectrum-celery-fuchsia.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/stripe-blurple-ruby.md +0 -90
- package/data/harnesses/apollo/skills/design/data/color/superhuman-cod-picton.md +0 -89
- package/data/harnesses/apollo/skills/design/data/corpora/operations-review/companies.csv +0 -15
- package/data/harnesses/apollo/skills/design/data/corpora/operations-review/corpus.md +0 -87
- package/data/harnesses/apollo/skills/design/data/corpora/operations-review/people.csv +0 -25
- package/data/harnesses/apollo/skills/design/data/corpora/procurement-approvals/companies.csv +0 -15
- package/data/harnesses/apollo/skills/design/data/corpora/procurement-approvals/corpus.md +0 -83
- package/data/harnesses/apollo/skills/design/data/corpora/procurement-approvals/people.csv +0 -25
- package/data/harnesses/apollo/skills/design/data/corpora/revenue-analytics/companies.csv +0 -15
- package/data/harnesses/apollo/skills/design/data/corpora/revenue-analytics/corpus.md +0 -89
- package/data/harnesses/apollo/skills/design/data/corpora/revenue-analytics/people.csv +0 -25
- package/data/harnesses/apollo/skills/design/data/elevation/ant-design-directional-shadow.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/apple-liquid-glass-material.md +0 -18
- package/data/harnesses/apollo/skills/design/data/elevation/atlassian-surface-shadow-pairing.md +0 -20
- package/data/harnesses/apollo/skills/design/data/elevation/fluent-2-key-ambient-ramp.md +0 -20
- package/data/harnesses/apollo/skills/design/data/elevation/github-primer-sparing-shadow.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/ibm-carbon-layer-and-border.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/linear-dark-surface-ladder.md +0 -17
- package/data/harnesses/apollo/skills/design/data/elevation/material-2-key-ambient-dp-ramp.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/material-3-tonal-elevation.md +0 -21
- package/data/harnesses/apollo/skills/design/data/elevation/neobrutalist-hard-offset.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/neumorphic-soft-dual-shadow.md +0 -18
- package/data/harnesses/apollo/skills/design/data/elevation/notion-warm-minimal-hairline.md +0 -17
- package/data/harnesses/apollo/skills/design/data/elevation/polaris-elevation-inset-bevel.md +0 -21
- package/data/harnesses/apollo/skills/design/data/elevation/radix-themes-alpha-ring-scale.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/shadcn-neutral-derived-radius.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/stripe-brand-tinted-dual-shadow.md +0 -18
- package/data/harnesses/apollo/skills/design/data/elevation/tailwind-default-utility-scale.md +0 -19
- package/data/harnesses/apollo/skills/design/data/elevation/vercel-geist-shadow-as-border.md +0 -20
- package/data/harnesses/apollo/skills/design/data/gradients/amber-attention-fill.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/cloud-shadow-wash.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/confident-lavender-wash.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/ember-ship-flare.md +0 -18
- package/data/harnesses/apollo/skills/design/data/gradients/full-metal-wash.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/indigo-ruby-cta-band.md +0 -18
- package/data/harnesses/apollo/skills/design/data/gradients/linear-graphite-wash.md +0 -18
- package/data/harnesses/apollo/skills/design/data/gradients/marble-quartz-wash.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/midnight-aurora-panel.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/neutral-volume-fill.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/revenue-uptrend-fill.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/risk-decline-fill.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/signal-blue-develop.md +0 -18
- package/data/harnesses/apollo/skills/design/data/gradients/slate-mist-wash.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/stripe-atmosphere-mesh.md +0 -18
- package/data/harnesses/apollo/skills/design/data/gradients/teal-signal-accent.md +0 -16
- package/data/harnesses/apollo/skills/design/data/gradients/violet-magenta-promo.md +0 -16
- package/data/harnesses/apollo/skills/design/data/iconography.md +0 -199
- package/data/harnesses/apollo/skills/design/data/motion/accordion-expand.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/destructive-hold-confirm.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/drag-dismiss-momentum.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/empty-state-arrive.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/hover-lift.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/modal-center-arrive.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/number-ticker-roll.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/onboarding-bounce.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/panel-slide.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/press-feedback.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/progress-linear-loop.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/route-crossfade.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/rubber-band-overscroll.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/skeleton-shimmer.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/stagger-arrive.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/toast-enter-stack.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/tooltip-chain-instant.md +0 -18
- package/data/harnesses/apollo/skills/design/data/motion/trigger-anchored-reveal.md +0 -18
- package/data/harnesses/apollo/skills/design/data/tells.csv +0 -34
- package/data/harnesses/apollo/skills/design/data/typography/anton-work-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/archivo-black-archivo.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/bitter-karla.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/dm-serif-dm-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/fraunces-inter.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/geist-geist-mono.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/hubot-sans-mona-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/ibm-plex-sans-operator-single-family.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/instrument-serif-instrument-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/inter-operator-single-family.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/libre-baskerville-libre-franklin.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/newsreader-inter.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/playfair-display-source-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/public-sans-operator-single-family.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/sohne-inter-fintech.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/source-serif-source-sans.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/space-grotesk-work-sans-space-mono.md +0 -17
- package/data/harnesses/apollo/skills/design/data/typography/spectral-manrope.md +0 -17
- package/data/harnesses/apollo/skills/design/data/voices/bright-collaborator.md +0 -29
- package/data/harnesses/apollo/skills/design/data/voices/direct-operator.md +0 -29
- package/data/harnesses/apollo/skills/design/data/voices/earnest-helper.md +0 -29
- package/data/harnesses/apollo/skills/design/data/voices/editorial-composed.md +0 -29
- package/data/harnesses/apollo/skills/design/data/voices/quiet-concierge.md +0 -29
- package/data/harnesses/apollo/skills/design/data/voices/warm-guide.md +0 -29
- package/data/harnesses/apollo/skills/design/design-md/SCHEMA.md +0 -179
- package/data/harnesses/apollo/skills/design/design-md/index.csv +0 -67
- package/data/harnesses/apollo/skills/design/design-md/library/airbnb.md +0 -207
- package/data/harnesses/apollo/skills/design/design-md/library/airtable.md +0 -205
- package/data/harnesses/apollo/skills/design/design-md/library/anthropic-claude.md +0 -203
- package/data/harnesses/apollo/skills/design/design-md/library/apple.md +0 -206
- package/data/harnesses/apollo/skills/design/design-md/library/binance.md +0 -210
- package/data/harnesses/apollo/skills/design/design-md/library/bmw.md +0 -210
- package/data/harnesses/apollo/skills/design/design-md/library/cal.md +0 -209
- package/data/harnesses/apollo/skills/design/design-md/library/clay.md +0 -204
- package/data/harnesses/apollo/skills/design/design-md/library/clickhouse.md +0 -205
- package/data/harnesses/apollo/skills/design/design-md/library/cohere.md +0 -205
- package/data/harnesses/apollo/skills/design/design-md/library/coinbase.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/library/composio.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/library/cursor.md +0 -197
- package/data/harnesses/apollo/skills/design/design-md/library/elevenlabs.md +0 -199
- package/data/harnesses/apollo/skills/design/design-md/library/expo.md +0 -200
- package/data/harnesses/apollo/skills/design/design-md/library/figma.md +0 -199
- package/data/harnesses/apollo/skills/design/design-md/library/framer.md +0 -202
- package/data/harnesses/apollo/skills/design/design-md/library/hashicorp.md +0 -205
- package/data/harnesses/apollo/skills/design/design-md/library/ibm.md +0 -205
- package/data/harnesses/apollo/skills/design/design-md/library/intercom.md +0 -204
- package/data/harnesses/apollo/skills/design/design-md/library/kraken.md +0 -200
- package/data/harnesses/apollo/skills/design/design-md/library/linear-app.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/library/lovable.md +0 -199
- package/data/harnesses/apollo/skills/design/design-md/library/meta.md +0 -204
- package/data/harnesses/apollo/skills/design/design-md/library/minimax.md +0 -204
- package/data/harnesses/apollo/skills/design/design-md/library/mintlify.md +0 -210
- package/data/harnesses/apollo/skills/design/design-md/library/miro.md +0 -209
- package/data/harnesses/apollo/skills/design/design-md/library/mistral-ai.md +0 -201
- package/data/harnesses/apollo/skills/design/design-md/library/mongodb.md +0 -201
- package/data/harnesses/apollo/skills/design/design-md/library/notion.md +0 -204
- package/data/harnesses/apollo/skills/design/design-md/library/nvidia.md +0 -215
- package/data/harnesses/apollo/skills/design/design-md/library/ollama.md +0 -213
- package/data/harnesses/apollo/skills/design/design-md/library/opencode-ai.md +0 -216
- package/data/harnesses/apollo/skills/design/design-md/library/posthog.md +0 -218
- package/data/harnesses/apollo/skills/design/design-md/library/raycast.md +0 -214
- package/data/harnesses/apollo/skills/design/design-md/library/replicate.md +0 -202
- package/data/harnesses/apollo/skills/design/design-md/library/resend.md +0 -203
- package/data/harnesses/apollo/skills/design/design-md/library/revolut.md +0 -203
- package/data/harnesses/apollo/skills/design/design-md/library/runwayml.md +0 -203
- package/data/harnesses/apollo/skills/design/design-md/library/sanity.md +0 -200
- package/data/harnesses/apollo/skills/design/design-md/library/sentry.md +0 -201
- package/data/harnesses/apollo/skills/design/design-md/library/shopify.md +0 -202
- package/data/harnesses/apollo/skills/design/design-md/library/slack.md +0 -202
- package/data/harnesses/apollo/skills/design/design-md/library/spacex.md +0 -206
- package/data/harnesses/apollo/skills/design/design-md/library/spotify.md +0 -206
- package/data/harnesses/apollo/skills/design/design-md/library/stripe.md +0 -196
- package/data/harnesses/apollo/skills/design/design-md/library/supabase.md +0 -196
- package/data/harnesses/apollo/skills/design/design-md/library/superhuman.md +0 -194
- package/data/harnesses/apollo/skills/design/design-md/library/tesla.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/library/theverge.md +0 -199
- package/data/harnesses/apollo/skills/design/design-md/library/together-ai.md +0 -193
- package/data/harnesses/apollo/skills/design/design-md/library/uber.md +0 -195
- package/data/harnesses/apollo/skills/design/design-md/library/vercel.md +0 -195
- package/data/harnesses/apollo/skills/design/design-md/library/voltagent.md +0 -197
- package/data/harnesses/apollo/skills/design/design-md/library/warp.md +0 -196
- package/data/harnesses/apollo/skills/design/design-md/library/webflow.md +0 -197
- package/data/harnesses/apollo/skills/design/design-md/library/wired.md +0 -197
- package/data/harnesses/apollo/skills/design/design-md/library/wise.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/library/x-ai.md +0 -199
- package/data/harnesses/apollo/skills/design/design-md/library/zapier.md +0 -198
- package/data/harnesses/apollo/skills/design/design-md/nurix.md +0 -214
- package/data/harnesses/apollo/skills/design/design-md/variants/editorial-luxury.md +0 -184
- package/data/harnesses/apollo/skills/design/design-md/variants/expressive-saas.md +0 -216
- package/data/harnesses/apollo/skills/design/design-md/variants/quiet-premium.md +0 -211
- package/data/harnesses/apollo/skills/design/design-md/variants/terse-dense-operator.md +0 -212
- package/data/harnesses/apollo/skills/design/design-md/variants/warm-approachable.md +0 -216
- package/data/harnesses/code/skills/design/data/blueprints/browse.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/creation-flow.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/dashboard.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/grid.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/queue.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/record-detail.md +0 -38
- package/data/harnesses/code/skills/design/data/blueprints/settings.md +0 -38
- package/data/harnesses/code/skills/design/data/chart-styling/Readme.md +0 -33
- package/data/harnesses/code/skills/design/data/chart-styling/carbon-accessible-alert-semantic.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/carbon-monochrome-sequential-trend.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/datadog-classic-six-aligned.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/datawrapper-tiered-gray-hierarchy.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/econ-red-rule-horizontal.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/financial-diverging-threshold-overlay.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/ft-vocabulary-ranked-muted.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/grafana-dark-threshold-bands.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/material-rounded-explicit-label.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/nyt-ghost-grid-direct-label.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/plot-currentcolor-inherit.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/saas-gradient-glow-area.md +0 -19
- package/data/harnesses/code/skills/design/data/chart-styling/shadcn-composable-css-vars.md +0 -19
- package/data/harnesses/code/skills/design/data/charts/census.csv +0 -58
- package/data/harnesses/code/skills/design/data/checklists/browse.md +0 -21
- package/data/harnesses/code/skills/design/data/checklists/creation-flow.md +0 -20
- package/data/harnesses/code/skills/design/data/checklists/dashboard.md +0 -21
- package/data/harnesses/code/skills/design/data/checklists/grid.md +0 -21
- package/data/harnesses/code/skills/design/data/checklists/queue.md +0 -21
- package/data/harnesses/code/skills/design/data/checklists/record-detail.md +0 -21
- package/data/harnesses/code/skills/design/data/checklists/settings.md +0 -21
- package/data/harnesses/code/skills/design/data/chrome/board-column.md +0 -68
- package/data/harnesses/code/skills/design/data/chrome/data-table.md +0 -63
- package/data/harnesses/code/skills/design/data/chrome/side-panel.md +0 -60
- package/data/harnesses/code/skills/design/data/chrome/sidebar.md +0 -78
- package/data/harnesses/code/skills/design/data/chrome/stat-cards.md +0 -62
- package/data/harnesses/code/skills/design/data/chrome/topbar.md +0 -65
- package/data/harnesses/code/skills/design/data/color/accent-presets.md +0 -90
- package/data/harnesses/code/skills/design/data/color/aesop-earth-mute.md +0 -91
- package/data/harnesses/code/skills/design/data/color/arc-peach-play.md +0 -90
- package/data/harnesses/code/skills/design/data/color/attio-hunter-teal.md +0 -90
- package/data/harnesses/code/skills/design/data/color/carbon-cyan-signal.md +0 -90
- package/data/harnesses/code/skills/design/data/color/clay-parchment.md +0 -90
- package/data/harnesses/code/skills/design/data/color/duolingo-feather.md +0 -90
- package/data/harnesses/code/skills/design/data/color/geist-mono-signal.md +0 -90
- package/data/harnesses/code/skills/design/data/color/linear-graphite-violet.md +0 -90
- package/data/harnesses/code/skills/design/data/color/mercury-onyx-cobalt.md +0 -90
- package/data/harnesses/code/skills/design/data/color/notion-paper-ink.md +0 -90
- package/data/harnesses/code/skills/design/data/color/radix-slate-iris.md +0 -90
- package/data/harnesses/code/skills/design/data/color/raycast-void-spectrum.md +0 -90
- package/data/harnesses/code/skills/design/data/color/spectrum-celery-fuchsia.md +0 -90
- package/data/harnesses/code/skills/design/data/color/stripe-blurple-ruby.md +0 -90
- package/data/harnesses/code/skills/design/data/color/superhuman-cod-picton.md +0 -89
- package/data/harnesses/code/skills/design/data/corpora/operations-review/companies.csv +0 -15
- package/data/harnesses/code/skills/design/data/corpora/operations-review/corpus.md +0 -87
- package/data/harnesses/code/skills/design/data/corpora/operations-review/people.csv +0 -25
- package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/companies.csv +0 -15
- package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/corpus.md +0 -83
- package/data/harnesses/code/skills/design/data/corpora/procurement-approvals/people.csv +0 -25
- package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/companies.csv +0 -15
- package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/corpus.md +0 -89
- package/data/harnesses/code/skills/design/data/corpora/revenue-analytics/people.csv +0 -25
- package/data/harnesses/code/skills/design/data/elevation/ant-design-directional-shadow.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/apple-liquid-glass-material.md +0 -18
- package/data/harnesses/code/skills/design/data/elevation/atlassian-surface-shadow-pairing.md +0 -20
- package/data/harnesses/code/skills/design/data/elevation/fluent-2-key-ambient-ramp.md +0 -20
- package/data/harnesses/code/skills/design/data/elevation/github-primer-sparing-shadow.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/ibm-carbon-layer-and-border.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/linear-dark-surface-ladder.md +0 -17
- package/data/harnesses/code/skills/design/data/elevation/material-2-key-ambient-dp-ramp.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/material-3-tonal-elevation.md +0 -21
- package/data/harnesses/code/skills/design/data/elevation/neobrutalist-hard-offset.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/neumorphic-soft-dual-shadow.md +0 -18
- package/data/harnesses/code/skills/design/data/elevation/notion-warm-minimal-hairline.md +0 -17
- package/data/harnesses/code/skills/design/data/elevation/polaris-elevation-inset-bevel.md +0 -21
- package/data/harnesses/code/skills/design/data/elevation/radix-themes-alpha-ring-scale.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/shadcn-neutral-derived-radius.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/stripe-brand-tinted-dual-shadow.md +0 -18
- package/data/harnesses/code/skills/design/data/elevation/tailwind-default-utility-scale.md +0 -19
- package/data/harnesses/code/skills/design/data/elevation/vercel-geist-shadow-as-border.md +0 -20
- package/data/harnesses/code/skills/design/data/gradients/amber-attention-fill.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/cloud-shadow-wash.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/confident-lavender-wash.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/ember-ship-flare.md +0 -18
- package/data/harnesses/code/skills/design/data/gradients/full-metal-wash.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/indigo-ruby-cta-band.md +0 -18
- package/data/harnesses/code/skills/design/data/gradients/linear-graphite-wash.md +0 -18
- package/data/harnesses/code/skills/design/data/gradients/marble-quartz-wash.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/midnight-aurora-panel.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/neutral-volume-fill.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/revenue-uptrend-fill.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/risk-decline-fill.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/signal-blue-develop.md +0 -18
- package/data/harnesses/code/skills/design/data/gradients/slate-mist-wash.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/stripe-atmosphere-mesh.md +0 -18
- package/data/harnesses/code/skills/design/data/gradients/teal-signal-accent.md +0 -16
- package/data/harnesses/code/skills/design/data/gradients/violet-magenta-promo.md +0 -16
- package/data/harnesses/code/skills/design/data/iconography.md +0 -199
- package/data/harnesses/code/skills/design/data/motion/accordion-expand.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/destructive-hold-confirm.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/drag-dismiss-momentum.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/empty-state-arrive.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/hover-lift.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/modal-center-arrive.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/number-ticker-roll.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/onboarding-bounce.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/panel-slide.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/press-feedback.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/progress-linear-loop.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/route-crossfade.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/rubber-band-overscroll.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/skeleton-shimmer.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/stagger-arrive.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/toast-enter-stack.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/tooltip-chain-instant.md +0 -18
- package/data/harnesses/code/skills/design/data/motion/trigger-anchored-reveal.md +0 -18
- package/data/harnesses/code/skills/design/data/tells.csv +0 -34
- package/data/harnesses/code/skills/design/data/typography/anton-work-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/archivo-black-archivo.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/bitter-karla.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/dm-serif-dm-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/fraunces-inter.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/geist-geist-mono.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/hubot-sans-mona-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/ibm-plex-sans-operator-single-family.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/instrument-serif-instrument-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/inter-operator-single-family.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/libre-baskerville-libre-franklin.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/newsreader-inter.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/playfair-display-source-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/public-sans-operator-single-family.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/sohne-inter-fintech.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/source-serif-source-sans.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/space-grotesk-work-sans-space-mono.md +0 -17
- package/data/harnesses/code/skills/design/data/typography/spectral-manrope.md +0 -17
- package/data/harnesses/code/skills/design/data/voices/bright-collaborator.md +0 -29
- package/data/harnesses/code/skills/design/data/voices/direct-operator.md +0 -29
- package/data/harnesses/code/skills/design/data/voices/earnest-helper.md +0 -29
- package/data/harnesses/code/skills/design/data/voices/editorial-composed.md +0 -29
- package/data/harnesses/code/skills/design/data/voices/quiet-concierge.md +0 -29
- package/data/harnesses/code/skills/design/data/voices/warm-guide.md +0 -29
- package/data/harnesses/code/skills/design/design-md/SCHEMA.md +0 -179
- package/data/harnesses/code/skills/design/design-md/index.csv +0 -67
- package/data/harnesses/code/skills/design/design-md/library/airbnb.md +0 -207
- package/data/harnesses/code/skills/design/design-md/library/airtable.md +0 -205
- package/data/harnesses/code/skills/design/design-md/library/anthropic-claude.md +0 -203
- package/data/harnesses/code/skills/design/design-md/library/apple.md +0 -206
- package/data/harnesses/code/skills/design/design-md/library/binance.md +0 -210
- package/data/harnesses/code/skills/design/design-md/library/bmw.md +0 -210
- package/data/harnesses/code/skills/design/design-md/library/cal.md +0 -209
- package/data/harnesses/code/skills/design/design-md/library/clay.md +0 -204
- package/data/harnesses/code/skills/design/design-md/library/clickhouse.md +0 -205
- package/data/harnesses/code/skills/design/design-md/library/cohere.md +0 -205
- package/data/harnesses/code/skills/design/design-md/library/coinbase.md +0 -198
- package/data/harnesses/code/skills/design/design-md/library/composio.md +0 -198
- package/data/harnesses/code/skills/design/design-md/library/cursor.md +0 -197
- package/data/harnesses/code/skills/design/design-md/library/elevenlabs.md +0 -199
- package/data/harnesses/code/skills/design/design-md/library/expo.md +0 -200
- package/data/harnesses/code/skills/design/design-md/library/figma.md +0 -199
- package/data/harnesses/code/skills/design/design-md/library/framer.md +0 -202
- package/data/harnesses/code/skills/design/design-md/library/hashicorp.md +0 -205
- package/data/harnesses/code/skills/design/design-md/library/ibm.md +0 -205
- package/data/harnesses/code/skills/design/design-md/library/intercom.md +0 -204
- package/data/harnesses/code/skills/design/design-md/library/kraken.md +0 -200
- package/data/harnesses/code/skills/design/design-md/library/linear-app.md +0 -198
- package/data/harnesses/code/skills/design/design-md/library/lovable.md +0 -199
- package/data/harnesses/code/skills/design/design-md/library/meta.md +0 -204
- package/data/harnesses/code/skills/design/design-md/library/minimax.md +0 -204
- package/data/harnesses/code/skills/design/design-md/library/mintlify.md +0 -210
- package/data/harnesses/code/skills/design/design-md/library/miro.md +0 -209
- package/data/harnesses/code/skills/design/design-md/library/mistral-ai.md +0 -201
- package/data/harnesses/code/skills/design/design-md/library/mongodb.md +0 -201
- package/data/harnesses/code/skills/design/design-md/library/notion.md +0 -204
- package/data/harnesses/code/skills/design/design-md/library/nvidia.md +0 -215
- package/data/harnesses/code/skills/design/design-md/library/ollama.md +0 -213
- package/data/harnesses/code/skills/design/design-md/library/opencode-ai.md +0 -216
- package/data/harnesses/code/skills/design/design-md/library/posthog.md +0 -218
- package/data/harnesses/code/skills/design/design-md/library/raycast.md +0 -214
- package/data/harnesses/code/skills/design/design-md/library/replicate.md +0 -202
- package/data/harnesses/code/skills/design/design-md/library/resend.md +0 -203
- package/data/harnesses/code/skills/design/design-md/library/revolut.md +0 -203
- package/data/harnesses/code/skills/design/design-md/library/runwayml.md +0 -203
- package/data/harnesses/code/skills/design/design-md/library/sanity.md +0 -200
- package/data/harnesses/code/skills/design/design-md/library/sentry.md +0 -201
- package/data/harnesses/code/skills/design/design-md/library/shopify.md +0 -202
- package/data/harnesses/code/skills/design/design-md/library/slack.md +0 -202
- package/data/harnesses/code/skills/design/design-md/library/spacex.md +0 -206
- package/data/harnesses/code/skills/design/design-md/library/spotify.md +0 -206
- package/data/harnesses/code/skills/design/design-md/library/stripe.md +0 -196
- package/data/harnesses/code/skills/design/design-md/library/supabase.md +0 -196
- package/data/harnesses/code/skills/design/design-md/library/superhuman.md +0 -194
- package/data/harnesses/code/skills/design/design-md/library/tesla.md +0 -198
- package/data/harnesses/code/skills/design/design-md/library/theverge.md +0 -199
- package/data/harnesses/code/skills/design/design-md/library/together-ai.md +0 -193
- package/data/harnesses/code/skills/design/design-md/library/uber.md +0 -195
- package/data/harnesses/code/skills/design/design-md/library/vercel.md +0 -195
- package/data/harnesses/code/skills/design/design-md/library/voltagent.md +0 -197
- package/data/harnesses/code/skills/design/design-md/library/warp.md +0 -196
- package/data/harnesses/code/skills/design/design-md/library/webflow.md +0 -197
- package/data/harnesses/code/skills/design/design-md/library/wired.md +0 -197
- package/data/harnesses/code/skills/design/design-md/library/wise.md +0 -198
- package/data/harnesses/code/skills/design/design-md/library/x-ai.md +0 -199
- package/data/harnesses/code/skills/design/design-md/library/zapier.md +0 -198
- package/data/harnesses/code/skills/design/design-md/nurix.md +0 -214
- package/data/harnesses/code/skills/design/design-md/variants/editorial-luxury.md +0 -184
- package/data/harnesses/code/skills/design/design-md/variants/expressive-saas.md +0 -216
- package/data/harnesses/code/skills/design/design-md/variants/quiet-premium.md +0 -211
- package/data/harnesses/code/skills/design/design-md/variants/terse-dense-operator.md +0 -212
- package/data/harnesses/code/skills/design/design-md/variants/warm-approachable.md +0 -216
|
@@ -1,184 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v2
|
|
3
|
-
id: editorial-luxury
|
|
4
|
-
tier: variant
|
|
5
|
-
segments: [business-tools, finance, professional-services]
|
|
6
|
-
keywords: [editorial, luxury, serif, navy, gold, premium, print-like]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "bake-off runner-up entry; Fraunces specimen"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# editorial-luxury — a broadsheet finance desk after hours
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
A mahogany-desk private bank, not a startup: ivory paper tinted toward ink-navy, one
|
|
16
|
-
gold accent used like a wax seal, generous margins, serif display speaking only in
|
|
17
|
-
headlines. Light default; the dark theme is a lamplit reading room, not inverted paper.
|
|
18
|
-
|
|
19
|
-
## 2 Color Roles
|
|
20
|
-
Ink-navy `foreground` on ivory `background`; `accent` gold is the single chromatic
|
|
21
|
-
accent — primary action, focus ring, active nav marker, never fills or large areas.
|
|
22
|
-
Status hues (`destructive`, `success`, `warning`) appear only on status chips and
|
|
23
|
-
inline validation. Sidebar runs the inverted navy panel in both themes.
|
|
24
|
-
|
|
25
|
-
## 3 Typography
|
|
26
|
-
Fraunces (display) / Inter (text) / IBM Plex Mono (data). Register scope: Fraunces
|
|
27
|
-
touches page titles, empty states, and auth only — never cells, buttons, labels, or
|
|
28
|
-
form chrome. Numerals in tables are always Plex Mono `tabular-nums`. Two weights per
|
|
29
|
-
family; emphasis bumps weight, never size.
|
|
30
|
-
|
|
31
|
-
## 4 Component Stylings
|
|
32
|
-
Buttons `radius-sm`, `primary` fill, no pill; inputs hairline `border` with `ring`
|
|
33
|
-
focus; cards flat on `card` with hairline, never shadowed in light; table rows
|
|
34
|
-
`table-row-height` dense, `muted` hover; detail opens in the side panel, gold rule
|
|
35
|
-
at its head.
|
|
36
|
-
|
|
37
|
-
## 5 Layout
|
|
38
|
-
4px base; sidebar 256/60px; topbar 56px; side panel 440/680px; content max 1320px;
|
|
39
|
-
margins generous (24px gutters) — the luxury is space, not ornament.
|
|
40
|
-
|
|
41
|
-
## 6 Depth
|
|
42
|
-
Light: hairlines carry all structure; shadows only on overlays (popover, dialog) —
|
|
43
|
-
navy-tinted, never black. Dark: the surface ladder does depth — `background` 0.16 L,
|
|
44
|
-
`surface-raised` +0.05, `surface-overlay` +0.10, hue held at 262.
|
|
45
|
-
|
|
46
|
-
## 7 Motion
|
|
47
|
-
Reserved. Named moments: `panel-slide` (side panel, 240ms, interruptible),
|
|
48
|
-
`fade-arrive` (page content, 160ms), `gold-ink` (primary-action press, 120ms).
|
|
49
|
-
Physicality granted only to auth and first-run empty states. Nothing animates in
|
|
50
|
-
tables, palettes, or any keyboard-initiated action.
|
|
51
|
-
|
|
52
|
-
## 8 Iconography & Charts
|
|
53
|
-
Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
|
|
54
|
-
axes, no gridline fills, navy→gold categorical ramp (`chart-1..5`), tooltips on
|
|
55
|
-
`surface-overlay` with mono numerals.
|
|
56
|
-
|
|
57
|
-
## 9 Voice
|
|
58
|
-
Quiet concierge: verbs without exclamation, numbers stated plainly. "Add account" ·
|
|
59
|
-
"Nothing needs review — 3 items clear on Monday" · "This transfer exceeds the desk
|
|
60
|
-
limit; a second approver is required."
|
|
61
|
-
|
|
62
|
-
## 10 Do's & Don'ts
|
|
63
|
-
Do reserve gold for exactly one element per viewport. Do let Fraunces speak only in
|
|
64
|
-
display registers. Don't shadow cards in light. Don't pill buttons. Don't introduce
|
|
65
|
-
a second chromatic accent — charts excepted, by ramp.
|
|
66
|
-
|
|
67
|
-
## 11 Responsive
|
|
68
|
-
375: sidebar → sheet, side panel → full sheet, tables → card rows with mono figures.
|
|
69
|
-
768: sidebar collapses to icon rail. 1024/1440: two-pane queue+detail holds; content
|
|
70
|
-
centers under the 1320px cap.
|
|
71
|
-
|
|
72
|
-
## 12 Agent Prompt Guide
|
|
73
|
-
Lead every surface with its work object, headline set in Fraunces. Spend the gold
|
|
74
|
-
once. Keep density in the data, luxury in the margins. Dark is authored — consult
|
|
75
|
-
the block, never derive.
|
|
76
|
-
|
|
77
|
-
```yaml design-values
|
|
78
|
-
color:
|
|
79
|
-
light:
|
|
80
|
-
background: oklch(0.98 0.006 262)
|
|
81
|
-
foreground: oklch(0.22 0.03 262)
|
|
82
|
-
card: oklch(0.995 0.004 262)
|
|
83
|
-
card-foreground: oklch(0.22 0.03 262)
|
|
84
|
-
popover: oklch(1 0 0)
|
|
85
|
-
popover-foreground: oklch(0.22 0.03 262)
|
|
86
|
-
primary: oklch(0.30 0.06 262)
|
|
87
|
-
primary-foreground: oklch(0.97 0.01 85)
|
|
88
|
-
secondary: oklch(0.93 0.012 262)
|
|
89
|
-
secondary-foreground: oklch(0.28 0.05 262)
|
|
90
|
-
muted: oklch(0.945 0.009 262)
|
|
91
|
-
muted-foreground: oklch(0.47 0.025 262)
|
|
92
|
-
accent: oklch(0.70 0.12 85)
|
|
93
|
-
accent-foreground: oklch(0.24 0.05 262)
|
|
94
|
-
destructive: oklch(0.54 0.19 25)
|
|
95
|
-
destructive-foreground: oklch(0.98 0.008 25)
|
|
96
|
-
success: oklch(0.55 0.11 155)
|
|
97
|
-
warning: oklch(0.68 0.13 75)
|
|
98
|
-
border: oklch(0.895 0.012 262)
|
|
99
|
-
input: oklch(0.895 0.012 262)
|
|
100
|
-
ring: oklch(0.70 0.12 85)
|
|
101
|
-
surface-raised: oklch(0.99 0.005 262)
|
|
102
|
-
surface-overlay: oklch(1 0 0)
|
|
103
|
-
chart-1: oklch(0.42 0.09 262)
|
|
104
|
-
chart-2: oklch(0.70 0.12 85)
|
|
105
|
-
chart-3: oklch(0.55 0.06 230)
|
|
106
|
-
chart-4: oklch(0.60 0.08 55)
|
|
107
|
-
chart-5: oklch(0.58 0.07 155)
|
|
108
|
-
sidebar: oklch(0.25 0.045 262)
|
|
109
|
-
sidebar-foreground: oklch(0.90 0.015 85)
|
|
110
|
-
sidebar-primary: oklch(0.72 0.12 85)
|
|
111
|
-
sidebar-primary-foreground: oklch(0.20 0.04 262)
|
|
112
|
-
sidebar-accent: oklch(0.31 0.05 262)
|
|
113
|
-
sidebar-accent-foreground: oklch(0.93 0.012 85)
|
|
114
|
-
sidebar-border: oklch(0.33 0.04 262)
|
|
115
|
-
sidebar-ring: oklch(0.72 0.12 85)
|
|
116
|
-
dark:
|
|
117
|
-
background: oklch(0.16 0.02 262)
|
|
118
|
-
foreground: oklch(0.92 0.012 85)
|
|
119
|
-
card: oklch(0.19 0.022 262)
|
|
120
|
-
card-foreground: oklch(0.92 0.012 85)
|
|
121
|
-
popover: oklch(0.26 0.028 262)
|
|
122
|
-
popover-foreground: oklch(0.92 0.012 85)
|
|
123
|
-
primary: oklch(0.78 0.11 85)
|
|
124
|
-
primary-foreground: oklch(0.18 0.03 262)
|
|
125
|
-
secondary: oklch(0.24 0.026 262)
|
|
126
|
-
secondary-foreground: oklch(0.88 0.014 85)
|
|
127
|
-
muted: oklch(0.23 0.024 262)
|
|
128
|
-
muted-foreground: oklch(0.65 0.02 262)
|
|
129
|
-
accent: oklch(0.78 0.12 85)
|
|
130
|
-
accent-foreground: oklch(0.18 0.03 262)
|
|
131
|
-
destructive: oklch(0.62 0.18 25)
|
|
132
|
-
destructive-foreground: oklch(0.14 0.02 25)
|
|
133
|
-
success: oklch(0.66 0.11 155)
|
|
134
|
-
warning: oklch(0.74 0.13 75)
|
|
135
|
-
border: oklch(0.27 0.025 262)
|
|
136
|
-
input: oklch(0.27 0.025 262)
|
|
137
|
-
ring: oklch(0.78 0.12 85)
|
|
138
|
-
surface-raised: oklch(0.21 0.023 262)
|
|
139
|
-
surface-overlay: oklch(0.26 0.028 262)
|
|
140
|
-
chart-1: oklch(0.62 0.10 262)
|
|
141
|
-
chart-2: oklch(0.78 0.12 85)
|
|
142
|
-
chart-3: oklch(0.68 0.07 230)
|
|
143
|
-
chart-4: oklch(0.70 0.09 55)
|
|
144
|
-
chart-5: oklch(0.68 0.08 155)
|
|
145
|
-
sidebar: oklch(0.13 0.018 262)
|
|
146
|
-
sidebar-foreground: oklch(0.88 0.014 85)
|
|
147
|
-
sidebar-primary: oklch(0.78 0.12 85)
|
|
148
|
-
sidebar-primary-foreground: oklch(0.16 0.025 262)
|
|
149
|
-
sidebar-accent: oklch(0.20 0.024 262)
|
|
150
|
-
sidebar-accent-foreground: oklch(0.90 0.013 85)
|
|
151
|
-
sidebar-border: oklch(0.22 0.022 262)
|
|
152
|
-
sidebar-ring: oklch(0.78 0.12 85)
|
|
153
|
-
typography:
|
|
154
|
-
display: { family: "Fraunces Variable", fallback: "Georgia, serif", weights: [500, 600] }
|
|
155
|
-
sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
|
|
156
|
-
mono: { family: "IBM Plex Mono", fallback: "ui-monospace, monospace", weights: [400] }
|
|
157
|
-
ramp:
|
|
158
|
-
display: { size: 32px, line: 38px, weight: 600, family: display, tracking: -0.01em }
|
|
159
|
-
h1: { size: 24px, line: 30px, weight: 600, family: display }
|
|
160
|
-
h2: { size: 18px, line: 24px, weight: 600, family: sans }
|
|
161
|
-
body: { size: 14px, line: 21px, weight: 400, family: sans }
|
|
162
|
-
small: { size: 13px, line: 18px, weight: 400, family: sans }
|
|
163
|
-
caption: { size: 12px, line: 16px, weight: 400, family: sans }
|
|
164
|
-
data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
|
|
165
|
-
register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
|
|
166
|
-
elevation:
|
|
167
|
-
radius: { sm: 4px, md: 6px, lg: 10px }
|
|
168
|
-
hairline: border
|
|
169
|
-
shadow:
|
|
170
|
-
overlay: "0 8px 30px oklch(0.25 0.04 262 / 0.14)"
|
|
171
|
-
popover: "0 4px 16px oklch(0.25 0.04 262 / 0.10)"
|
|
172
|
-
dark-ladder: { background: 0.16, raised: 0.21, overlay: 0.26, hue-held: 262 }
|
|
173
|
-
motion:
|
|
174
|
-
duration: { press: 120ms, fade: 160ms, panel: 240ms }
|
|
175
|
-
easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
|
|
176
|
-
entrance-never: ease-in
|
|
177
|
-
identity-moments: [auth, first-run-empty]
|
|
178
|
-
iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
|
|
179
|
-
charts:
|
|
180
|
-
categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
|
|
181
|
-
sequential: { from: background, to: chart-1 }
|
|
182
|
-
diverging: { negative: destructive, mid: muted, positive: chart-5 }
|
|
183
|
-
layout: { base: 4px, sidebar: [256px, 60px], topbar: 56px, side-panel: [440px, 680px], content-max: 1320px }
|
|
184
|
-
```
|
|
@@ -1,216 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v2
|
|
3
|
-
id: expressive-saas
|
|
4
|
-
tier: variant
|
|
5
|
-
segments: [b2b-saas, collaboration]
|
|
6
|
-
keywords: [playful, colorful, friendly, bold, violet, rounded, energetic]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "authored for the v2 variant roster; Outfit and DM Sans specimens"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# expressive-saas — a Saturday maker space with one steel workbench
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
A Saturday-morning maker space: white pegboard walls, violet tool grips in
|
|
16
|
-
tidy rows, coral sticky notes stacking up on the wins board — and one steel
|
|
17
|
-
workbench, swept clean, where the measuring actually happens. Light default;
|
|
18
|
-
color is confident, not decorative: a saturated violet `primary` that acts,
|
|
19
|
-
a coral wash that celebrates, rounded corners with real radius. The workbench
|
|
20
|
-
is the law — every data register (tables, forms, logs) stays operator-grade:
|
|
21
|
-
neutral surfaces, mono figures, zero bounce. Dark is the same space after
|
|
22
|
-
dark with the string lights on — an authored ladder, never an inversion.
|
|
23
|
-
|
|
24
|
-
## 2 Color Roles
|
|
25
|
-
Deep violet-slate `foreground` on a violet-washed `background`. `primary` is
|
|
26
|
-
the saturated violet — primary actions, active nav, the `ring` — and it is
|
|
27
|
-
the only hue allowed to command. `accent` is the coral wash, reserved for
|
|
28
|
-
selection, celebration chips, and onboarding highlights; it decorates, never
|
|
29
|
-
instructs. Status hues stay conventional and saturated (`destructive` red,
|
|
30
|
-
`success` green, `warning` amber) — chips and validation only. The `sidebar`
|
|
31
|
-
runs a violet-tinted half-step below the canvas; charts get the full
|
|
32
|
-
five-hue party, by ramp only.
|
|
33
|
-
|
|
34
|
-
## 3 Typography
|
|
35
|
-
Outfit (display) / DM Sans (text) / DM Mono (data). Outfit speaks at 700 in
|
|
36
|
-
page titles, empty states, auth, and onboarding — never in cells, buttons,
|
|
37
|
-
labels, or form chrome. DM Sans carries all chrome and body; DM Mono owns
|
|
38
|
-
figures, IDs, and timestamps with `tabular-nums`. Emphasis bumps weight, not
|
|
39
|
-
size; the playfulness lives in the display register and stops at the
|
|
40
|
-
workbench.
|
|
41
|
-
|
|
42
|
-
## 4 Component Stylings
|
|
43
|
-
Buttons `radius-md`, `primary` fill, generous padding — round, not pill.
|
|
44
|
-
Inputs are `background` fill with hairline `border` and `radius-md`; focus
|
|
45
|
-
draws the 2px violet `ring`. Cards sit on `card` with hairline plus a soft
|
|
46
|
-
violet-tinted shadow — the one look-at-me the chrome gets. Table rows stay
|
|
47
|
-
dense and flat: `muted` hover, `accent` selection tint, mono numerals — no
|
|
48
|
-
radius theater inside data. Detail opens in the side panel; celebration
|
|
49
|
-
belongs to empty states and onboarding, never to the queue.
|
|
50
|
-
|
|
51
|
-
## 5 Layout
|
|
52
|
-
4px base. Sidebar 268/68px; topbar 60px; side panel 480/720px; content caps
|
|
53
|
-
at 1400px. Cards and marketing-adjacent moments (empty states, onboarding)
|
|
54
|
-
may breathe; data surfaces run standard density and tighten per archetype.
|
|
55
|
-
The grid is ordinary on purpose — the color is the personality, the bones
|
|
56
|
-
are an operator's.
|
|
57
|
-
|
|
58
|
-
## 6 Depth
|
|
59
|
-
Two honest levels: cards carry a soft violet-tinted shadow over hairlines;
|
|
60
|
-
overlays carry a deeper one. Never a gray or black shadow, never stacked
|
|
61
|
-
shadows to fake rank. Focus is the 2px `ring`, always visible. Dark drops
|
|
62
|
-
shadows almost entirely and expresses depth as the ladder: `background` 0.17
|
|
63
|
-
L, `surface-raised` +0.05, `surface-overlay` +0.10, hue held at 300.
|
|
64
|
-
|
|
65
|
-
## 7 Motion
|
|
66
|
-
Springy where it's earned. Named moments: `pop-confirm` (success/celebration
|
|
67
|
-
chips, 180ms, spring easing), `panel-slide` (side panel, 260ms,
|
|
68
|
-
interruptible, standard easing), `fade-arrive` (page content, 180ms),
|
|
69
|
-
`press` (140ms). The spring easing is granted only to identity moments —
|
|
70
|
-
auth, first-run empty states, onboarding; tables, palettes, and every
|
|
71
|
-
keyboard-initiated action get nothing. Entrances never ease-in, never
|
|
72
|
-
scale from zero.
|
|
73
|
-
|
|
74
|
-
## 8 Iconography & Charts
|
|
75
|
-
Lucide at 2px stroke — a confident line matching the rounded posture —
|
|
76
|
-
16/20px grid, `muted-foreground` default; nav always carries icons. Charts:
|
|
77
|
-
hairline axes, no gridline fills, the five-hue categorical ramp
|
|
78
|
-
(`chart-1..5`, violet leads), tooltips on `surface-overlay` with mono
|
|
79
|
-
numerals. Chart chrome stays quiet so the ramp can be loud.
|
|
80
|
-
|
|
81
|
-
## 9 Voice
|
|
82
|
-
Warm teammate, verbs first, one exclamation per surface at most — and only
|
|
83
|
-
where something genuinely shipped. "Invite your team" · "Nothing here yet —
|
|
84
|
-
your first board is one click away" · "That name's taken; try adding your
|
|
85
|
-
team or project."
|
|
86
|
-
|
|
87
|
-
## 10 Do's & Don'ts
|
|
88
|
-
Do let violet command and coral celebrate — in that order, never reversed.
|
|
89
|
-
Do keep every data register flat, dense, and mono-figured. Do spend the
|
|
90
|
-
spring easing only on identity moments. Don't pill buttons or balloon radius
|
|
91
|
-
past the declared scale. Don't tint table rows with `accent` beyond
|
|
92
|
-
selection. Don't let Outfit near a cell, button, or label. Don't animate
|
|
93
|
-
anything an operator does a hundred times a day.
|
|
94
|
-
|
|
95
|
-
## 11 Responsive
|
|
96
|
-
375: sidebar → sheet, side panel → full sheet, tables → stacked cards with
|
|
97
|
-
mono figures; celebration moments simplify to static color. 768: sidebar
|
|
98
|
-
collapses to the icon rail. 1024: two-pane queue+detail holds. 1440: content
|
|
99
|
-
centers under the 1400px cap; empty states earn their full illustration-free
|
|
100
|
-
display-type treatment.
|
|
101
|
-
|
|
102
|
-
## 12 Agent Prompt Guide
|
|
103
|
-
Build the operator bones first — table, panel, keyboard path — then paint:
|
|
104
|
-
violet on the one action, coral on the one celebration. If a surface reads
|
|
105
|
-
loud before its data reads, mute the chrome, not the data. Spring easing
|
|
106
|
-
only at identity moments; the queue never bounces. Dark is authored —
|
|
107
|
-
consult the block, never derive.
|
|
108
|
-
|
|
109
|
-
```yaml design-values
|
|
110
|
-
color:
|
|
111
|
-
light:
|
|
112
|
-
background: oklch(0.982 0.007 300)
|
|
113
|
-
foreground: oklch(0.235 0.03 300)
|
|
114
|
-
card: oklch(0.988 0.005 300)
|
|
115
|
-
card-foreground: oklch(0.235 0.03 300)
|
|
116
|
-
popover: oklch(0.988 0.005 300)
|
|
117
|
-
popover-foreground: oklch(0.235 0.03 300)
|
|
118
|
-
primary: oklch(0.5 0.23 295)
|
|
119
|
-
primary-foreground: oklch(0.98 0.008 300)
|
|
120
|
-
secondary: oklch(0.945 0.02 300)
|
|
121
|
-
secondary-foreground: oklch(0.32 0.09 296)
|
|
122
|
-
muted: oklch(0.955 0.012 300)
|
|
123
|
-
muted-foreground: oklch(0.46 0.03 300)
|
|
124
|
-
accent: oklch(0.93 0.035 350)
|
|
125
|
-
accent-foreground: oklch(0.4 0.15 350)
|
|
126
|
-
destructive: oklch(0.54 0.2 27)
|
|
127
|
-
destructive-foreground: oklch(0.98 0.006 27)
|
|
128
|
-
success: oklch(0.62 0.17 150)
|
|
129
|
-
warning: oklch(0.68 0.15 60)
|
|
130
|
-
border: oklch(0.92 0.014 300)
|
|
131
|
-
input: oklch(0.92 0.014 300)
|
|
132
|
-
ring: oklch(0.5 0.23 295)
|
|
133
|
-
surface-raised: oklch(0.988 0.005 300)
|
|
134
|
-
surface-overlay: oklch(0.99 0.005 300)
|
|
135
|
-
chart-1: oklch(0.5 0.23 295)
|
|
136
|
-
chart-2: oklch(0.62 0.19 350)
|
|
137
|
-
chart-3: oklch(0.65 0.13 195)
|
|
138
|
-
chart-4: oklch(0.72 0.14 80)
|
|
139
|
-
chart-5: oklch(0.6 0.16 150)
|
|
140
|
-
sidebar: oklch(0.965 0.012 300)
|
|
141
|
-
sidebar-foreground: oklch(0.235 0.03 300)
|
|
142
|
-
sidebar-primary: oklch(0.5 0.23 295)
|
|
143
|
-
sidebar-primary-foreground: oklch(0.98 0.008 300)
|
|
144
|
-
sidebar-accent: oklch(0.93 0.03 296)
|
|
145
|
-
sidebar-accent-foreground: oklch(0.38 0.14 296)
|
|
146
|
-
sidebar-border: oklch(0.92 0.014 300)
|
|
147
|
-
sidebar-ring: oklch(0.5 0.23 295)
|
|
148
|
-
dark:
|
|
149
|
-
background: oklch(0.17 0.015 300)
|
|
150
|
-
foreground: oklch(0.92 0.012 300)
|
|
151
|
-
card: oklch(0.2 0.017 300)
|
|
152
|
-
card-foreground: oklch(0.92 0.012 300)
|
|
153
|
-
popover: oklch(0.27 0.02 300)
|
|
154
|
-
popover-foreground: oklch(0.92 0.012 300)
|
|
155
|
-
primary: oklch(0.68 0.17 295)
|
|
156
|
-
primary-foreground: oklch(0.14 0.03 298)
|
|
157
|
-
secondary: oklch(0.26 0.03 298)
|
|
158
|
-
secondary-foreground: oklch(0.89 0.02 300)
|
|
159
|
-
muted: oklch(0.24 0.02 300)
|
|
160
|
-
muted-foreground: oklch(0.71 0.025 300)
|
|
161
|
-
accent: oklch(0.3 0.06 350)
|
|
162
|
-
accent-foreground: oklch(0.87 0.05 350)
|
|
163
|
-
destructive: oklch(0.63 0.19 25)
|
|
164
|
-
destructive-foreground: oklch(0.12 0.02 25)
|
|
165
|
-
success: oklch(0.7 0.16 150)
|
|
166
|
-
warning: oklch(0.76 0.14 65)
|
|
167
|
-
border: oklch(0.29 0.02 300)
|
|
168
|
-
input: oklch(0.29 0.02 300)
|
|
169
|
-
ring: oklch(0.68 0.17 295)
|
|
170
|
-
surface-raised: oklch(0.22 0.018 300)
|
|
171
|
-
surface-overlay: oklch(0.27 0.02 300)
|
|
172
|
-
chart-1: oklch(0.68 0.17 295)
|
|
173
|
-
chart-2: oklch(0.72 0.16 350)
|
|
174
|
-
chart-3: oklch(0.75 0.12 195)
|
|
175
|
-
chart-4: oklch(0.8 0.13 80)
|
|
176
|
-
chart-5: oklch(0.72 0.15 150)
|
|
177
|
-
sidebar: oklch(0.15 0.014 300)
|
|
178
|
-
sidebar-foreground: oklch(0.9 0.014 300)
|
|
179
|
-
sidebar-primary: oklch(0.68 0.17 295)
|
|
180
|
-
sidebar-primary-foreground: oklch(0.14 0.03 298)
|
|
181
|
-
sidebar-accent: oklch(0.23 0.03 298)
|
|
182
|
-
sidebar-accent-foreground: oklch(0.9 0.014 300)
|
|
183
|
-
sidebar-border: oklch(0.26 0.018 300)
|
|
184
|
-
sidebar-ring: oklch(0.68 0.17 295)
|
|
185
|
-
typography:
|
|
186
|
-
display: { family: "Outfit Variable", fallback: "system-ui, sans-serif", weights: [600, 700] }
|
|
187
|
-
sans: { family: "DM Sans Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
|
|
188
|
-
mono: { family: "DM Mono", fallback: "ui-monospace, monospace", weights: [400, 500] }
|
|
189
|
-
ramp:
|
|
190
|
-
display: { size: 32px, line: 38px, weight: 700, family: display, tracking: -0.015em }
|
|
191
|
-
h1: { size: 26px, line: 32px, weight: 700, family: display }
|
|
192
|
-
h2: { size: 19px, line: 26px, weight: 600, family: sans }
|
|
193
|
-
body: { size: 14px, line: 21px, weight: 400, family: sans }
|
|
194
|
-
small: { size: 13px, line: 18px, weight: 400, family: sans }
|
|
195
|
-
caption: { size: 12px, line: 16px, weight: 500, family: sans }
|
|
196
|
-
data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
|
|
197
|
-
register-scope: { display: [page-title, empty-state, auth, onboarding], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
|
|
198
|
-
elevation:
|
|
199
|
-
radius: { sm: 8px, md: 12px, lg: 20px }
|
|
200
|
-
hairline: border
|
|
201
|
-
shadow:
|
|
202
|
-
overlay: "0 12px 32px oklch(0.35 0.09 295 / 0.16)"
|
|
203
|
-
popover: "0 4px 14px oklch(0.35 0.09 295 / 0.12)"
|
|
204
|
-
dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.27, hue-held: 300 }
|
|
205
|
-
motion:
|
|
206
|
-
duration: { press: 140ms, fade: 180ms, panel: 260ms }
|
|
207
|
-
easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", spring: "cubic-bezier(0.34, 1.56, 0.64, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
|
|
208
|
-
entrance-never: ease-in
|
|
209
|
-
identity-moments: [auth, first-run-empty, onboarding]
|
|
210
|
-
iconography: { set: lucide, stroke: 2px, grid: [16px, 20px] }
|
|
211
|
-
charts:
|
|
212
|
-
categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
|
|
213
|
-
sequential: { from: background, to: chart-1 }
|
|
214
|
-
diverging: { negative: destructive, mid: muted, positive: success }
|
|
215
|
-
layout: { base: 4px, sidebar: [268px, 68px], topbar: 60px, side-panel: [480px, 720px], content-max: 1400px }
|
|
216
|
-
```
|
|
@@ -1,211 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
schema: design-md/v2
|
|
3
|
-
id: quiet-premium
|
|
4
|
-
tier: variant
|
|
5
|
-
segments: [b2b-saas, infra]
|
|
6
|
-
keywords: [premium, calm, muted, restrained, sage, soft, one-voice]
|
|
7
|
-
sourced: 2026-07-12
|
|
8
|
-
sources: "authored for the v2 variant roster; Hanken Grotesk specimen"
|
|
9
|
-
license: open
|
|
10
|
-
---
|
|
11
|
-
|
|
12
|
-
# quiet-premium — the client floor of a discreet asset office
|
|
13
|
-
|
|
14
|
-
## 1 Visual Theme
|
|
15
|
-
The client floor of a discreet asset office: honed pale stone underfoot, sage
|
|
16
|
-
wool panels on the walls, brushed steel dimmed to matte, one fern by the
|
|
17
|
-
window — nothing announces itself, everything is finished. Light default; the
|
|
18
|
-
money shows as restraint: soft (never harsh) ink contrast, neutrals tinted
|
|
19
|
-
faintly toward eucalyptus, exactly one desaturated green accent, and air —
|
|
20
|
-
generous line-height and margins where louder products spend pixels on
|
|
21
|
-
ornament. Dark is the same floor at dusk with the lamps low, an authored
|
|
22
|
-
ladder in the same hue.
|
|
23
|
-
|
|
24
|
-
## 2 Color Roles
|
|
25
|
-
Soft graphite-green `foreground` on a sage-washed `background` — deliberately
|
|
26
|
-
short of maximum contrast, never short of legible. `primary` is the one
|
|
27
|
-
desaturated eucalyptus green, spent on the primary action, active nav, and the
|
|
28
|
-
`ring`; `accent` is its pale wash for selection and hover. Status hues are
|
|
29
|
-
muted to match the room: `destructive` clay-red, `success` moss, `warning`
|
|
30
|
-
dry amber — chips and validation only, never chrome. The `sidebar` is one
|
|
31
|
-
tone deeper than the canvas, separated by hairline, not contrast.
|
|
32
|
-
|
|
33
|
-
## 3 Typography
|
|
34
|
-
One voice: Hanken Grotesk for display and text alike — restraint is a single
|
|
35
|
-
family carrying every register — with Fragment Mono for figures, IDs, and
|
|
36
|
-
timestamps. The display register is Hanken at 30px and medium weight, never
|
|
37
|
-
bold; emphasis anywhere bumps 400 → 500 and stops. Line-height runs generous
|
|
38
|
-
(body 14/22) — the luxury is air between lines. Numeric columns are always
|
|
39
|
-
Fragment Mono `tabular-nums`.
|
|
40
|
-
|
|
41
|
-
## 4 Component Stylings
|
|
42
|
-
Buttons `radius-sm`, `primary` fill for the one action, `secondary` fill +
|
|
43
|
-
hairline for everything else, never a pill. Inputs are `background` fill with
|
|
44
|
-
hairline `border`; focus is the quiet 2px `ring`, no glow. Cards sit flat on
|
|
45
|
-
`card` behind a hairline — shadow is reserved for true overlays and even
|
|
46
|
-
there stays nearly invisible. Table rows breathe (relaxed height), `muted`
|
|
47
|
-
hover, `accent` selection. Detail opens in the side panel, its head set in
|
|
48
|
-
the display register.
|
|
49
|
-
|
|
50
|
-
## 5 Layout
|
|
51
|
-
4px base. Sidebar 264/64px; topbar 60px; side panel 460/720px; content caps
|
|
52
|
-
at 1280px and centers — wide margins are part of the identity. Forms run
|
|
53
|
-
narrow and single-column. Density is relaxed by default and may step to
|
|
54
|
-
standard on data-heavy archetypes, never to compressed.
|
|
55
|
-
|
|
56
|
-
## 6 Depth
|
|
57
|
-
Hairlines carry all structure in light; the two declared shadows (popover,
|
|
58
|
-
overlay) are sage-tinted and so faint they read as atmosphere, not elevation.
|
|
59
|
-
No card shadows, ever. Focus is the 2px `ring`. Dark expresses depth as the
|
|
60
|
-
surface ladder: `background` 0.19 L, `surface-raised` +0.05, `surface-overlay`
|
|
61
|
-
+0.09, hue held at 175 — raised things get lighter, never glow.
|
|
62
|
-
|
|
63
|
-
## 7 Motion
|
|
64
|
-
Unhurried and few. Named moments: `panel-drift` (side panel, 280ms,
|
|
65
|
-
interruptible), `fade-arrive` (page content, 200ms), `press` (120ms). Easing
|
|
66
|
-
is a long ease-out; nothing springs, nothing bounces. No animation on
|
|
67
|
-
keyboard-initiated or high-frequency actions. Physicality is granted only to
|
|
68
|
-
auth and the first-run empty state, as a slow fade, not a flourish.
|
|
69
|
-
|
|
70
|
-
## 8 Iconography & Charts
|
|
71
|
-
Lucide at 1.25px stroke — a lighter line than default, matching the soft ink
|
|
72
|
-
— on the 16/20px grid, `muted-foreground` by default. Charts: hairline axes,
|
|
73
|
-
no gridline fills, a muted five-hue ramp led by the eucalyptus (`chart-1..5`),
|
|
74
|
-
tooltips on `surface-overlay` with mono numerals. No chart ever shouts; the
|
|
75
|
-
data may.
|
|
76
|
-
|
|
77
|
-
## 9 Voice
|
|
78
|
-
Measured host: complete sentences, no urgency theater, numbers plain.
|
|
79
|
-
"Add mandate" · "Nothing awaiting review — the next rebalance lands Thursday"
|
|
80
|
-
· "This allocation exceeds the drafted limit; adjust it or request a second
|
|
81
|
-
signature."
|
|
82
|
-
|
|
83
|
-
## 10 Do's & Don'ts
|
|
84
|
-
Do keep exactly one desaturated accent — if a surface wants a second color,
|
|
85
|
-
it wants a hairline instead. Do spend space before spending weight. Do keep
|
|
86
|
-
shadows at atmosphere level or absent. Don't push `foreground` to pure black
|
|
87
|
-
— the softness is the brand. Don't bold; medium is the ceiling. Don't
|
|
88
|
-
introduce saturated status colors; muted clay, moss, and amber only. Don't
|
|
89
|
-
compress density below standard.
|
|
90
|
-
|
|
91
|
-
## 11 Responsive
|
|
92
|
-
375: sidebar → sheet, side panel → full sheet, tables → stacked cards with
|
|
93
|
-
mono figures; line-height holds. 768: sidebar collapses to the icon rail.
|
|
94
|
-
1024: two-pane queue+detail holds. 1440: content stays capped at 1280px; the
|
|
95
|
-
margins widen — the calm scales, the text measure doesn't.
|
|
96
|
-
|
|
97
|
-
## 12 Agent Prompt Guide
|
|
98
|
-
Set the room before the furniture: margins and line-height first, then
|
|
99
|
-
hairlines, then ink. One family, two weights, one green — if a design wants
|
|
100
|
-
more, it has drifted off-package. Prefer removing an element to muting it.
|
|
101
|
-
Dark is authored — consult the block, never derive. Never let a shadow do a
|
|
102
|
-
hairline's job.
|
|
103
|
-
|
|
104
|
-
```yaml design-values
|
|
105
|
-
color:
|
|
106
|
-
light:
|
|
107
|
-
background: oklch(0.977 0.006 168)
|
|
108
|
-
foreground: oklch(0.3 0.02 175)
|
|
109
|
-
card: oklch(0.985 0.005 168)
|
|
110
|
-
card-foreground: oklch(0.3 0.02 175)
|
|
111
|
-
popover: oklch(0.988 0.005 168)
|
|
112
|
-
popover-foreground: oklch(0.3 0.02 175)
|
|
113
|
-
primary: oklch(0.43 0.07 172)
|
|
114
|
-
primary-foreground: oklch(0.975 0.006 168)
|
|
115
|
-
secondary: oklch(0.945 0.009 168)
|
|
116
|
-
secondary-foreground: oklch(0.33 0.025 172)
|
|
117
|
-
muted: oklch(0.95 0.008 168)
|
|
118
|
-
muted-foreground: oklch(0.47 0.02 172)
|
|
119
|
-
accent: oklch(0.925 0.015 168)
|
|
120
|
-
accent-foreground: oklch(0.36 0.055 172)
|
|
121
|
-
destructive: oklch(0.52 0.16 25)
|
|
122
|
-
destructive-foreground: oklch(0.975 0.006 25)
|
|
123
|
-
success: oklch(0.55 0.1 160)
|
|
124
|
-
warning: oklch(0.66 0.11 70)
|
|
125
|
-
border: oklch(0.912 0.012 168)
|
|
126
|
-
input: oklch(0.912 0.012 168)
|
|
127
|
-
ring: oklch(0.52 0.075 172)
|
|
128
|
-
surface-raised: oklch(0.985 0.005 168)
|
|
129
|
-
surface-overlay: oklch(0.988 0.005 168)
|
|
130
|
-
chart-1: oklch(0.5 0.09 172)
|
|
131
|
-
chart-2: oklch(0.55 0.07 220)
|
|
132
|
-
chart-3: oklch(0.62 0.09 90)
|
|
133
|
-
chart-4: oklch(0.55 0.06 300)
|
|
134
|
-
chart-5: oklch(0.6 0.08 40)
|
|
135
|
-
sidebar: oklch(0.963 0.008 168)
|
|
136
|
-
sidebar-foreground: oklch(0.3 0.02 175)
|
|
137
|
-
sidebar-primary: oklch(0.43 0.07 172)
|
|
138
|
-
sidebar-primary-foreground: oklch(0.975 0.006 168)
|
|
139
|
-
sidebar-accent: oklch(0.925 0.015 168)
|
|
140
|
-
sidebar-accent-foreground: oklch(0.36 0.055 172)
|
|
141
|
-
sidebar-border: oklch(0.912 0.012 168)
|
|
142
|
-
sidebar-ring: oklch(0.52 0.075 172)
|
|
143
|
-
dark:
|
|
144
|
-
background: oklch(0.19 0.012 175)
|
|
145
|
-
foreground: oklch(0.9 0.01 168)
|
|
146
|
-
card: oklch(0.22 0.013 175)
|
|
147
|
-
card-foreground: oklch(0.9 0.01 168)
|
|
148
|
-
popover: oklch(0.28 0.015 175)
|
|
149
|
-
popover-foreground: oklch(0.9 0.01 168)
|
|
150
|
-
primary: oklch(0.72 0.09 170)
|
|
151
|
-
primary-foreground: oklch(0.16 0.02 175)
|
|
152
|
-
secondary: oklch(0.26 0.014 175)
|
|
153
|
-
secondary-foreground: oklch(0.87 0.012 168)
|
|
154
|
-
muted: oklch(0.25 0.013 175)
|
|
155
|
-
muted-foreground: oklch(0.7 0.015 170)
|
|
156
|
-
accent: oklch(0.3 0.03 172)
|
|
157
|
-
accent-foreground: oklch(0.85 0.05 168)
|
|
158
|
-
destructive: oklch(0.63 0.14 25)
|
|
159
|
-
destructive-foreground: oklch(0.12 0.02 25)
|
|
160
|
-
success: oklch(0.68 0.11 160)
|
|
161
|
-
warning: oklch(0.75 0.11 70)
|
|
162
|
-
border: oklch(0.29 0.015 175)
|
|
163
|
-
input: oklch(0.29 0.015 175)
|
|
164
|
-
ring: oklch(0.72 0.09 170)
|
|
165
|
-
surface-raised: oklch(0.24 0.014 175)
|
|
166
|
-
surface-overlay: oklch(0.28 0.015 175)
|
|
167
|
-
chart-1: oklch(0.7 0.1 170)
|
|
168
|
-
chart-2: oklch(0.68 0.08 220)
|
|
169
|
-
chart-3: oklch(0.75 0.09 90)
|
|
170
|
-
chart-4: oklch(0.68 0.07 300)
|
|
171
|
-
chart-5: oklch(0.72 0.09 45)
|
|
172
|
-
sidebar: oklch(0.17 0.011 175)
|
|
173
|
-
sidebar-foreground: oklch(0.88 0.012 168)
|
|
174
|
-
sidebar-primary: oklch(0.72 0.09 170)
|
|
175
|
-
sidebar-primary-foreground: oklch(0.16 0.02 175)
|
|
176
|
-
sidebar-accent: oklch(0.25 0.02 172)
|
|
177
|
-
sidebar-accent-foreground: oklch(0.88 0.012 168)
|
|
178
|
-
sidebar-border: oklch(0.27 0.013 175)
|
|
179
|
-
sidebar-ring: oklch(0.72 0.09 170)
|
|
180
|
-
typography:
|
|
181
|
-
display: { family: "Hanken Grotesk Variable", fallback: "system-ui, sans-serif", weights: [500] }
|
|
182
|
-
sans: { family: "Hanken Grotesk Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
|
|
183
|
-
mono: { family: "Fragment Mono", fallback: "ui-monospace, monospace", weights: [400] }
|
|
184
|
-
ramp:
|
|
185
|
-
display: { size: 30px, line: 40px, weight: 500, family: display, tracking: -0.005em }
|
|
186
|
-
h1: { size: 22px, line: 32px, weight: 500, family: sans }
|
|
187
|
-
h2: { size: 17px, line: 26px, weight: 500, family: sans }
|
|
188
|
-
body: { size: 14px, line: 22px, weight: 400, family: sans }
|
|
189
|
-
small: { size: 13px, line: 20px, weight: 400, family: sans }
|
|
190
|
-
caption: { size: 12px, line: 18px, weight: 400, family: sans }
|
|
191
|
-
data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
|
|
192
|
-
register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
|
|
193
|
-
elevation:
|
|
194
|
-
radius: { sm: 4px, md: 8px, lg: 12px }
|
|
195
|
-
hairline: border
|
|
196
|
-
shadow:
|
|
197
|
-
overlay: "0 10px 36px oklch(0.32 0.02 172 / 0.07)"
|
|
198
|
-
popover: "0 2px 10px oklch(0.32 0.02 172 / 0.05)"
|
|
199
|
-
dark-ladder: { background: 0.19, raised: 0.24, overlay: 0.28, hue-held: 175 }
|
|
200
|
-
motion:
|
|
201
|
-
duration: { press: 120ms, fade: 200ms, panel: 280ms }
|
|
202
|
-
easing: { standard: "cubic-bezier(0.25, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
|
|
203
|
-
entrance-never: ease-in
|
|
204
|
-
identity-moments: [auth, first-run-empty]
|
|
205
|
-
iconography: { set: lucide, stroke: 1.25px, grid: [16px, 20px] }
|
|
206
|
-
charts:
|
|
207
|
-
categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
|
|
208
|
-
sequential: { from: background, to: chart-1 }
|
|
209
|
-
diverging: { negative: destructive, mid: muted, positive: success }
|
|
210
|
-
layout: { base: 4px, sidebar: [264px, 64px], topbar: 60px, side-panel: [460px, 720px], content-max: 1280px }
|
|
211
|
-
```
|