@nurix/etna 0.18.20 → 0.18.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/data/harness-index.json +1 -1
- package/data/harnesses/code/CLAUDE.md +3 -3
- package/data/harnesses/code/agents/brainstorm.md +1 -1
- package/data/harnesses/code/agents/maintenance.md +8 -7
- package/data/harnesses/code/harness.json +2 -2
- package/data/harnesses/code/rules/database.md +38 -0
- package/data/harnesses/code/rules/express.md +28 -0
- package/data/harnesses/code/rules/frontend.md +14 -0
- package/data/harnesses/code/rules/general.md +2 -40
- package/data/harnesses/code/rules/nomenclature.md +1 -8
- package/data/harnesses/code/rules/nustack.md +150 -0
- package/data/harnesses/code/skills/brainstorm/README.md +4 -4
- package/data/harnesses/code/skills/brainstorm/SKILL.md +5 -3
- package/data/harnesses/code/skills/brainstorm/exit-artifacts.md +15 -11
- package/data/harnesses/code/skills/brainstorm/templates/source-of-truth.md +5 -5
- package/data/harnesses/code/skills/design/SKILL.md +14 -11
- package/data/harnesses/code/skills/design/data/catalog/rules.csv +4 -4
- package/data/harnesses/code/skills/design/data/combinations/Readme.md +29 -0
- package/data/harnesses/code/skills/design/data/combinations/charts.csv +33 -0
- package/data/harnesses/code/skills/design/data/combinations/fonts-known.json +437 -0
- package/data/harnesses/code/skills/design/data/combinations/icons.csv +157 -0
- package/data/harnesses/code/skills/design/data/combinations/landing.csv +38 -0
- package/data/harnesses/code/skills/design/data/combinations/lucide-names.json +2001 -0
- package/data/harnesses/code/skills/design/data/combinations/manifest.json +283 -0
- package/data/harnesses/code/skills/design/data/combinations/palettes.csv +49 -0
- package/data/harnesses/code/skills/design/data/combinations/product-router.csv +80 -0
- package/data/harnesses/code/skills/design/data/combinations/styles.csv +54 -0
- package/data/harnesses/code/skills/design/data/combinations/typography.csv +61 -0
- package/data/harnesses/code/skills/design/data/design-md/SCHEMA.md +27 -238
- package/data/harnesses/code/skills/design/data/design-md/library/airbnb.md +7 -88
- package/data/harnesses/code/skills/design/data/design-md/library/airtable.md +1 -82
- package/data/harnesses/code/skills/design/data/design-md/library/anthropic-claude.md +4 -85
- package/data/harnesses/code/skills/design/data/design-md/library/apple.md +5 -86
- package/data/harnesses/code/skills/design/data/design-md/library/binance.md +4 -87
- package/data/harnesses/code/skills/design/data/design-md/library/bmw.md +7 -86
- package/data/harnesses/code/skills/design/data/design-md/library/cal.md +4 -84
- package/data/harnesses/code/skills/design/data/design-md/library/clay.md +5 -86
- package/data/harnesses/code/skills/design/data/design-md/library/clickhouse.md +3 -84
- package/data/harnesses/code/skills/design/data/design-md/library/cohere.md +2 -82
- package/data/harnesses/code/skills/design/data/design-md/library/coinbase.md +10 -91
- package/data/harnesses/code/skills/design/data/design-md/library/composio.md +2 -84
- package/data/harnesses/code/skills/design/data/design-md/library/cursor.md +3 -85
- package/data/harnesses/code/skills/design/data/design-md/library/elevenlabs.md +7 -90
- package/data/harnesses/code/skills/design/data/design-md/library/expo.md +0 -80
- package/data/harnesses/code/skills/design/data/design-md/library/figma.md +0 -80
- package/data/harnesses/code/skills/design/data/design-md/library/framer.md +5 -85
- package/data/harnesses/code/skills/design/data/design-md/library/hashicorp.md +2 -82
- package/data/harnesses/code/skills/design/data/design-md/library/ibm.md +5 -86
- package/data/harnesses/code/skills/design/data/design-md/library/intercom.md +9 -91
- package/data/harnesses/code/skills/design/data/design-md/library/kraken.md +9 -89
- package/data/harnesses/code/skills/design/data/design-md/library/linear-app.md +0 -115
- package/data/harnesses/code/skills/design/data/design-md/library/lovable.md +5 -85
- package/data/harnesses/code/skills/design/data/design-md/library/meta.md +7 -88
- package/data/harnesses/code/skills/design/data/design-md/library/minimax.md +3 -84
- package/data/harnesses/code/skills/design/data/design-md/library/mintlify.md +4 -85
- package/data/harnesses/code/skills/design/data/design-md/library/miro.md +8 -88
- package/data/harnesses/code/skills/design/data/design-md/library/mistral-ai.md +8 -88
- package/data/harnesses/code/skills/design/data/design-md/library/mongodb.md +4 -85
- package/data/harnesses/code/skills/design/data/design-md/library/notion.md +4 -84
- package/data/harnesses/code/skills/design/data/design-md/library/nvidia.md +7 -88
- package/data/harnesses/code/skills/design/data/design-md/library/ollama.md +5 -86
- package/data/harnesses/code/skills/design/data/design-md/library/opencode-ai.md +6 -87
- package/data/harnesses/code/skills/design/data/design-md/library/posthog.md +9 -91
- package/data/harnesses/code/skills/design/data/design-md/library/raycast.md +5 -88
- package/data/harnesses/code/skills/design/data/design-md/library/replicate.md +9 -89
- package/data/harnesses/code/skills/design/data/design-md/library/resend.md +4 -119
- package/data/harnesses/code/skills/design/data/design-md/library/revolut.md +4 -84
- package/data/harnesses/code/skills/design/data/design-md/library/runwayml.md +0 -82
- package/data/harnesses/code/skills/design/data/design-md/library/sanity.md +3 -86
- package/data/harnesses/code/skills/design/data/design-md/library/sentry.md +13 -94
- package/data/harnesses/code/skills/design/data/design-md/library/shopify.md +2 -82
- package/data/harnesses/code/skills/design/data/design-md/library/slack.md +6 -88
- package/data/harnesses/code/skills/design/data/design-md/library/spacex.md +13 -94
- package/data/harnesses/code/skills/design/data/design-md/library/spotify.md +4 -86
- package/data/harnesses/code/skills/design/data/design-md/library/stripe.md +7 -88
- package/data/harnesses/code/skills/design/data/design-md/library/supabase.md +6 -88
- package/data/harnesses/code/skills/design/data/design-md/library/superhuman.md +5 -86
- package/data/harnesses/code/skills/design/data/design-md/library/tesla.md +6 -86
- package/data/harnesses/code/skills/design/data/design-md/library/theverge.md +12 -93
- package/data/harnesses/code/skills/design/data/design-md/library/together-ai.md +11 -91
- package/data/harnesses/code/skills/design/data/design-md/library/uber.md +8 -88
- package/data/harnesses/code/skills/design/data/design-md/library/vercel.md +2 -82
- package/data/harnesses/code/skills/design/data/design-md/library/voltagent.md +11 -126
- package/data/harnesses/code/skills/design/data/design-md/library/warp.md +8 -88
- package/data/harnesses/code/skills/design/data/design-md/library/webflow.md +3 -83
- package/data/harnesses/code/skills/design/data/design-md/library/wired.md +10 -91
- package/data/harnesses/code/skills/design/data/design-md/library/wise.md +7 -90
- package/data/harnesses/code/skills/design/data/design-md/library/x-ai.md +6 -88
- package/data/harnesses/code/skills/design/data/design-md/library/zapier.md +9 -89
- package/data/harnesses/code/skills/design/data/design-md/nurix.md +4 -87
- package/data/harnesses/code/skills/design/data/design-tokens/SCHEMA.md +580 -0
- package/data/harnesses/code/skills/design/data/design-tokens/airbnb/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/airbnb/design.tokens.json +964 -0
- package/data/harnesses/code/skills/design/data/design-tokens/airtable/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/airtable/design.tokens.json +960 -0
- package/data/harnesses/code/skills/design/data/design-tokens/anthropic-claude/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/anthropic-claude/design.tokens.json +965 -0
- package/data/harnesses/code/skills/design/data/design-tokens/apple/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/apple/design.tokens.json +954 -0
- package/data/harnesses/code/skills/design/data/design-tokens/binance/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/binance/design.tokens.json +949 -0
- package/data/harnesses/code/skills/design/data/design-tokens/bmw/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/bmw/design.tokens.json +962 -0
- package/data/harnesses/code/skills/design/data/design-tokens/cal/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/cal/design.tokens.json +958 -0
- package/data/harnesses/code/skills/design/data/design-tokens/clay/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/clay/design.tokens.json +953 -0
- package/data/harnesses/code/skills/design/data/design-tokens/clickhouse/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/clickhouse/design.tokens.json +960 -0
- package/data/harnesses/code/skills/design/data/design-tokens/cohere/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/cohere/design.tokens.json +973 -0
- package/data/harnesses/code/skills/design/data/design-tokens/coinbase/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/coinbase/design.tokens.json +954 -0
- package/data/harnesses/code/skills/design/data/design-tokens/composio/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/composio/design.tokens.json +963 -0
- package/data/harnesses/code/skills/design/data/design-tokens/cursor/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/cursor/design.tokens.json +968 -0
- package/data/harnesses/code/skills/design/data/design-tokens/elevenlabs/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/elevenlabs/design.tokens.json +981 -0
- package/data/harnesses/code/skills/design/data/design-tokens/expo/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/expo/design.tokens.json +962 -0
- package/data/harnesses/code/skills/design/data/design-tokens/figma/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/figma/design.tokens.json +964 -0
- package/data/harnesses/code/skills/design/data/design-tokens/framer/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/framer/design.tokens.json +959 -0
- package/data/harnesses/code/skills/design/data/design-tokens/goldens.json +251 -0
- package/data/harnesses/code/skills/design/data/design-tokens/hashicorp/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/hashicorp/design.tokens.json +965 -0
- package/data/harnesses/code/skills/design/data/design-tokens/ibm/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/ibm/design.tokens.json +978 -0
- package/data/harnesses/code/skills/design/data/design-tokens/intercom/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/intercom/design.tokens.json +982 -0
- package/data/harnesses/code/skills/design/data/design-tokens/kraken/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/kraken/design.tokens.json +958 -0
- package/data/harnesses/code/skills/design/data/design-tokens/linear-app/design.resolver.json +23 -0
- package/data/harnesses/code/skills/design/data/design-tokens/linear-app/design.tokens.dark.json +589 -0
- package/data/harnesses/code/skills/design/data/design-tokens/linear-app/design.tokens.json +964 -0
- package/data/harnesses/code/skills/design/data/design-tokens/lovable/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/lovable/design.tokens.json +955 -0
- package/data/harnesses/code/skills/design/data/design-tokens/meta/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/meta/design.tokens.json +977 -0
- package/data/harnesses/code/skills/design/data/design-tokens/minimax/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/minimax/design.tokens.json +950 -0
- package/data/harnesses/code/skills/design/data/design-tokens/mintlify/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/mintlify/design.tokens.json +976 -0
- package/data/harnesses/code/skills/design/data/design-tokens/miro/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/miro/design.tokens.json +979 -0
- package/data/harnesses/code/skills/design/data/design-tokens/mistral-ai/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/mistral-ai/design.tokens.json +955 -0
- package/data/harnesses/code/skills/design/data/design-tokens/mongodb/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/mongodb/design.tokens.json +958 -0
- package/data/harnesses/code/skills/design/data/design-tokens/notion/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/notion/design.tokens.json +953 -0
- package/data/harnesses/code/skills/design/data/design-tokens/nurix/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/nurix/design.tokens.json +904 -0
- package/data/harnesses/code/skills/design/data/design-tokens/nvidia/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/nvidia/design.tokens.json +957 -0
- package/data/harnesses/code/skills/design/data/design-tokens/ollama/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/ollama/design.tokens.json +945 -0
- package/data/harnesses/code/skills/design/data/design-tokens/opencode-ai/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/opencode-ai/design.tokens.json +960 -0
- package/data/harnesses/code/skills/design/data/design-tokens/posthog/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/posthog/design.tokens.json +953 -0
- package/data/harnesses/code/skills/design/data/design-tokens/raycast/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/raycast/design.tokens.json +955 -0
- package/data/harnesses/code/skills/design/data/design-tokens/replicate/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/replicate/design.tokens.json +958 -0
- package/data/harnesses/code/skills/design/data/design-tokens/resend/design.resolver.json +23 -0
- package/data/harnesses/code/skills/design/data/design-tokens/resend/design.tokens.dark.json +613 -0
- package/data/harnesses/code/skills/design/data/design-tokens/resend/design.tokens.json +968 -0
- package/data/harnesses/code/skills/design/data/design-tokens/revolut/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/revolut/design.tokens.json +956 -0
- package/data/harnesses/code/skills/design/data/design-tokens/runwayml/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/runwayml/design.tokens.json +960 -0
- package/data/harnesses/code/skills/design/data/design-tokens/sanity/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/sanity/design.tokens.json +958 -0
- package/data/harnesses/code/skills/design/data/design-tokens/sentry/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/sentry/design.tokens.json +980 -0
- package/data/harnesses/code/skills/design/data/design-tokens/shopify/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/shopify/design.tokens.json +964 -0
- package/data/harnesses/code/skills/design/data/design-tokens/slack/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/slack/design.tokens.json +957 -0
- package/data/harnesses/code/skills/design/data/design-tokens/spacex/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/spacex/design.tokens.json +979 -0
- package/data/harnesses/code/skills/design/data/design-tokens/spotify/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/spotify/design.tokens.json +974 -0
- package/data/harnesses/code/skills/design/data/design-tokens/stripe/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/stripe/design.tokens.json +973 -0
- package/data/harnesses/code/skills/design/data/design-tokens/supabase/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/supabase/design.tokens.json +979 -0
- package/data/harnesses/code/skills/design/data/design-tokens/superhuman/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/superhuman/design.tokens.json +966 -0
- package/data/harnesses/code/skills/design/data/design-tokens/tesla/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/tesla/design.tokens.json +961 -0
- package/data/harnesses/code/skills/design/data/design-tokens/theverge/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/theverge/design.tokens.json +977 -0
- package/data/harnesses/code/skills/design/data/design-tokens/together-ai/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/together-ai/design.tokens.json +991 -0
- package/data/harnesses/code/skills/design/data/design-tokens/uber/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/uber/design.tokens.json +966 -0
- package/data/harnesses/code/skills/design/data/design-tokens/vercel/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/vercel/design.tokens.json +988 -0
- package/data/harnesses/code/skills/design/data/design-tokens/voltagent/design.resolver.json +23 -0
- package/data/harnesses/code/skills/design/data/design-tokens/voltagent/design.tokens.dark.json +602 -0
- package/data/harnesses/code/skills/design/data/design-tokens/voltagent/design.tokens.json +974 -0
- package/data/harnesses/code/skills/design/data/design-tokens/warp/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/warp/design.tokens.json +979 -0
- package/data/harnesses/code/skills/design/data/design-tokens/webflow/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/webflow/design.tokens.json +960 -0
- package/data/harnesses/code/skills/design/data/design-tokens/wired/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/wired/design.tokens.json +968 -0
- package/data/harnesses/code/skills/design/data/design-tokens/wise/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/wise/design.tokens.json +965 -0
- package/data/harnesses/code/skills/design/data/design-tokens/x-ai/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/x-ai/design.tokens.json +988 -0
- package/data/harnesses/code/skills/design/data/design-tokens/zapier/design.resolver.json +20 -0
- package/data/harnesses/code/skills/design/data/design-tokens/zapier/design.tokens.json +978 -0
- package/data/harnesses/code/skills/design/data/operator-pack/surface-catalog.md +1 -1
- package/data/harnesses/code/skills/design/references/create.md +14 -9
- package/data/harnesses/code/skills/design/references/diagnosis.md +1 -1
- package/data/harnesses/code/skills/design/references/hard-rules.md +4 -4
- package/data/harnesses/code/skills/design/references/improve.md +11 -9
- package/data/harnesses/code/skills/design/references/introspect.md +1 -1
- package/data/harnesses/code/skills/design/references/personality.md +337 -413
- package/data/harnesses/code/skills/design/scripts/convert-design-md.mjs +1032 -0
- package/data/harnesses/code/skills/design/scripts/derive-personality.mjs +596 -296
- package/data/harnesses/code/skills/design/scripts/{detector.mjs → lib/checks.mjs} +145 -140
- package/data/harnesses/code/skills/design/scripts/lib/golden.mjs +26 -0
- package/data/harnesses/code/skills/design/scripts/phase-gate.mjs +105 -37
- package/data/harnesses/code/skills/design/scripts/preship-sweep.mjs +60 -73
- package/data/harnesses/code/skills/design/scripts/render-rung.mjs +1 -1
- package/data/harnesses/code/skills/design/scripts/scaffold.mjs +1 -1
- package/data/harnesses/code/skills/design/scripts/self-integrity.mjs +205 -37
- package/data/harnesses/code/skills/design/scripts/snapshot-goldens.mjs +68 -0
- package/data/harnesses/code/skills/design/scripts/validate-combinations.mjs +314 -0
- package/data/harnesses/code/skills/documentation/SKILL.md +61 -17
- package/data/harnesses/code/skills/documentation/references/examples.md +41 -0
- package/data/harnesses/code/skills/documentation/references/style-guide.md +14 -9
- package/data/harnesses/code/skills/documentation/references/templates.md +306 -52
- package/data/harnesses/etna/CLAUDE.md +3 -3
- package/data/harnesses/etna/agents/brainstorm.md +1 -1
- package/data/harnesses/etna/agents/maintenance.md +8 -7
- package/data/harnesses/etna/harness.json +2 -2
- package/data/harnesses/etna/rules/general.md +2 -40
- package/data/harnesses/etna/rules/nomenclature.md +1 -8
- package/data/harnesses/etna/skills/brainstorm/README.md +4 -4
- package/data/harnesses/etna/skills/brainstorm/SKILL.md +5 -3
- package/data/harnesses/etna/skills/brainstorm/exit-artifacts.md +15 -11
- package/data/harnesses/etna/skills/brainstorm/templates/source-of-truth.md +5 -5
- package/data/harnesses/etna/skills/documentation/SKILL.md +61 -17
- package/data/harnesses/etna/skills/documentation/references/examples.md +41 -0
- package/data/harnesses/etna/skills/documentation/references/style-guide.md +14 -9
- package/data/harnesses/etna/skills/documentation/references/templates.md +306 -52
- package/data/harnesses/mobile/CLAUDE.md +3 -3
- package/data/harnesses/mobile/agents/brainstorm.md +1 -1
- package/data/harnesses/mobile/agents/maintenance.md +8 -7
- package/data/harnesses/mobile/harness.json +2 -2
- package/data/harnesses/mobile/rules/database.md +38 -0
- package/data/harnesses/mobile/rules/general.md +2 -40
- package/data/harnesses/mobile/rules/nomenclature.md +1 -8
- package/data/harnesses/mobile/rules/nustack.md +150 -0
- package/data/harnesses/mobile/skills/brainstorm/README.md +4 -4
- package/data/harnesses/mobile/skills/brainstorm/SKILL.md +5 -3
- package/data/harnesses/mobile/skills/brainstorm/exit-artifacts.md +15 -11
- package/data/harnesses/mobile/skills/brainstorm/templates/source-of-truth.md +5 -5
- package/data/harnesses/mobile/skills/documentation/SKILL.md +61 -17
- package/data/harnesses/mobile/skills/documentation/references/examples.md +41 -0
- package/data/harnesses/mobile/skills/documentation/references/style-guide.md +14 -9
- package/data/harnesses/mobile/skills/documentation/references/templates.md +306 -52
- package/package.json +1 -1
- package/data/harnesses/code/skills/design/scripts/hook-config.json +0 -11
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
id,product_type,tier,keywords,style_priority,palette_stance,type_stance,density_tier,key_surfaces,decision_rules,anti_patterns,notes
|
|
2
|
+
1,Internal SaaS Admin / Back-Office,operator-active,"admin panel, back-office, internal tool, saas admin, control panel, settings console, workspace, tenant management, b2b, operator dashboard, account management","Flat design (solid fills, crisp edges, no faux depth); Minimalism (restraint and generous whitespace around dense controls)",Neutral surface with a single trust-blue accent for primary actions,Clear functional hierarchy over decoration,standard,"dashboard, list-detail, create-edit, entity-detail",if the tenant has many object types: lead with a dashboard that links into each list; if an action is destructive: gate it behind a confirm and show an undo; if settings are deep: group them into a searchable left rail,"""marketing hero on an internal tool"", ""glossy gradients that slow scanning"", ""hiding bulk actions two clicks deep""","The generic company back-office where an employee administers accounts, settings, and records all day."
|
|
3
|
+
2,CRM & Sales Pipeline,operator-active,"crm, client management, customer, sales, pipeline, contact, lead, deal, opportunity, account, activity log, hubspot, salesforce, relationship management","Flat design (solid fills, no shadows); Minimalism (quiet chrome so records dominate)","Professional blue with stage-coded accents (won green, lost grey)","Legible sans, dense but scannable rows",dense,"list-detail, entity-detail, dashboard, create-edit","if deals move through stages: offer a kanban board plus a table view of the same records; if a contact is opened: show an activity timeline with quick-log for call, email, and meeting; if pipeline value matters: put weighted forecast on the dashboard","""three-dimensional card effects on a data grid"", ""burying quick-log actions"", ""color-only stage cues with no label""",A salesperson lives in the contact list and the deal board; the design serves fast logging and pipeline scanning.
|
|
4
|
+
3,Analytics & BI Dashboard,operator-active,"analytics, business intelligence, bi, kpi, metric, funnel, conversion, cohort, retention, segment, attribution, ab test, reporting, drill-down","Data-dense (tight, information-rich layout); Minimalism (chart-first, chrome-last)",Neutral canvas with a small categorical chart palette,"Clear, functional, tabular-friendly numerals",dense,"dashboard, list-detail",if a large dataset backs a table: virtualize the rows and keep sort and filter server-driven; if a metric invites investigation: make the tile drill down to the underlying list; if comparison is the job: put period-over-period deltas beside every number,"""ornamental charts that obscure the value"", ""no export or filter"", ""rainbow series beyond five categories""","An analyst reads for signal, so clarity and drill-down beat visual flourish everywhere."
|
|
5
|
+
4,Financial / Trading Dashboard,operator-active,"financial dashboard, trading, portfolio, pnl, revenue, expense, cashflow, balance sheet, investment, treasury, ledger, positions, real-time finance",Data-dense (tight numeric grids); Dark mode (near-black surfaces that ease long screen sessions),Dark ground with red-down / green-up alert pairs and a trust-blue accent,"Tabular figures, high contrast, aligned decimals",dense,"dashboard, entity-detail, log-stream","if numbers update live: animate the change subtly and never block on a full re-render; if a position is opened: show its full history as an entity view; if thresholds are breached: raise a colored, labeled alert - never color alone","""light mode as the only theme"", ""laggy rendering on live ticks"", ""decorative motion competing with real alerts""","Accuracy and glanceable deltas are the whole job; the palette exists to flag up and down, not to please."
|
|
6
|
+
5,Inventory & Warehouse Management,operator-active,"inventory, stock, warehouse, sku, barcode, supply, fulfillment, reorder, stock level, audit, product catalog, logistics stock","Flat design (solid status fills); Minimalism (functional, uncluttered rows)","Functional neutral with traffic-light stock states (green, amber, red)","Clear sans, prominent quantity and status badges",dense,"list-detail, entity-detail, create-edit, dashboard",if stock runs low: surface a labeled alert banner and a one-tap reorder; if items are scanned: keep a barcode entry path always reachable; if a count is edited: write an audit-log entry that names the operator,"""3D card treatments on a stock grid"", ""status by color with no text label"", ""hiding the low-stock alert below the fold""","A warehouse operator scans, counts, and reorders; density and status legibility carry the interface."
|
|
7
|
+
6,Support Desk / Ticket Queue,operator-active,"support desk, help desk, ticket, ticket queue, agent, sla, case, escalation, inbox, zendesk, intercom, customer support, resolution","Flat design (calm solid surfaces); Minimalism (queue-first, low chrome)","Neutral base with priority accents (urgent red, breaching amber)",Readable sans tuned for long queues and threads,dense,"list-detail, entity-detail, dashboard, log-stream",if SLA is ticking: show time-to-breach on every queue row and sort by it; if a ticket is opened: thread the conversation with canned-reply and internal-note affordances; if volume spikes: give the lead a dashboard of queue depth and agent load,"""conversation buried under chrome"", ""no visible SLA countdown"", ""playful styling on an all-day work surface""",An agent works a prioritized queue and a threaded case; throughput and SLA visibility govern the layout.
|
|
8
|
+
7,Content Moderation Queue,operator-active,"moderation, content moderation, review queue, flag, report, abuse, trust and safety, takedown, approve, reject, escalate, user reports","Flat design (neutral, non-distracting); Minimalism (evidence-first)",Restrained neutral with clear approve-green / reject-red decision accents,Legible sans; the flagged content is the focal object,dense,"list-detail, entity-detail, log-stream",if items await review: present them one focused card at a time with keyboard approve and reject; if a decision is made: record it to an immutable action log with the reviewer and reason; if abuse is severe: allow one-click escalation with context attached,"""decorative styling that competes with the flagged content"", ""irreversible actions with no audit trail"", ""color-only verdicts""",A trust-and-safety reviewer decides fast on a stream of flagged items; the queue optimizes for one clear judgment at a time.
|
|
9
|
+
8,Review Queue / Application Tracking,operator-active,"application tracking, ats, recruitment, job board, applicant, grant, funding, rfp, proposal, peer review, submission, candidate, review stages, screening","Flat design (structured, sober); Minimalism (form and status clarity)",Institutional neutral with stage-coded status chips,"Professional sans, clear stage and status labels",standard,"list-detail, entity-detail, dashboard, create-edit",if submissions move through stages: show a pipeline of applicants or proposals with a per-stage count; if one is opened: put the full submission beside the reviewer scorecard; if deadlines loom: sort the queue by deadline and flag the imminent ones,"""opaque status with no stage label"", ""scoring forms detached from the submission"", ""hiding deadlines""","Recruiters, grant officers, and reviewers all work the same shape: a staged queue of submissions scored toward a decision."
|
|
10
|
+
9,IoT & Sensor Monitoring,operator-active,"iot, sensor, smart home, telemetry, device fleet, agriculture, farm tech, energy, climate tech, ev charging, grid, environmental monitoring, real-time controls",Data-dense (many live readings at once); Dark mode (near-black canvas for status colors to pop),Dark ground with saturated device-status indicators,Clear functional type; large legible current values,dense,"command-center, dashboard, log-stream, entity-detail",if devices report live: pulse the status and keep updates streaming without a full reload; if a reading crosses a limit: raise an alert and log it to the event stream; if a device is inspected: show its history and controls on an entity view,"""stale readings that look live"", ""no alerting on threshold breach"", ""ornamentation over telemetry legibility""","An operator watches a live fleet of sensors and acts on alerts; the design is a monitoring wall, not a marketing page."
|
|
11
|
+
10,Fleet & Dispatch Command Center,operator-active,"fleet, dispatch, drone, autonomous, robotics, logistics, delivery ops, routing, vehicles, telemetry, map, real-time operations, control room",Data-dense (map plus live panels); Dark mode (control-room contrast),Dark map ground with tactical status accents and a clear alert red,Technical sans; large glanceable state and ETA readouts,dense,"command-center, dashboard, entity-detail, log-stream",if assets move on a map: pair the map with a live list of units and their status; if telemetry is safety-critical: show latency and connection health explicitly; if an incident fires: surface it top-of-view and log the timeline,"""slow map updates on a live fleet"", ""hidden connection or latency state"", ""decorative motion masking real alerts""",A dispatcher supervises moving assets from a map-plus-panels wall where latency and safety alerts are first-class.
|
|
12
|
+
11,Cybersecurity / SOC Console,operator-active,"cybersecurity, soc, security operations, threat, siem, alert, incident, vulnerability, intrusion, log analysis, detection, defense, real-time monitoring",Data-dense (high signal volume); Dark mode (long-session SOC contrast),Deep dark with severity-scaled threat accents,Monospace-friendly technical type for logs and hashes,dense,"command-center, dashboard, log-stream, list-detail",if threats stream in: rank the alert feed by severity and let the analyst pivot to raw logs; if an incident opens: correlate related events on one timeline; if noise is high: allow triage rules that suppress low-severity chatter,"""light mode for a monitoring wall"", ""weak data visualization of threats"", ""severity by color alone""","A security analyst hunts across streaming alerts and logs; density, dark contrast, and severity ranking are the substrate."
|
|
13
|
+
12,Developer Tool / IDE,operator-active,"developer tool, ide, editor, terminal, cli, code, syntax, debugger, build, repository, devtools, source, commands",Dark mode (syntax-theme surfaces); Minimalism (chrome yields to the code),Dark syntax palette with a single focus-blue accent,Monospace for code; a clean sans for chrome,dense,"list-detail, log-stream, command-center",if navigation is frequent: give a command palette and keyboard shortcuts for every primary action; if output streams: render logs and build output as an append-only pane; if a tree is deep: keep the file or resource tree beside the active editor,"""light-only theme by default"", ""mouse-only navigation"", ""sluggish input on large files""","A developer lives in keyboard-driven code, tree, and terminal panes where speed and dark syntax legibility dominate."
|
|
14
|
+
13,API Console / Developer Platform,operator-active,"api console, developer platform, endpoint, sdk, integration, rest, graphql, webhook, api key, rate limit, request logs, playground, tokens",Dark mode (code-forward surfaces); Minimalism (reference clarity),Dark code theme with brand and syntax accents,Monospace for samples; clean sans for reference prose,standard,"list-detail, entity-detail, log-stream, create-edit","if endpoints are browsed: make each discoverable with a copy-paste sample and an auth note; if keys are issued: let the operator create, scope, and revoke them; if requests flow: expose a live request log with status and latency","""opaque auth flow"", ""no request or error visibility"", ""hidden rate-limit state""","An integrator explores endpoints, manages keys, and watches request logs; the console is a technical reference, not a brochure."
|
|
15
|
+
14,Incident & Status Management,operator-active,"incident, status page, outage, uptime, downtime, sla, on-call, postmortem, severity, maintenance, service health, monitoring, sev1",Data-dense (service matrix plus timeline); Minimalism (status legibility),"Neutral dark with status green, incident red, maintenance amber",Clear functional type; unambiguous status wording,standard,"command-center, log-stream, dashboard, entity-detail",if services are many: show a status matrix that rolls up to one health headline; if an incident runs: keep a chronological update log with severity and owner; if history matters: chart uptime and time-to-resolve over past incidents,"""status by color with no words"", ""no incident timeline"", ""burying the current-severity headline""","Responders declare, update, and resolve incidents against a service matrix and a running timeline."
|
|
16
|
+
15,Feature Flag / Config Management,operator-active,"feature flag, config, feature toggle, launchdarkly, experiment, rollout, kill switch, targeting, environment, percentage rollout, remote config, gating",Data-dense (many toggles and rules); Flat design (crisp switch states),"Neutral base with enabled-green, disabled-grey, experimental-amber, kill-red",Clear sans; unmistakable on and off states,standard,"list-detail, create-edit, dashboard, log-stream",if a flag ships gradually: give a percentage-rollout control and an environment selector; if targeting is complex: build the rule set in a clear create-edit form; if a change is risky: keep an audit log and a one-click kill switch,"""ambiguous toggle state"", ""no environment separation"", ""flag changes with no audit trail""","An engineer flips, targets, and rolls back flags across environments; state clarity and auditability are paramount."
|
|
17
|
+
16,RPA / Automation Orchestration,operator-active,"rpa, robotic process automation, bot, orchestrator, workflow automation, process, scheduler, unattended, attended, exception, run history, pipeline",Data-dense (fleet of runs); Dark mode (ops-console contrast),"Dark ground with run-state accents (running green, failed red, queued amber)",Technical sans; prominent run status and counts,dense,"command-center, dashboard, log-stream, list-detail","if bots run continuously: show a status grid of running, idle, and failed with queue depth; if a run fails: alert on the exception and link to its log; if value is questioned: surface throughput and time-saved metrics","""no exception alerting"", ""run logs hidden behind clicks"", ""state shown by color only""","An automation operator supervises a fleet of scheduled bots, watching for failures and queue backpressure."
|
|
18
|
+
17,LMS / Learning Admin,operator-active,"lms, learning management, course management, canvas, moodle, enrollment, gradebook, syllabus, assignment, roster, instructor console, cohort","Flat design (clean instructional surfaces); Accessible and ethical (high contrast, large targets, WCAG-first)",Calm blue with course-category accents and grade states,Readable sans at comfortable size for long sessions,standard,"dashboard, list-detail, entity-detail, create-edit",if a cohort is managed: dashboard the enrolled courses and upcoming deadlines; if grading is due: give a gradebook table with inline entry; if content is authored: use a structured create-edit flow for modules and assignments,"""low contrast on an all-day academic tool"", ""grades buried in modals"", ""inaccessible custom controls""","An instructor or administrator manages cohorts, grades, and course content; accessibility and a clear gradebook lead."
|
|
19
|
+
18,EHR / Clinical Records Console,operator-active,"ehr, emr, clinical, patient records, health records, mychart, lab results, prescription, medical history, care team, telemedicine, patient portal, encounter","Accessible and ethical (WCAG-first, large targets); Minimalism (calm, uncluttered clinical surfaces)",Clinical blue and calm white with health-green and alert-red states,"Highly legible sans, generous size, strong labels",standard,"entity-detail, list-detail, dashboard, create-edit","if a patient is opened: lead with an at-a-glance summary then labs, meds, and allergies as an entity view; if allergies or interactions exist: raise them as blocking, labeled alerts; if visits are logged: capture the encounter in a structured form","""critical alerts shown by color alone"", ""dense unlabeled data blocks"", ""playful styling on a clinical record""","A clinician reads a single patient record deeply; safety alerts, legibility, and accessibility outrank every aesthetic choice."
|
|
20
|
+
19,Survey / Form Builder,operator-active,"survey, form builder, questionnaire, typeform, poll, feedback, multi-step form, nps, logic jump, question types, response analytics, form designer",Minimalism (calm builder canvas); Flat design (crisp field controls),Clean neutral with a single question-accent and a submit color,Clean sans; the question is the focal element,standard,"create-edit, list-detail, dashboard",if a form is authored: give a drag-and-drop builder with a live preview pane; if branching is needed: visualize conditional logic between questions; if responses arrive: chart them on a response dashboard with CSV export,"""builder and preview out of sync"", ""hidden conditional-logic wiring"", ""no response export""",A creator assembles a form on a builder canvas and later reads responses; the two surfaces are build and analyze.
|
|
21
|
+
20,No-code / App Builder,operator-active,"no-code, low-code, builder, bubble, webflow, drag drop, visual builder, app builder, workflow builder, components, canvas, logic blocks, publish","Flat design (clear component blocks); Minimalism (canvas breathes, panels recede)",Neutral canvas with component-palette accents and a connect-blue,Clean sans; component labels stay unambiguous,standard,"create-edit, list-detail, dashboard",if a layout is built: pair a drag-and-drop canvas with a component-library rail and a preview; if logic is wired: give a visual flow editor for actions and conditions; if work is shipped: expose a clear publish action with version history,"""canvas cluttered by heavy chrome"", ""invisible logic wiring"", ""no preview before publish""","A maker assembles apps on a canvas with a component rail and a logic editor; the canvas is the work, panels support it."
|
|
22
|
+
21,Document Workflow & E-signature,operator-active,"esignature, e-sign, docusign, digital signature, document workflow, approval chain, contract, signing, scanner, ocr, pdf, audit trail, multi-signer",Minimalism (document-first calm); Flat design (clean approval states),Trust navy with signature-green and pending-amber states,Legible sans; the document preview leads,standard,"list-detail, entity-detail, create-edit, log-stream",if a document moves through signers: show the approval chain and each party's status; if it is signed: capture placement on the preview and record an audit trail; if it expires: remind before the deadline,"""signer status hidden"", ""no tamper-evident audit trail"", ""signing flow that breaks on mobile""","A document routes through capture, placement, signing, and archive; every step leaves an auditable trace."
|
|
23
|
+
22,Knowledge Base / Reference Database,operator-active,"knowledge base, documentation, wiki, encyclopedia, reference, patent, ip database, prior art, search, article, citation, internal docs, taxonomy","Minimalism (reading-first restraint); Swiss modernism (grid-driven type hierarchy, sparse color)",Clean neutral with link-blue and a quiet citation grey,"Readable serif or humanist sans, strong heading scale",standard,"list-detail, entity-detail, create-edit",if content is large: make full-text search the primary entry and keep a table of contents beside the article; if articles link: cross-reference them explicitly; if edits happen: keep version history and attribution,"""weak search on a reference corpus"", ""no version history"", ""dense walls of text with no hierarchy""",An analyst searches and reads a reference corpus; search-first navigation and typographic hierarchy are the whole experience.
|
|
24
|
+
23,Design System / Component Library,operator-active,"design system, component library, storybook, tokens, primitives, documentation, variants, props, usage, patterns, accessibility docs, code examples","Minimalism (specimen-first calm); Accessible and ethical (contrast and focus states demonstrated, not just claimed)",Neutral canvas that lets component color specimens speak,"Monospace for code, clean sans for prose",spacious,"list-detail, entity-detail",if a component is documented: pair a live preview with copyable code and its prop table; if variants exist: show every state including focus and disabled; if search is used: index components and tokens by name,"""no live preview beside the code"", ""undocumented states"", ""specimens that skip focus and error styling""","A developer browses components as living specimens; each entry is a preview, its props, and its usage."
|
|
25
|
+
24,Invoice & Billing Console,operator-active,"invoice, billing, payment, receipt, estimate, quote, accounting, subscription billing, dunning, line items, tax, overdue, revenue ops",Minimalism (ledger calm); Flat design (clean status badges),Professional navy with paid-green and overdue-red states,Tabular figures with aligned currency columns,standard,"list-detail, create-edit, entity-detail, dashboard","if an invoice is drafted: build line items with live tax and discount totals; if status changes: badge it clearly across draft, sent, paid, and overdue; if payment lags: surface overdue and a dunning action on the dashboard","""currency columns that do not align"", ""status by color only"", ""no clear paid-versus-overdue split""",A finance operator issues invoices and chases payment; aligned figures and unambiguous status carry the tool.
|
|
26
|
+
25,Insurance & Claims Admin,operator-active,"insurance, claims, policy, underwriting, quote, coverage, adjuster, premium, policyholder, claim status, risk, back-office insurance","Flat design (sober functional surfaces); Accessible and ethical (clear, high-contrast, plain-language)",Trust blue with security-green and claim-status accents,Clear professional sans; strong field and status labels,standard,"list-detail, entity-detail, dashboard, create-edit","if claims queue up: list them with status and age and open each as a full case; if a policy is inspected: show coverage, history, and linked claims on one entity view; if intake is structured: capture the claim in a staged form","""jargon with no plain-language help"", ""claim status ambiguous"", ""policy detail scattered across screens""",An adjuster works a claims queue and reads policy detail; clarity and status legibility beat any flourish.
|
|
27
|
+
26,Marketplace Operations,operator-active,"marketplace, seller, buyer, listings, auction, bidding, freelancer, gigs, orders, disputes, payouts, trust and safety, ops console, two-sided",Flat design (functional ops surfaces); Minimalism (records over chrome),Trust neutral with category and order-status accents,Clean sans; listing and order data lead,standard,"list-detail, entity-detail, dashboard, create-edit","if listings are managed: give a searchable list with per-listing status and moderation actions; if an order or dispute opens: show buyer, seller, and history together; if health matters: dashboard GMV, disputes, and payout backlog","""seller and buyer context split apart"", ""no dispute trail"", ""trust signals treated as decoration""","An operator runs the back-office of a two-sided market: listings, orders, disputes, and payouts in one console."
|
|
28
|
+
27,Content Management (CMS) / Editorial Ops,operator-active,"cms, content management, editorial, newsroom, publishing, articles, blog, media, drafts, scheduling, workflow, editor, headless cms",Minimalism (editorial calm); Flat design (clean draft and publish states),Neutral editorial base with a single publish-accent,Editorial serif or humanist sans; strong content hierarchy,standard,"list-detail, create-edit, entity-detail, dashboard",if drafts pile up: list content by workflow state from draft to scheduled to live; if an article is edited: give a distraction-light editor with a preview; if timing matters: schedule publication and show the calendar,"""editor cluttered with chrome"", ""no draft-versus-live distinction"", ""publish with no preview""","An editor drafts, schedules, and publishes; the back-office is a content list plus a focused editor, not the reader-facing site."
|
|
29
|
+
28,Field Service & Dispatch,operator-active,"field service, dispatch, home services, technician, work order, plumber, electrician, hvac, hyperlocal, scheduling, job assignment, service ops, on-site","Flat design (rugged clear surfaces); Accessible and ethical (readable in the field, large targets)",Trust blue with safety-orange and job-status accents,"Clear sans; large, glanceable job and status labels",standard,"command-center, list-detail, entity-detail, dashboard","if jobs need assigning: show a dispatch board of technicians and open work orders on a map; if a job is opened: carry customer, location, and history together; if urgency spikes: flag emergency jobs at the top","""tiny touch targets for field use"", ""job status ambiguous"", ""customer and location detail scattered""","A dispatcher assigns technicians to work orders and tracks them in the field; a board, a map, and clear job cards carry it."
|
|
30
|
+
29,Fundraising & Donor Management,operator-active,"fundraising, donor, donation, nonprofit, charity, crowdfunding, campaign, pledge, backer, giving, grants out, impact metrics, donor crm",Flat design (clean campaign surfaces); Minimalism (numbers and progress lead),Warm trust neutral with a funding-progress green,Clear sans; prominent goal and progress figures,standard,"dashboard, list-detail, entity-detail, create-edit",if a campaign runs: dashboard raised-versus-goal with the backer count and trend; if a donor is opened: show giving history and communications together; if transparency is expected: report where funds go,"""vanity totals with no goal context"", ""donor history fragmented"", ""opaque fund allocation""",A development officer runs campaigns and manages donor relationships; progress-to-goal and donor history drive the screens.
|
|
31
|
+
30,Booking & Reservation Management,operator-active,"booking, reservation, appointment, scheduling, calendar, slots, availability, provider, front desk, no-show, capacity, resource booking",Flat design (clean scheduling surfaces); Soft UI (gentle low-contrast panels for a calm front desk),"Trust blue with available-green, booked-grey, and a confirm accent",Clear sans; unambiguous time and status labels,standard,"dashboard, list-detail, create-edit, entity-detail","if slots are managed: show availability as a calendar grid the operator can book into; if a reservation is opened: carry the guest, service, and history; if no-shows recur: surface reschedule and reminder actions","""available and booked look alike"", ""double-booking allowed silently"", ""reschedule buried""",A front-desk operator manages provider availability and reservations; a bookable calendar and clear slot states lead.
|
|
32
|
+
31,Digital Signage / Kiosk CMS,operator-active,"digital signage, kiosk, display cms, wayfinding, menu board, lobby display, content scheduling, playlist, screens, remote display, touchscreen ops",Flat design (bold high-contrast blocks); Minimalism (single-purpose per screen),High-contrast neutral with a strong brand accent,Large clear sans built for distance reading,standard,"create-edit, list-detail, command-center",if screens are scheduled: build playlists in a create-edit flow and assign them to displays; if displays are many: monitor which are online from a control view; if a display drops: fall back to cached content and alert,"""tiny touch targets on a kiosk"", ""no offline fallback"", ""no view of which screens are live""",An operator schedules content to remote displays and watches their health; the back-office is a playlist builder plus a screen monitor.
|
|
33
|
+
32,Government / Civic Services Console,operator-active,"government portal, civic services, city hall, permit, tax payment, voter registration, public records, municipal, benefits, case worker, service directory, form wizard","Accessible and ethical (WCAG-AAA, plain language, keyboard-first); Minimalism (calm, low-noise service surfaces)",Professional blue at high contrast with clear service-category cues,"Large, plain, highly legible sans in plain language",standard,"list-detail, create-edit, entity-detail, dashboard",if services are many: give an A-to-Z directory with search; if a form is long: use a wizard that saves progress; if a request is filed: show a status tracker and support multiple languages,"""low contrast on a public-duty tool"", ""long forms with no save-progress"", ""jargon over plain language""","A resident completes a civic task or a caseworker processes it; accessibility, plain language, and a clear status tracker are mandatory."
|
|
34
|
+
33,Micro SaaS Launch,dormant-marketing,"micro saas, indie, solo, bootstrap, side project, solopreneur, product hunt, niche tool, waitlist, small team, indie hacker","Flat design (solid fills, no faux depth); Motion-driven (animation used as a primary attention device)",Vibrant primary against generous white space,"Modern, energetic display type",spacious,hero + short demo + single cta (pre-launch: waitlist capture),if pre-launch: use a waitlist page with visible momentum; if a demo exists: put a short muted autoplay clip in the hero; keep the page to one product and one ask,"""a static page with no product shown"", ""poor mobile layout"", ""asking for too much before the value lands""",An indie maker proves one product fast; the page shows it working and asks once.
|
|
35
|
+
34,E-commerce Storefront,dormant-marketing,"ecommerce, online store, shop, retail, storefront, products, cart, checkout, catalog, buy, sell, luxury retail, florist, dtc",Vibrant and block-based (bold saturated color blocks); Aurora UI (soft flowing multi-color gradient washes) for premium tiers,Brand primary with a success-green for confirmations,Engaging with clear product hierarchy,standard,hero + product showcase + social proof + checkout cta,if the brand is luxury: switch to a restrained palette with liquid-glass (translucent layered) product framing and slower reveals; if conversion is the goal: add scarcity and urgency cues; keep product imagery high quality,"""flat depthless product cards"", ""text-heavy pages that bury the buy action"", ""playful chaos on a premium catalog""","A shopper browses and buys; imagery, hierarchy, and a frictionless path to checkout decide the sale."
|
|
36
|
+
35,B2B / Enterprise Services Site,dormant-marketing,"b2b, enterprise, consulting, professional services, solution, corporate, advisory, roi, whitepaper, case study, sales-led",Minimalism (restraint and whitespace); Swiss modernism (grid-driven layout with strong type hierarchy),Professional blue with a neutral grey base,"Formal, clear, credibility-forward",spacious,hero + value proposition + case studies + trust band + cta,if credibility is the barrier: lead with named case studies and ROI proof; if the sale is high-touch: make contact and demo requests the primary action; avoid consumer-app flourish,"""playful design that undercuts authority"", ""hidden credentials and results"", ""AI purple and pink gradients on a serious brand""","An enterprise buyer needs proof and clarity; case studies and ROI carry the page, not spectacle."
|
|
37
|
+
36,Creative Agency & Portfolio,dormant-marketing,"creative agency, portfolio, personal site, photographer, marketing agency, branding, design studio, architecture, interior, showreel, case study, freelancer showcase","Brutalism (raw, high-contrast, exposed structure); Motion-driven (animation as a lead design element)",Bold primaries with artistic freedom,"Expressive, oversized, personality-forward type",spacious,storytelling hero + full-bleed work gallery + about + contact cta,if the field is visual: let large imagery and motion dominate and keep text sparse; if a boutique voice is wanted: push artistic freedom further; always keep the work itself one click away,"""corporate template blandness"", ""hiding the portfolio behind menus"", ""heavy copy over the work""",A creative sells taste; the work is the argument and the layout gets out of its way.
|
|
38
|
+
37,Luxury / Premium Brand,dormant-marketing,"luxury, premium, high-end, exclusive, elegant, prestige, boutique, refined, heritage brand, flagship","Liquid glass (translucent, layered, light-refracting surfaces); Minimalism (severe restraint, vast whitespace)",Black and gold with white and a single minimal accent,"Elegant, refined, high-contrast serif",spacious,cinematic storytelling hero + feature-rich showcase + brand narrative,if the goal is aspiration: slow every animation and use premium imagery; if commerce is attached: emphasize trust at checkout; never let visuals look cheap or rushed,"""cheap visuals"", ""fast, busy animation"", ""vibrant playful color on a prestige brand""","A prestige brand sells feeling; pace, restraint, and material quality do the work."
|
|
39
|
+
38,Real Estate / Property,dormant-marketing,"real estate, property, housing, listings, rent, buy, agent, mortgage, virtual tour, homes, brokerage","Glassmorphism (translucent blurred layered cards); Minimalism (clean, imagery-forward restraint)",Trust blue with gold accents on white,"Professional, confident, legible",standard,hero + property search + featured listings + agent contact cta,if the property is premium: add 3D or virtual tours; if search is central: make map plus filters the primary surface; lead with high-quality photography,"""poor or sparse photography"", ""no virtual tour on high-value listings"", ""cluttered listing cards""","A buyer scans listings visually; photography, tours, and map search decide engagement."
|
|
40
|
+
39,Travel & Hospitality,dormant-marketing,"travel, tourism, vacation, flight, airline, hotel, hospitality, booking, destination, itinerary, resort, holiday",Aurora UI (soft flowing gradient washes evoking sky and scenery); Motion-driven (animation as a lead device),Vibrant destination color with sky blue and warm accents,"Inspirational, engaging, image-friendly",spacious,storytelling hero + destination showcase + booking search + reviews,"if the pitch is experience: lead with immersive imagery and story; if booking is the goal: keep the search simple and mobile-first; show real photography, not stock cliches","""generic stock imagery"", ""a complex multi-step booking flow"", ""poor mobile booking""","A traveler is sold a place, then booked; inspiration up front, a simple booking path underneath."
|
|
41
|
+
40,Restaurant & Cafe,dormant-marketing,"restaurant, menu, food, dining, reservation, cafe, bakery, brewery, winery, cuisine, order, takeaway, eatery",Vibrant and block-based (warm saturated color blocks); Soft UI (gentle rounded low-contrast panels),Warm appetizing tones with high-quality food imagery,"Warm, inviting, appetite-forward",standard,hero + menu + photo gallery + reservation or order cta,if delivery or ordering exists: make it the primary action; if the story is craft: add a heritage narrative for a brewery or winery; always use strong food photography and current hours,"""low-quality food photos"", ""outdated or hidden hours"", ""no clear path to order or reserve""","A diner is made hungry, then given a table or an order; photography and an obvious next step decide it."
|
|
42
|
+
41,Beauty / Spa / Salon,dormant-marketing,"beauty, spa, salon, wellness, skincare, massage, facial, aesthetic, self-care, treatment, booking, pamper",Soft UI (gentle low-contrast rounded surfaces); Neumorphism (soft extruded shapes from dual light and dark shadows),Soft pastels with gold accents and cream,"Elegant, calming, refined",spacious,hero + service menu + before-and-after gallery + booking cta,if the positioning is luxury: add gold accents and slow transitions; if bookings drive revenue: make the booking widget prominent; keep the mood calm and relaxing,"""bright neon color on a calm brand"", ""harsh fast animation"", ""dark mode that fights the serene mood""","A client seeks calm and trust; soft surfaces, a clear service menu, and easy booking carry the site."
|
|
43
|
+
42,Automotive / Car Dealership,dormant-marketing,"automotive, car, dealership, vehicle, auto, financing, test drive, configurator, showroom, models, trade-in",Motion-driven (animation as a lead device); 3D and hyperrealism (rendered depth and realistic materials),Brand colors with metallic accents on a dark or light ground,"Bold, confident",spacious,hero + vehicle showcase + configurator + financing + test-drive cta,if the model is the star: add 360-degree views and a configurator; if purchase intent is high: put a financing calculator and test-drive booking up front; use high-quality vehicle imagery,"""static product pages with no interactivity"", ""poor imagery"", ""a clumsy configurator""","A buyer wants to see, configure, and finance a vehicle; interactive showcase and clear next steps drive it."
|
|
44
|
+
43,Coworking Space,dormant-marketing,"coworking, workspace, shared office, desk, membership, community, hot desk, meeting rooms, office space, tour",Vibrant and block-based (energetic saturated blocks); Glassmorphism (translucent blurred layered cards),Energetic color with warm wood tones and a brand accent,"Modern, welcoming",spacious,hero + space tour + membership plans + booking cta,if space sells itself: lead with a tour or gallery; if plans vary: make membership tiers and booking clear; show real photos of the space and community,"""outdated or generic photos"", ""confusing membership tiers"", ""no clear booking path""",A prospective member wants to feel the space and understand the plan; a tour and clear pricing carry it.
|
|
45
|
+
44,Clinic & Care Provider Site,dormant-marketing,"healthcare, clinic, dental, pharmacy, veterinary, senior care, childcare, daycare, doctor, provider, appointment, local care, patient","Accessible and ethical (high contrast, large targets, WCAG-first); Soft UI (gentle calm surfaces)",Calm medical blue and warm neutrals with a health-green accent,"Readable, reassuring, generous size",standard,hero + services + provider profiles + trust signals + booking cta,"if trust is the barrier: show credentials, testimonials, and clear services; if booking exists: make it prominent and simple; if the audience skews older or vulnerable: enlarge text and touch targets","""small text on a care-provider site"", ""hidden credentials or hours"", ""cold, clinical coldness with no reassurance""","A patient or caregiver evaluates a local provider and books; reassurance, clarity, and accessible booking lead."
|
|
46
|
+
45,Legal Services,dormant-marketing,"legal, law firm, attorney, lawyer, counsel, litigation, practice areas, case results, compliance, consultation, jurisdiction","Minimalism (sober restraint); Swiss modernism (grid-driven type hierarchy, sparse color)",Navy blue with gold accents on white,"Professional, authoritative",spacious,hero + practice areas + attorney profiles + case results + contact cta,if credibility decides: lead with results and attorney credentials; if consultations convert: make contact forms prominent; keep the tone authoritative and current,"""outdated design that erodes trust"", ""hidden credentials"", ""AI purple and pink gradients on a serious firm""",A prospective client weighs authority and outcomes; credentials and results carry the firm's site.
|
|
47
|
+
46,Fintech / Crypto & Web3,dormant-marketing,"fintech, crypto, blockchain, web3, defi, nft, wallet, token, exchange, dapp, mint, staking, digital asset","Glassmorphism (translucent blurred layered panels); Cyberpunk UI (neon-on-dark, sci-fi edge) for web3 tiers",Dark tech ground with trust accents and vibrant or gold highlights,"Bold, modern, tech-forward",standard,hero + feature showcase + trust and security proof + connect or signup cta,if a wallet connects: show connection and transaction status clearly and display fees; if trust is fragile: foreground security proof; dark mode is usually the default here,"""light mode as the only theme for a crypto product"", ""no transaction or fee status"", ""unclear costs""","A crypto-native user needs security confidence and legible transaction state; dark, trust-forward design leads."
|
|
48
|
+
47,Personal Finance & Banking App,dormant-marketing,"personal finance, budget, expense, money, savings, wallet, banking, account, transactions, bill split, expense splitter, spending tracker",Glassmorphism (translucent blurred layered cards); Dark mode (near-black surfaces for a premium finance feel),"Calm blue with success-green, alert-red, and chart accents",Modern with clear numeric hierarchy,dense,interactive demo hero + feature walkthrough + security trust + app-store cta,"if the product is data-heavy: show real charts in the demo, not screenshots; if a light theme is wanted: ship a theme toggle; if performance dips: fall back from blur to flat surfaces","""pure white backgrounds that flatten the finance feel"", ""fake or vague demo data"", ""unclear money movement""",A consumer tracks money and moves it; a data-rich demo and visible security build the trust to install.
|
|
49
|
+
48,AI / Chatbot Product,dormant-marketing,"ai, chatbot, assistant, llm, artificial intelligence, conversational, automation, agent, prompt, generative, copilot","AI-native UI (conversational, streaming, minimal chrome); Minimalism (chrome recedes to the conversation)",Neutral with a single AI-accent (often indigo),"Modern, clean, conversational",standard,interactive demo hero + capability showcase + try-it playground + signup cta,if the product is a model: let visitors try it live in the hero rather than watch a video; if responses stream: show typing and streaming feedback; keep chrome minimal so the conversation leads,"""heavy chrome around a chat surface"", ""a video where a live try-it should be"", ""slow or hidden response feedback""",An AI product is best sold by being used; a live playground beats any description.
|
|
50
|
+
49,Social & Community App,dormant-marketing,"social media, community, creator, membership, forum, discussion, q and a, anonymous, feed, followers, network, citizen science, groups",Vibrant and block-based (bold engagement color blocks); Motion-driven (animation as a lead device),Vibrant engagement colors on a clean base,"Modern, bold, social",standard,hero + feed preview + social proof + join cta,"if engagement is the metric: use lively motion and clear counts; if content leads: minimize chrome around the feed; design retention ethically, not with dark patterns","""heavy skeuomorphism"", ""ignoring accessibility"", ""manipulative engagement dark patterns""",A community app grows on visible activity and belonging; a lively feed preview and clear join path carry it.
|
|
51
|
+
50,Dating & Relationship App,dormant-marketing,"dating, match, swipe, relationship, couple, partner, love, singles, profile, connection, anniversary",Vibrant and block-based (warm saturated blocks); Aurora UI (soft romantic gradient washes),Warm romantic pink and red gradients,"Modern, friendly, warm",standard,social-proof hero + how-it-works + safety trust + signup cta,if profiles are core: make profile cards and swipe interactions delightful; if safety is a concern: foreground verification and reporting; add match and moment animations that feel earned,"""generic profiles with no personality"", ""buried safety features"", ""cold transactional tone""","A dating app sells connection and safety; warm imagery, delightful profiles, and visible safety lead."
|
|
52
|
+
51,"Messaging, Email & Collaboration",dormant-marketing,"chat, messaging, messenger, email, inbox, dm, conversation, collaboration, remote work, team, real-time, threads, presence","Minimalism (calm, content-first); Micro-interactions (small purposeful motion on send, react, and receipt)",Brand primary with sender and receiver bubble contrast,"Clean, legible, conversation-forward",standard,feature-rich hero + interactive demo + integrations + signup cta,if the surface is a conversation: keep chrome minimal and bubbles clear; if teams collaborate: show presence and real-time cues; if mobile matters: optimize touch targets and swipe actions,"""excessive decoration around messages"", ""no presence or delivery feedback"", ""cramped mobile touch targets""",A comms product is judged on how the conversation feels; clarity and small delightful cues win over ornament.
|
|
53
|
+
52,Music & Podcast Streaming,dormant-marketing,"music, streaming, podcast, audio, playlist, episodes, artist, album, listen, ambient, white noise, audiobook",Dark mode (near-black surfaces that let album art glow); Vibrant and block-based (album-driven color blocks),Dark ground with vibrant album-art accents,"Modern, bold",standard,feature hero + content showcase + player preview + subscribe cta,if audio is the product: make the player and now-playing state excellent; if discovery matters: surface recommendations and playlists; let cover art carry color against a dark base,"""a poor or hidden audio player"", ""cluttered layout that fights the art"", ""light-only theme that dulls album color""","A listener judges an audio app by its player and its dark, art-forward canvas."
|
|
54
|
+
53,Video & Entertainment Streaming,dormant-marketing,"video, streaming, ott, movies, series, cinema, theater, watch, episodes, trailers, on-demand, showtimes",Dark mode (cinematic near-black canvas); Motion-driven (animation and parallax as lead devices),Dark ground with content-poster colors and a brand accent,"Bold, engaging",standard,cinematic hero + content rows + continue-watching + subscribe cta,if a catalog is browsed: use thumbnail-heavy rows and continue-watching; if personalization exists: recommend prominently; keep the video player fast and unobtrusive,"""a slow or clumsy player"", ""a static poster wall with no motion"", ""thin metadata on titles""",A viewer browses posters and resumes titles; a dark cinematic canvas and a fast player define it.
|
|
55
|
+
54,Sports Team / Fan Club,dormant-marketing,"sports, team, club, fans, roster, schedule, tickets, merchandise, scores, league, matchday, supporters",Vibrant and block-based (team-color blocks); Motion-driven (animation as a lead device),Team colors with energetic accents,"Bold, impactful",standard,hero + schedule + roster + tickets and merch cta,if matchday drives traffic: lead with schedule and scores; if fans convert: make tickets and merchandise prominent; use action imagery to build energy,"""static content with no matchday energy"", ""poor fan engagement"", ""hidden ticket links""","A fan wants schedule, roster, and a way to buy in; team color and action imagery carry the emotion."
|
|
56
|
+
55,Mobile & Casual Games,dormant-marketing,"game, gaming, casual, puzzle, trivia, quiz, card, board, idle, clicker, word, crossword, arcade, retro, esports, play",Vibrant and block-based (bright saturated blocks); 3D and hyperrealism (rendered depth) for immersive titles,"Vibrant, neon, or cheerful depending on genre","Bold, playful, impactful",standard,feature-rich hero + gameplay showcase + social proof + install cta,if the genre is casual: keep colors cheerful and onboarding instant; if the genre is immersive or competitive: lean 3D and show live stats; make gameplay visible before the download,"""minimalist restraint that reads as boring"", ""static assets with no gameplay shown"", ""muted low-energy color""",A game page sells fun; showing gameplay and matching the genre's energy earns the install.
|
|
57
|
+
56,Creative & Media Editor App,dormant-marketing,"photo editor, video editor, drawing, sketch, canvas, music maker, beat maker, meme, sticker, ai avatar, generative art, filters, capcut, procreate",Dark mode (editor canvas contrast); Minimalism (tools recede so the work leads),Dark editor ground with a vivid preview or filter accent,"Clean, tool-forward",standard,feature hero + interactive demo + before-and-after + install cta,if editing is the pitch: show a live or interactive before-and-after; if output is visual: let the user's content supply the color; provide a theme toggle where a light canvas helps,"""pure white backgrounds that wash out the preview"", ""static screenshots where a demo belongs"", ""chrome that crowds the canvas""",A creative-tool app is sold by the work it produces; a dark canvas and a live before-and-after carry it.
|
|
58
|
+
57,Online Course / E-learning,dormant-marketing,"e-learning, online course, education, learning, bootcamp, language learning, instrument learning, curriculum, lessons, certificate, mooc, students",Claymorphism (puffy rounded pastel 3D-lite shapes); Vibrant and block-based (bright encouraging blocks),Vibrant learning colors with a progress-green,"Friendly, engaging",standard,feature hero + curriculum + social proof + enroll cta,if completion matters: show progress and gamified milestones; if outcomes sell: foreground career results and testimonials; keep lessons and the player central,"""a boring, flat academic layout"", ""no sense of progress or motivation"", ""outcomes hidden below the fold""",A learner enrolls on the promise of progress and outcomes; friendly color and visible momentum carry the pitch.
|
|
59
|
+
58,Study & Practice App,dormant-marketing,"flashcard, study, spaced repetition, anki, quiz, coding challenge, leetcode, practice, kids learning, abc, math, phonics, exam prep, focus",Claymorphism (soft rounded pastel shapes); Micro-interactions (small rewarding motion on correct and streak),Playful primary with correct-green and incorrect-red,"Friendly, clear, age-appropriate",standard,feature hero + interactive demo + social proof + install cta,if practice is core: make card flips and answer feedback satisfying; if children are the audience: raise playfulness and remove ads and dark patterns; track streaks and progress visibly,"""inconsistent styling"", ""poor contrast on answer states"", ""ads or dark patterns in a kids tool""",A learner drills and practices; satisfying feedback and visible streaks keep them returning.
|
|
60
|
+
59,Health & Fitness Tracker,dormant-marketing,"fitness, gym, workout, running, cycling, gps, yoga, sleep tracker, calorie, nutrition, macro, fasting, period tracker, biohacking, longevity, exercise",Dark mode (energetic near-black canvas); Vibrant and block-based (bold motivational color blocks),"Energetic orange with pace and progress zones (green, yellow, red)","Bold, motivational, high-contrast",standard,feature hero + tracking showcase + social proof + install cta,"if progress motivates: show rings, streaks, and achievement unlocks; if a light theme is wanted: offer a toggle; if data is personal and sensitive: state the privacy stance plainly","""muted low-energy color on a motivation app"", ""static screens with no progress feel"", ""pure white backgrounds that kill the energy""","A fitness app sells momentum; energetic color, progress rings, and streaks are the motivation engine."
|
|
61
|
+
60,Mental Wellness & Journaling,dormant-marketing,"meditation, mindfulness, calm, mental health, therapy, mood tracker, journal, diary, gratitude, wellbeing, breathe, reflection",Neumorphism (soft extruded shapes from dual light and dark shadows); Soft UI (gentle low-contrast calm surfaces),Ultra-calm pastels with a breathing-gradient accent,"Subtle, soft, monochromatic",spacious,storytelling hero + gentle feature showcase + social proof + install cta,if calm is the point: use slow easing and breathing animations only; if trust is needed: add gentle testimonials; make privacy first-class and avoid anything jarring,"""bright neon color that breaks the calm"", ""motion overload"", ""inconsistent styling or poor contrast""","A wellness app must feel calm to be believed; soft surfaces, slow motion, and privacy carry it."
|
|
62
|
+
61,Habit & Reminder App,dormant-marketing,"habit, streak, routine, daily, medication reminder, pill, dose, water, hydration, goals, consistency, reminders, discipline",Claymorphism (puffy rounded pastel shapes); Vibrant and block-based (warm encouraging blocks),Streak-warm amber and orange with a progress-green,"Playful, rounded, friendly",standard,social-proof hero + demo + reminder showcase + install cta,if streaks drive retention: make check-ins tactile and celebrate consistency; if reminders are health-critical: use clear labels not color alone and support caregiver sharing; keep the daily loop one tap,"""muted colors and low energy"", ""color-only cues on medication states"", ""a slow or buried daily check-in""","A habit app lives or dies on the daily loop; warm color, tactile check-ins, and clear reminders sustain it."
|
|
63
|
+
62,Notes & Productivity App,dormant-marketing,"notes, writing, editor, notebook, markdown, productivity, tasks, todo, bookmark, read later, timer, pomodoro, voice memo, calendar, planner, second brain","Minimalism (distraction-free restraint); Flat design (crisp, shadow-free surfaces)",Clean white or cream with a minimal accent,"Typography-first, clean hierarchy",standard,minimal hero + feature walkthrough + demo + signup cta,"if writing is the core: make a distraction-free zen mode and a command palette; if organization matters: show folders, tags, and search; keep the interface calm and fast","""excessive decoration and heavy shadows"", ""3D effects on a writing surface"", ""sluggish input""",A productivity tool is judged on calm and speed; typography-first restraint and a fast editor win.
|
|
64
|
+
63,Utility & Tools App,dormant-marketing,"weather, forecast, calculator, unit converter, translator, alarm, world clock, file manager, transfer, utility, widget, quick tool",Minimalism (single-purpose clarity); Neumorphism (soft tactile controls) for input-heavy tools,"Functional palette tuned to the tool (atmospheric, operation-key, or file-type accents)","Clear, functional, glanceable",standard,minimal hero + utility demo + widget showcase + install cta,if the job is one task: make that task instant and widget-friendly; if input is heavy: give tactile controls and history; keep chrome out of the way of the utility,"""excessive decoration on a single-purpose tool"", ""burying the primary action"", ""no widget or quick-access path""",A utility app wins by doing one thing instantly; clarity and a glanceable widget beat any decoration.
|
|
65
|
+
64,Privacy & Security App,dormant-marketing,"password manager, vault, credentials, 2fa, vpn, privacy, encryption, security, anonymous, protect, biometric, emergency sos, safety","Minimalism (trust through restraint); Dark mode (a secure, serious near-black surface)",Trust blue with connected-green and disconnected-red states,"Professional, clear, reassuring",standard,trust-and-authority hero + feature showcase + security proof + install cta,if trust is everything: state the no-log or zero-knowledge stance plainly; if action is one tap: make connect or unlock instant with a clear status; never signal state by color alone,"""excessive decoration that undercuts seriousness"", ""color-only status indicators"", ""vague or buried privacy claims""","A security app sells trust; a serious surface, plain claims, and unmistakable status carry it."
|
|
66
|
+
65,Personalization & Link-in-Bio,dormant-marketing,"wallpaper, theme, customize, aesthetic, home screen, link in bio, linktree, creator page, profile, widget, personalize",Vibrant and block-based (bold customizable blocks); Aurora UI (soft flowing gradient washes),Brand-customizable with a bright link or download accent,"Energetic, bold",spacious,hero + template gallery + customization demo + signup cta,if customization is the pitch: show live previews and template variety; if creators convert: make the builder and analytics visible; let user content and trending palettes supply the color,"""muted low-energy presentation"", ""no live preview of customization"", ""a cramped, joyless builder""",A personalization product sells self-expression; template variety and live preview carry it.
|
|
67
|
+
66,Lifestyle Tracker App,dormant-marketing,"plant care, book tracker, reading, wardrobe, outfit, fashion, closet, pet, gift, wishlist, collection, hobby tracker","Organic biophilic (natural forms, earth tones, soft curves); Soft UI (gentle rounded low-contrast panels)",Nature-forward greens and warm neutrals with a soft accent,"Warm, humanist, natural",standard,storytelling hero + collection showcase + social proof + install cta,if a collection is core: show it as a visual gallery with progress; if reminders help: add gentle nudges; if trust is needed: add light testimonials and keep the tone warm,"""inconsistent styling"", ""poor contrast on soft surfaces"", ""cold or clinical tone on a personal hobby""","A lifestyle tracker feels like tending a personal collection; warm, natural design and a visual gallery carry it."
|
|
68
|
+
67,Home & Family Organizer,dormant-marketing,"family, calendar, chores, household, kids, parenting, baby tracker, grocery, shopping list, recipe, cooking, home decor, interior, meal plan",Flat design (clean shared surfaces); Claymorphism (friendly rounded pastel shapes),Warm playful palette with member color-coding and a completion-green,"Playful, rounded, friendly",standard,feature hero + shared-hub showcase + social proof + install cta,if a household shares it: use member color-coding and shared lists; if routines recur: support recurring events and rotation; keep it warm and one-handed on mobile,"""complex shadows and 3D effects on a family tool"", ""no member differentiation"", ""a cluttered shared hub""",A family organizer coordinates a household; color-coded members and shared lists make the shared hub work.
|
|
69
|
+
68,On-Demand & Mobility App,dormant-marketing,"food delivery, on-demand, courier, ride hailing, taxi, uber, transport, parking, transit, bus, metro, route, road trip, navigation",Vibrant and block-based (appetizing or energetic blocks); Glassmorphism (translucent overlays on a map canvas),Warm or brand-primary color with a map-neutral base and status accents,"Energetic, bold, large",standard,hero + how-it-works + live-map demo + install cta,if a map is central: keep the map full-bleed with light translucent overlays; if speed sells: emphasize ETA and live tracking; if performance dips: fall back from blur to flat overlays,"""muted low-energy color on an on-demand app"", ""a cluttered map surface"", ""hidden ETA or tracking""",An on-demand app is a map plus a clear next action; live tracking and an obvious ETA carry the consumer view.
|
|
70
|
+
69,Subscription & Digital Products,dormant-marketing,"subscription box, recurring, membership, unboxing, curated, digital products, downloads, newsletter, dtc, monthly, ebook, templates",Vibrant and block-based (excitement color blocks); Motion-driven (reveal animation as a lead device),Brand color with excitement accents and a success-green,"Engaging, clear",standard,feature hero + product preview + social proof + subscribe cta,if the product is recurring: show the unboxing or preview and make subscription management clear; if it is instant: emphasize preview and immediate delivery; keep pricing unambiguous,"""confusing or hidden pricing"", ""no preview of what arrives"", ""a friction-heavy subscribe flow""",A subscription or digital-product page sells anticipation and clarity; a strong preview and clean pricing convert.
|
|
71
|
+
70,Events & Conferences,dormant-marketing,"event, conference, symposium, summit, meetup, wedding, planning, registration, tickets, agenda, speakers, cfp, local events, box office",Vibrant and block-based (event-theme blocks); Motion-driven (countdown and reveal motion),Event-theme colors with excitement accents,"Bold, engaging",standard,hero + agenda + speakers + registration cta,if a date drives urgency: add a countdown and early-bird framing; if speakers sell: grid them prominently; make registration or ticketing the primary action,"""a confusing registration flow"", ""no countdown or urgency"", ""buried agenda and speakers""","An event page sells a date; agenda, speakers, and a countdown push toward registration."
|
|
72
|
+
71,Church & Faith Community,dormant-marketing,"church, religious, faith, worship, congregation, sermons, ministry, giving, service times, community, parish","Accessible and ethical (high contrast, large targets, welcoming); Soft UI (gentle warm surfaces)",Warm gold with a deep purple or blue and white,"Welcoming, clear",spacious,welcoming hero + service times + sermons + community + giving cta,if newcomers matter: lead with service times and a warm welcome; if giving is supported: make it simple and clear; keep the imagery warm and the navigation obvious,"""outdated design"", ""hidden service times or location"", ""a cold or unwelcoming tone""","A faith community site welcomes newcomers and serves members; warmth, service times, and easy giving lead."
|
|
73
|
+
72,Museum / Gallery,dormant-marketing,"museum, gallery, exhibition, collection, art, culture, tickets, tours, curator, artifacts, visit","Minimalism (art-first restraint, vast whitespace); Motion-driven (subtle reveal motion)",Art-appropriate neutrals with restrained exhibition accents,"Elegant, minimal",spacious,storytelling hero + exhibitions + collections + tickets cta,if the art leads: keep chrome minimal and let imagery breathe; if visits convert: make tickets and hours clear; add virtual tours where they extend reach,"""a cluttered layout that competes with the art"", ""no online access or tickets"", ""heavy chrome around the work""","A cultural venue lets the art speak; minimal, spacious design and clear ticketing carry it."
|
|
74
|
+
73,Academic & Research Site,dormant-marketing,"academic, journal, scholarly, publishing, research, peer review, university, department, lab, publications, principal investigator, citations, open access","Swiss modernism (grid-driven layout, strong type hierarchy, sparse color); Minimalism (reading-first restraint)",Institutional navy with white and a research-area accent,"Serif-forward, readability-first",spacious,overview + people + publications + contact,"if reading is central: prioritize serif body text and clear article hierarchy; if credibility matters: show indexing, DOIs, and affiliations; keep visual noise minimal and meet high accessibility","""low readability from poor type"", ""visual noise over scholarship"", ""weak accessibility on a public-institution site""","An academic site is read closely; typographic hierarchy, serif readability, and credibility signals lead."
|
|
75
|
+
74,Directory & Classifieds,dormant-marketing,"directory, listing, classifieds, catalogue, business directory, buy sell, secondhand, marketplace listing, find, filter, map, venue",Flat design (dense scannable cards); Minimalism (filter-first restraint),Neutral base with category color-chips and a verified-badge accent,"Clear, functional",dense,filter-heavy grid + map toggle + listing detail + claim or post cta,if listings are many: lead with a filter sidebar and a map or list toggle; if trust matters: show verified badges and reviews; make posting or claiming a listing easy,"""weak filtering on a large catalog"", ""no map or location context"", ""trust badges treated as decoration""",A directory is search and filter first; a dense scannable grid with strong filters and a map carries it.
|
|
76
|
+
75,Deep Tech / Science Product,dormant-marketing,"space, aerospace, quantum computing, biotech, life sciences, spatial computing, vr, ar, science, research product, frontier tech, immersive",Holographic HUD (glowing translucent instrument-panel readouts); 3D and hyperrealism (rendered depth and realistic materials),Deep space black with metallic and luminous accents,"Futuristic, precise, technical",spacious,immersive hero + capability showcase + data or telemetry demo + contact cta,if the tech is abstract: visualize complexity with 3D or telemetry views; if credibility matters: pair spectacle with precise data; use an immersive hero to convey the frontier,"""generic tech design that undersells the frontier"", ""spectacle with no real data"", ""no sense of immersion or precision""",A frontier-tech product sells awe and rigor together; immersive visuals and precise data build belief.
|
|
77
|
+
76,Resume / CV Builder,dormant-marketing,"resume, cv, builder, job search, curriculum vitae, cover letter, career, ats friendly, template, application, hiring","Minimalism (clean, template-first restraint); Flat design (crisp preview surfaces)",Professional navy with a section accent and a success-green,"Professional, clean",spacious,interactive demo hero + template gallery + feature showcase + start cta,if the output is a document: give a live preview and an ATS-friendliness signal; if templates convert: make the picker prominent; support export and import to reduce effort,"""no live preview of the resume"", ""an unclear ATS or format signal"", ""a friction-heavy start""",A resume builder is sold by a live preview and templates; showing the finished document converts.
|
|
78
|
+
77,Changelog / Release Notes Page,dormant-marketing,"changelog, release notes, version history, whats new, product updates, semver, patch notes, roadmap, shipped",Minimalism (timeline-first restraint); Flat design (crisp version badges),"Neutral base with version-type badge colors (feature, fix, breaking)","Clear, scannable",standard,timeline + version list + subscribe cta,if updates are frequent: present them as a reverse-chronological timeline with version badges; if readers subscribe: offer email or feed; label each entry by change type,"""an undated wall of updates"", ""no change-type labeling"", ""no way to subscribe""",A changelog is a scannable timeline; dated entries with typed badges keep users informed.
|
|
79
|
+
78,Open Source Project Landing,dormant-marketing,"open source, oss, github, repository, contributor, star, fork, pull request, maintainer, sponsor, readme, library",Dark mode (developer-native near-black surface); Minimalism (install-first restraint),Dark base with a language-color bar and a star-gold accent,"Technical, clean",spacious,hero + install command + feature showcase + contribute cta,"if developers land: put a copy-paste install command in the hero and link the docs; if contribution is wanted: show stars, forks, and top contributors; keep the tone technical and honest","""burying the install command"", ""no contribution path"", ""marketing fluff over technical substance""",An OSS landing serves developers; a copyable install command and a clear contribute path carry it.
|
|
80
|
+
79,Testimonial & Social-Proof Widget,dormant-marketing,"testimonial, social proof, wall of love, customer quote, case study, review widget, trust signal, user story, embeddable",Vibrant and block-based (quote-card color blocks); Flat design (crisp embeddable cards),"Brand primary with a quote accent, star-gold, and a verified-blue","Clean, quote-forward",standard,wall-of-love grid + rating summary + embed cta,if proof is the product: show attributed quotes with photos and star ratings; if it embeds elsewhere: keep the widget self-contained and themeable; mix video and text testimonials,"""unattributed or faceless quotes"", ""no rating context"", ""a widget that clashes with its host""","A social-proof widget sells credibility; attributed, photographed testimonials with ratings carry it."
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
id,movement,tier,era,keywords,description,palette_stance,type_stance,shape_stance,motion_stance,density_affinity,best_for,avoid_for,token_leanings,operator_note
|
|
2
|
+
1,Swiss / International Typographic,operator-active,1950s Swiss,"grid discipline, neutral palette, grotesque sans, hierarchy, whitespace, functional","Grid-driven clarity born in postwar Switzerland: content sits on a strict column grid, hierarchy comes from size and weight rather than ornament, and a neutral ground carries a single accent. Nothing decorative survives the edit, so every element earns its place. The modern revival keeps the discipline while loosening the grid for responsive work.","monochrome neutrals, one restrained accent","grotesque sans, tight tracking, clear scale","sharp to small radius, hairline rules","minimal, sub-200ms fades",standard,"dashboards, enterprise tools, documentation, admin consoles","playful consumer brands, entertainment, artistic showcases",radius: 2-4px; shadow-intensity: low; border-weight: 1px; font-sans: grotesque; heading-tracking: tight; contrast-boost: 1,"The default operator posture: a tight grid, one accent, and hairline dividers read cleanly at high data density."
|
|
3
|
+
2,Flat Design,operator-active,2010s,"two-dimensional, no shadow, solid color, iconography, clean edges","Strips away bevels, gradients, and drop shadows so hierarchy rests entirely on color, scale, and type. Surfaces are solid fields, icons are simplified, and edges stay crisp. It reads fast and renders cheaply, which is why it became the default of the app era.","solid fields, limited bright set","bold sans, weight-driven hierarchy","small consistent radius, no shadow",quick color and opacity shifts,standard,"web apps, cross-platform tools, SaaS, admin panels","luxury showcases, immersive 3D, high-detail realism",radius: 4-6px; shadow-intensity: 0; border-weight: 1px; font-sans: sans; contrast-boost: 1,Flat surfaces and token-driven color keep dense tables legible without depth cues competing for attention.
|
|
4
|
+
3,Structural Brutalism,operator-active,1990s web,"raw structure, system fonts, visible borders, high contrast, utilitarian","The functional edge of web brutalism: exposed structure, system typefaces, hard borders, and unapologetic high contrast with no gloss. Stripped of its anti-design theatrics it becomes a blunt, honest utility look. Content and controls sit in plain view with nothing softened.","stark neutrals, one loud accent","system sans or mono, heavy weight","flat corners, thick visible borders","near-instant, minimal transitions",dense,"internal utilities, developer tools, data entry, ops consoles","consumer onboarding, premium brands, calm reading surfaces",radius: 0px; shadow-intensity: 0; border-weight: 2px; font-sans: grotesque; font-mono: mono; contrast-boost: 1.1,"Zero-radius, thick-bordered blocks with mono figures suit blunt utilitarian tools where structure beats polish."
|
|
5
|
+
4,Material Design,operator-active,2014 (MD3 2021),"tonal surfaces, elevation, pill controls, state layers, systematic","Google's system built on tonal surfaces, a defined elevation scale, and state layers that respond to touch. MD3 (Material You) leans on tonal tinting rather than heavy shadow and rounds controls generously. It is comprehensive, documented, and comfortable at B2B data density.","tonal roles, seeded accent","humanist sans, defined type roles","medium radius, tonal elevation","standard easing, 200-300ms",standard,"Android apps, cross-platform tools, B2B data tools","bespoke luxury brands, anti-design statements",radius: 8-12px; shadow-intensity: low-mid; border-weight: 1px; font-sans: humanist; duration-normal: 200ms; ease-default: standard,"Tonal elevation and a documented component set carry dense B2B surfaces with predictable, accessible defaults."
|
|
6
|
+
5,Dark Mode (OLED),operator-active,2010s,"dark theme, near-black canvas, high contrast, low emission, focus visibility","A dark-first palette on a near-black rather than pure-black ground, with light text and a restrained accent tuned for low light. It reduces eye strain over long sessions and saves power on OLED panels. Contrast and focus states must be deliberately maintained since depth cues are scarce.","near-black ground, light text, one accent","sans, slightly heavier weights for legibility","small radius, subtle borders",restrained fades,dense,"monitoring consoles, developer tools, trading, night-shift ops","print-first content, high-brightness outdoor, color proofing",radius: 4-8px; shadow-intensity: low; border-weight: 1px; contrast-boost: 1.1; font-sans: sans,A near-black canvas with one accent and enforced contrast sustains long monitoring shifts without glare.
|
|
7
|
+
6,Accessible / Inclusive,operator-active,Universal,"WCAG, high contrast, keyboard nav, screen reader, non-color signals, focus rings","Not a look so much as a floor: strong contrast, visible focus, keyboard reachability, and status carried by icon or text rather than color alone. It bakes in large-enough type, semantic structure, and reduced-motion respect. Every other movement is judged against it.","high-contrast, color never the only signal","legible sans, generous minimum size","clear borders, visible focus rings",reduced-motion honored,standard,"government, healthcare, education, compliance-bound tools",nothing - it is the universal baseline,contrast-boost: 1.2; border-weight: 1.5px; icon-stroke: 2; font-weight-normal: 400,"The mandatory substrate under every operator surface: contrast, focus, and non-color status signals are non-negotiable."
|
|
8
|
+
7,Bento Grid,operator-active,2020s,"modular tiles, asymmetric cells, dashboard layout, interlocking spans","Content organized into a mosaic of variably sized tiles that interlock like a bento tray, popularized by Apple and Linear then absorbed into dashboards. Each cell holds one idea and the grid stays gapless with no orphan corners. It scales from summary tiles to full metric boards.","neutral ground, accent per active tile","sans, clear per-tile hierarchy","consistent medium radius, hairline gaps",subtle tile hover lift,standard,"dashboards, metric boards, product summaries, portals","linear reading flows, single-focus forms",radius: 8-12px; shadow-intensity: low; border-weight: 1px; density-gap: standard,Interlocking tiles map cleanly onto KPI boards when spans stay gapless and each cell carries a single figure.
|
|
9
|
+
8,Dimensional Layering,operator-active,2020s,"elevation scale, z-depth, restrained shadow, card stacking, hierarchy","Uses a disciplined elevation scale, one shadow job per element, to separate cards, modals, and navigation without decoration. Depth communicates stacking order, not style. Kept restrained it clarifies which surface is active.","neutral surfaces, tonal separation","sans, standard scale","medium radius, single-purpose shadow",short elevation transitions,standard,"card layouts, modals, navigation, layered dashboards","flat brand statements, print, ultra-dense cockpits",radius: 6-8px; shadow-intensity: mid; border-weight: 0-1px; duration-normal: 150ms,A single elevation scale signals active versus resting surfaces; drop it above density 7 where hairlines replace cards.
|
|
10
|
+
9,Restrained Micro-interaction,operator-active,2020s,"subtle feedback, tactile press, state transitions, sub-100ms, contextual","A behavioral layer rather than a palette: brief, purposeful feedback on press, hover, and state change that confirms an action without drawing attention. Durations stay short and effects animate only transform and opacity. Overused it becomes noise, so restraint is the whole point.",inherits host palette,inherits host type,inherits host geometry,50-150ms transform/opacity feedback,standard,"productivity tools, forms, interactive tables, consoles","static reports, print, motion-sensitive contexts",duration-fast: 100ms; ease-default: ease-out; shadow-intensity: low,"Sub-150ms press and state feedback confirms actions on dense controls, and must survive reduced-motion by resetting to near-zero."
|
|
11
|
+
10,AI-Native UI,operator-active,2020s,"assistant surfaces, streaming responses, disclosure, provenance, override controls","Interfaces built around an assistant or model in the loop: prompt fields, streaming output, source attribution, and controls to inspect or override what the system did. The aesthetic stays clean and neutral so trust signals remain legible. Disclosure, human override, and auditability are structural, not optional.","neutral ground, one accent for AI actions","sans, mono for generated code and data","small radius, clear affordance borders","streaming reveals, restrained",standard,"copilots, agent consoles, review queues, AI operator tools","purely static content, brand showcases",radius: 6-8px; font-sans: sans; font-mono: mono; contrast-boost: 1.1; duration-normal: 150ms,"Wears an operator copilot well when disclosure, provenance, and override affordances are first-class per the trust rubric; keep the accent a brand token, not reflex indigo."
|
|
12
|
+
11,Data-Dense Dashboard / Cockpit,operator-active,2020s,"high density, hairline dividers, tabular numerals, cockpit, no card boxes","The analytics-cockpit posture: many figures per screen, hairline dividers instead of card boxes, tight padding, and tabular numerals on every column. It collapses the BI dashboard patterns (executive, real-time, drill-down, financial) into one visual discipline. Above a density threshold, chrome disappears so data can breathe by subtraction.","neutral ground, status via semantic tokens","compact sans, tabular lining numerals","near-flat, hairline dividers","minimal, data-update fades only",dense,"BI dashboards, monitoring, trading, financial reporting, ops","marketing pages, spacious consumer apps, storytelling",radius: 2-4px; shadow-intensity: 0; border-weight: 1px; density-gap: tight; table-row-height: 28-36px; font-sans: grotesque,"The native cockpit look: drop card boxes, use hairlines and mono numbers, and let subtraction carry the highest densities."
|
|
13
|
+
12,Terminal / CLI,operator-active,1980s,"monospace, command-line, near-black canvas, phosphor accent, high contrast","The command-line console rendered as a UI: monospace throughout, a near-black ground, and a single phosphor accent (green or amber) with sharp borders and a blinking caret. Layout is measured in character cells rather than fluid percentages. Scanlines and boot-log theatrics are optional garnish, not structure.","near-black ground, single phosphor accent","monospace only, fixed sizes","flat corners, thin borders","caret blink, near-instant",dense,"developer tools, log viewers, CLI companions, infra consoles","consumer apps, marketing, touch-first mobile",radius: 0px; shadow-intensity: 0; border-weight: 1px; font-mono: mono; contrast-boost: 1.1,Fits log viewers and infra consoles where mono alignment aids scanning; keep scanlines and typewriter effects out of the operator build.
|
|
14
|
+
13,Neumorphism,dormant-marketing,2020s,"soft UI, extruded, inset, dual shadows, monochrome, low contrast","Elements appear pressed into or extruded from a single monochrome surface using paired light and dark shadows. The effect is soft and tactile but the low contrast between control and background fails accessibility thresholds. It is a showcase aesthetic, not a working one.","monochrome, tint on tint","soft sans, low weight","rounded, dual soft shadows","gentle press, 150ms",spacious,"hardware-control mockups, beauty utility showcases, brand pages","data-dense tools, accessibility-bound surfaces, dashboards",radius: 12-16px; shadow-intensity: mid (dual); border-weight: 0px; contrast-boost: 0.9,Excluded by the contrast floor; only a marketing showcase pack with brand-approved low-contrast surfaces would activate it.
|
|
15
|
+
14,Soft UI Evolution,dormant-marketing,2020s,"reformed neumorphism, softer shadows, improved contrast, subtle depth",A remediated neumorphism that raises contrast to accessibility thresholds while keeping gentle depth. It reads more modern than its parent but still leans on decorative shadow to define surfaces. The soft-depth premise keeps it off dense operator screens.,"improved-contrast pastels, tonal","sans, standard weight","medium radius, soft multi-layer shadow",200-300ms smooth,spacious,"modern SaaS marketing, wellness apps, showcase surfaces","dense dashboards, cockpit surfaces, high-density tables",radius: 8-12px; shadow-intensity: low-mid; border-weight: 0-1px; contrast-boost: 1,"A calmer marketing pack could activate it, but its decorative depth stays out of data-dense operator work."
|
|
16
|
+
15,Glassmorphism,dormant-marketing,2020s,"frosted glass, backdrop blur, translucency, layered depth, vibrant ground","Translucent panels with backdrop blur float over a vibrant background, edged with a faint light border. Depth comes from stacked blur and reflection. The blur cost and text-contrast fragility rule it out of working surfaces.",translucent whites over vivid ground,"sans, needs contrast guarding","medium radius, blurred fills","soft parallax, blur transitions",spacious,"hero overlays, premium marketing, lifestyle showcases","dashboards, dense tables, low-power devices, a11y-critical",radius: 12-16px; shadow-intensity: low; border-weight: 1px; contrast-boost: 0.9,Heavy blur-stacking violates the floor; a single hero panel in a marketing pack is the only place it belongs.
|
|
17
|
+
16,Liquid Glass,dormant-marketing,2020s,"flowing glass, morphing, chromatic aberration, iridescent, dynamic blur","Glassmorphism taken to motion: morphing shapes, iridescent oil-slick gradients, chromatic aberration, and blur that shifts as things move. It is premium and heavy in equal measure. Nothing about it survives a data-density or accessibility test.","iridescent spectrum, translucent base","sans, contrast-fragile","fluid morphing, dynamic blur",400-600ms morph curves,spacious,"luxury product launches, creative brand experiences","any operator surface, dense data, low-power devices",radius: 16-24px; shadow-intensity: low; duration-slow: 500ms; contrast-boost: 0.85,"Blur-stacking plus animation-led morphing put it firmly in a premium marketing pack, never an operator build."
|
|
18
|
+
17,3D & Hyperrealism,dormant-marketing,2020s,"WebGL, realistic texture, spatial depth, physics lighting, parallax layers, product preview","Real-time 3D scenes, tactile textures, and physically lit surfaces built on WebGL engines, often with multi-layer parallax. Immersive and expensive, it strains performance and accessibility budgets. It also folds in dedicated 3D product-preview viewers.","rich realistic gradients, metallics",sans over rendered scenes,"modeled depth, realistic shadow","300-400ms 3D transitions, parallax",spacious,"product showcases, gaming, immersive marketing, 3D configurators","dashboards, forms, data tables, low-end devices",radius: 8-16px; shadow-intensity: high; duration-slow: 400ms,A product-showcase or configurator pack activates it; its render cost and poor a11y bar it from operator tools.
|
|
19
|
+
18,Skeuomorphism,dormant-marketing,2007,"real-world metaphor, texture, leather and metal, tactile, detailed gradients","Interfaces that imitate physical materials such as leather stitching, brushed metal, and paper, with deep gradients and layered shadow. It made early touch UIs legible by analogy but textures now hurt readability and scale poorly. It reads as nostalgia today.","material colors, deep gradients",sans or serif over textures,"modeled bevels, heavy shadow",300-500ms tactile,spacious,"nostalgic showcases, luxury simulations, storytelling","modern enterprise, dense data, accessibility-bound tools",radius: 8-12px; shadow-intensity: high; border-weight: 1px; contrast-boost: 0.9,A themed nostalgia pack would activate it; texture-driven depth keeps it out of readable operator surfaces.
|
|
20
|
+
19,Vibrant & Block-based,dormant-marketing,2020s,"bold blocks, neon palette, duotone, large type, energetic","Big color-blocked sections, neon or triadic palettes, oversized type, and animated patterns for maximum energy. It targets youth and consumer brands. The multi-color, high-saturation approach conflicts with the one-accent operator discipline.","four to six vivid colors, duotone",oversized bold sans,"large blocks, medium radius","animated patterns, 200-300ms",spacious,"startups, creative agencies, youth brands, entertainment","enterprise, finance, healthcare, dense tools",radius: 8-16px; shadow-intensity: low; density-gap: loose; heading-tracking: normal,A consumer marketing pack activates it; its multi-color maximalism breaks the single-accent rule for operators.
|
|
21
|
+
20,Gen Z Chaos / Maximalism,dormant-marketing,2023,"maximalism, internet-core, sticker chaos, clashing color, dense collage","Deliberate visual overload of clashing colors, stickers, mixed type, and collaged layers channeling internet culture. Personality is the product. It is decoration-forward by design, which is exactly what operator surfaces subtract.",clashing saturated colors,"mixed faces, expressive","layered, rotated, irregular","busy, playful",spacious,"Gen Z brands, music artists, viral campaigns, creative portfolios","any operator tool, finance, enterprise, accessibility-bound",radius: mixed; shadow-intensity: mixed; heading-tracking: loose,A viral campaign pack activates it; decoration-forward maximalism is barred from operator work by the floor.
|
|
22
|
+
21,Aurora UI / Gradient Mesh,dormant-marketing,2020s,"mesh gradient, northern-lights blend, luminous, animated color, atmospheric","Large flowing mesh gradients evoking the northern lights, blending complementary hues in slow animated loops. It gives marketing surfaces an ambient, premium glow. On working surfaces the moving color competes with content.",complementary mesh blends,sans over gradient,"soft, gradient-filled",8-12s gradient loops,spacious,"hero backgrounds, SaaS marketing, music and lifestyle brands","dashboards, dense content, accessibility-critical",radius: 12-16px; shadow-intensity: low; duration-slow: 500ms+,A hero-background marketing pack activates it; animated mesh color distracts from data and stays out of operator builds.
|
|
23
|
+
22,Retro-Futurism,dormant-marketing,1980s,"neon glow, CRT scanlines, synthwave, glitch, monospace","Eighties science-fiction nostalgia: neon on black, CRT scanlines, glitch effects, and glowing monospace. It is atmosphere-first and strains contrast and comfort over time. Great for a themed campaign, wrong for sustained work.",neon on deep black,"monospace, glowing","sharp, glowing borders",glitch and scanline effects,standard,"gaming, music platforms, nostalgic campaigns, entertainment","professional tools, finance, accessibility-bound, long sessions",radius: 0-4px; shadow-intensity: glow; font-mono: mono; contrast-boost: 1,A retro campaign pack activates it; neon glow and glitch effects fail comfort and contrast for operators.
|
|
24
|
+
23,Cyberpunk,dormant-marketing,2020s,"neon dystopia, glitch, terminal fonts, HUD accents, high contrast","High-contrast neon over black with glitch motion, monospace accents, and dystopian ornament drawn from hacker culture and cyber-noir. It absorbs the cyberpunk-HUD mobile variants. Bold and immersive, it is atmosphere over legibility.",neon accents on black,mono and condensed sans,"sharp, angular, glowing","glitch, flicker",standard,"gaming, crypto brands, sci-fi campaigns, large-screen visuals","conservative industries, a11y-critical, long-session tools",radius: 0-4px; shadow-intensity: glow; font-mono: mono; contrast-boost: 1.1,A gaming or crypto marketing pack activates it; glow-led neon dystopia is off-limits for operator surfaces.
|
|
25
|
+
24,HUD / Sci-Fi FUI,dormant-marketing,2010s,"fictional UI, telemetry rings, glowing readouts, angular frames, sci-fi","The fictional-interface look of films and games: glowing telemetry rings, angular frames, and dense fake readouts. It projects technical spectacle rather than usable structure. Its decoration mimics data without serving it.",cyan and amber glow on black,"condensed sans, mono","angular frames, glowing lines",continuous ambient animation,standard,"sci-fi games, movie props, cybersecurity marketing, demos","real dashboards, operator tools, accessibility-bound",radius: 0-2px; shadow-intensity: glow; font-mono: mono,A demo or entertainment pack activates it; its decorative telemetry imitates data and never belongs on a real console.
|
|
26
|
+
25,Vaporwave,dormant-marketing,1980s-90s,"pastel neon, retro glitch, classical busts, 90s nostalgia, surreal","A surreal 80s to 90s nostalgia palette of pastel neon, retro glitch, and kitsch imagery. It is an art movement more than an interface system. Purely expressive, it has no operator application.","pastel neon, magenta and cyan",retro display faces,"soft, surreal collage",slow glitch drift,spacious,"music platforms, creative portfolios, nostalgia marketing","any functional tool, dense data, professional contexts",radius: 8-12px; shadow-intensity: glow; heading-tracking: loose,Only a creative or music campaign pack activates it; it is expressive art with no operator use.
|
|
27
|
+
26,Y2K Aesthetic,dormant-marketing,2000s,"chrome, bubble, glossy, metallic, early-web nostalgia","Turn-of-millennium chrome, glossy bubbles, and metallic gradients revived as nostalgia. Playful and reflective, it prizes surface shine. It carries no discipline for dense information.",chrome and candy metallics,rounded display faces,"glossy bubbles, high radius",glossy shimmer,spacious,"fashion brands, music, Gen Z nostalgia, entertainment","enterprise, finance, dense tools, accessibility-bound",radius: 16-24px; shadow-intensity: mid; heading-tracking: normal,A nostalgia campaign pack activates it; glossy chrome has no place on a working operator surface.
|
|
28
|
+
27,Memphis Design,dormant-marketing,1980s,"postmodern, squiggles, confetti shapes, primary bursts, playful geometry","The 1980s postmodern movement of squiggles, confetti geometry, and clashing primaries. It is joyful, chaotic ornament. As UI it is pure brand personality with no data discipline.",clashing primaries and pastels,playful sans,scattered geometric shapes,"bouncy, playful",spacious,"creative agencies, youth brands, event promotion, playful marketing","enterprise, finance, dense tools, professional",radius: mixed; shadow-intensity: low; heading-tracking: normal,A playful campaign pack activates it; confetti ornament is the opposite of operator restraint.
|
|
29
|
+
28,Motion-Driven,dormant-marketing,2020s,"animation-heavy, scroll effects, parallax, entrance sequences, transitions","Design where animation leads, with scroll-triggered reveals, parallax layers, orchestrated entrances, and page transitions carrying the experience. It suits storytelling. On operator surfaces orchestration is explicitly banned.","bold, movement-emphasizing","sans, animated","varies, motion-first","parallax, orchestrated sequences",spacious,"portfolio sites, storytelling, interactive marketing, launches","dashboards, data tools, low-power, motion-sensitive",duration-slow: 400-500ms; shadow-intensity: low,A storytelling marketing pack activates it; animation-led design is barred from operator surfaces by the floor.
|
|
30
|
+
29,Kinetic,dormant-marketing,2020s,"kinetic typography, marquees, viewport-scaled text, scroll scaling, brutalist energy","Typography as moving architecture, with infinite marquees, viewport-scaled headlines, and scroll-driven scaling under brutalist high contrast. Motion is constant and reactive. It is a performance, not a workspace.","high-contrast, one acid accent","oversized uppercase, tight tracking","flat corners, thick borders","marquees, scroll-scrubbed transforms",spacious,"brand flagships, immersive storytelling, culture and music sites","dashboards, dense tools, accessibility-bound, long sessions",radius: 0px; shadow-intensity: 0; border-weight: 2px; heading-tracking: tight; duration-fast: 100ms,A flagship marketing pack activates it; constant motion and poster-scale type never suit operator work.
|
|
31
|
+
30,Parallax Storytelling,dormant-marketing,2020s,"scroll narrative, layered depth, chaptered reveals, scroll-triggered","Multi-layer parallax that unfolds a narrative as the reader scrolls, revealing chapters and depth. Effective for brand journeys and case studies. Scroll-bound animation makes it unusable for reference tools.","brand-led, section-coded","sans, sometimes serif accents",layered scenes,scroll-driven parallax,spacious,"brand storytelling, product launches, case studies, annual reports","dashboards, data tools, reference surfaces",duration-slow: 400ms; shadow-intensity: low,A launch or case-study pack activates it; scroll-bound parallax has no operator application.
|
|
32
|
+
31,Interactive Cursor Design,dormant-marketing,2020s,"custom cursor, hover reveals, pointer effects, magnetic elements","Experiences built around a custom cursor and pointer-driven reveals, with magnetic buttons, trailing effects, and hover-only interactions. It delights on desktop showcases. Pointer-only affordances fail keyboard and touch access outright.","brand-led, minimal","sans, large","minimal, effect-driven",cursor-tracked effects,spacious,"creative portfolios, agency sites, interactive showcases","operator tools, touch surfaces, accessibility-bound",duration-normal: 150ms; shadow-intensity: low,A portfolio marketing pack activates it; pointer-only affordances violate keyboard access and are barred from operators.
|
|
33
|
+
32,Tactile Digital / Deformable UI,dormant-marketing,2020s,"physics deformation, squishy elements, gesture response, elastic, playful","Elements that deform, stretch, and spring under touch as if physically elastic, driven by physics simulation. It feels alive and toy-like. The continuous physics motion is animation-led and off-limits for operators.","bright, playful",rounded sans,"elastic, deformable","physics springs, gesture-reactive",spacious,"playful consumer apps, entertainment, gaming UI","operator tools, dense data, motion-sensitive, professional",radius: 16-24px; shadow-intensity: mid; duration-normal: 300ms,A playful consumer pack activates it; physics-driven deformation is animation-led and excluded by the floor.
|
|
34
|
+
33,Organic / Biophilic,dormant-marketing,2020s,"nature-inspired, soft curves, earth tones, botanical, calm","Nature-derived forms of soft organic curves, earthy palettes, and botanical motifs aimed at calm and wellbeing. It merges the biophilic and nature-distilled variants. Warm and spacious, it lacks the density operators need.","earth tones, muted greens",humanist sans or soft serif,"organic curves, high radius","slow, gentle",spacious,"wellness brands, sustainability, health apps, artisan goods","dense dashboards, finance, high-density operator tools",radius: 16-24px; shadow-intensity: low; font-sans: humanist,A wellness or sustainability pack activates it; its spacious organic calm is the opposite of a data cockpit.
|
|
35
|
+
34,Exaggerated Minimalism,dormant-marketing,2020s,"extreme whitespace, oversized type, luxury restraint, negative space","Minimalism pushed to drama, with vast negative space, a few oversized elements, and luxury restraint. It signals prestige through emptiness. Its whitespace budget is incompatible with information-dense work.","monochrome, single accent","oversized sans, editorial","flat, sparse","slow, minimal",spacious,"fashion, architecture, luxury brands, agency landing pages","dashboards, dense tools, data tables",radius: 0-4px; shadow-intensity: 0; density-gap: very loose; heading-tracking: tight,A luxury brand pack activates it; extreme whitespace cannot carry operator data density.
|
|
36
|
+
35,Bold Typography,dormant-marketing,2020s,"type-led, oversized headlines, poster composition, dramatic contrast","Typography as the primary visual, with oversized headlines, extreme scale contrast, and dramatic negative space composing like a poster. Text becomes the image. At poster scale it is a marketing hero device, not a working layout.","high-contrast, restrained accent","oversized display, tight tracking","flat, type-driven",minimal or kinetic,spacious,"brand heroes, product hero sections, editorial, event pages","dashboards, dense forms, data tables",radius: 0-4px; shadow-intensity: 0; heading-tracking: tight; font-sans: grotesque,A hero-section marketing pack activates it; poster-scale type has no room on a dense operator surface.
|
|
37
|
+
36,Editorial Grid / Magazine,dormant-marketing,2020s,"magazine layout, editorial grid, serif display, columns, long-form","Magazine-style composition with a strong editorial grid, serif display type, pull quotes, and multi-column flow for long-form reading. It structures content beautifully. Serif display and reading-first pacing keep it out of dashboards.","neutral, editorial accent","serif display, sans body","flat, rule-based grid",minimal,standard,"news, blogs, magazines, long-form content, journals","dashboards, software UI, dense data tables",radius: 0-2px; shadow-intensity: 0; border-weight: 1px; heading-tracking: tight,"A content or editorial pack activates it; serif display faces are banned in dashboards, so it stays marketing-side."
|
|
38
|
+
37,Minimalist Monochrome,dormant-marketing,2020s,"pure black and white, editorial serif, high contrast, sharp geometry","Strictly black and white with no accent color, oversized serifs, razor-sharp zero-radius geometry, and full-bleed rules. It reads like a luxury printed manifesto. Pure black-and-white and serif display both trip operator rules.","pure black and white, no accent","oversized serif display, tight tracking","zero radius, heavy rules",instant inversions,spacious,"luxury fashion, editorial, high-end portfolios, avant-garde","dashboards, dense tools, status-color surfaces",radius: 0px; shadow-intensity: 0; border-weight: 2-4px; heading-tracking: tight; contrast-boost: 1.2,A luxury editorial pack activates it; pure black and white plus serif display violate the operator color and type floor.
|
|
39
|
+
38,Academia,dormant-marketing,Timeless scholarly,"scholarly, warm paper, traditional serif, gold and deep red, ritual","The old-library aesthetic of warm paper textures, traditional serifs, and gold-on-deep-red tones evoking scholarship and ritual. It rewards slow reading. Serif-forward warmth is at odds with dashboard legibility rules.","warm paper, gold and oxblood",traditional serif,"subtle, classical","slow, restrained",standard,"knowledge tools, reading apps, scholarly brands, narrative games","dashboards, dense operator tools, software UI",radius: 2-4px; shadow-intensity: low; border-weight: 1px; contrast-boost: 1,A reading or brand pack activates it; serif-forward scholarly warmth is banned from dashboards by the type floor.
|
|
40
|
+
39,Bauhaus,dormant-marketing,1919 Bauhaus,"geometric primary, red blue yellow, thick borders, hard offset shadow, constructivist","Form-follows-function geometry in primary red, blue, and yellow, with thick black borders, hard zero-blur offset shadows, and massive type. It is graphic and poster-like. Three primaries as color-blocking break the single-accent operator rule.","primary red, blue, yellow blocks","geometric sans, massive display","flat blocks and pills, thick borders","mechanical, instant press",standard,"branding, onboarding flows, high-personality marketing, posters","dense dashboards, single-accent operator tools",radius: 0px and 9999px; shadow-intensity: hard offset; border-weight: 2-3px; font-sans: geometric,A branding or onboarding pack activates it; primary-color blocking violates the one-accent rule for operators.
|
|
41
|
+
40,SaaS / High-Tech Boutique,dormant-marketing,2020s,"electric-blue gradient, serif-sans pairing, animated hero, inverted sections","The polished startup-marketing look of electric-blue gradients, a warm serif display paired with a workhorse sans, animated hero graphics, and inverted contrast sections. Confident and edgy for a landing page. The gradient-and-serif hero DNA is marketing, not operator chrome.","electric-blue gradient, warm off-white",serif display plus sans body,"medium radius, soft shadow","spring entrances, animated hero",standard,"SaaS landing pages, product marketing, developer-tool sites","the product's own dense dashboards, data tables",radius: 12-16px; shadow-intensity: mid; duration-normal: 200ms; heading-tracking: tight,"A product marketing pack activates it; its gradient hero and serif display belong on the landing page, not the console."
|
|
42
|
+
41,Enterprise SaaS,dormant-marketing,2020s,"indigo-violet gradient, soft shadow, isometric depth, geometric sans","A modern enterprise-marketing style of indigo and violet gradients, soft shadows, isometric illustration, and clean geometric sans. It aims to be professional yet warm. The violet gradient reads as AI-slop and the depth is decorative.",indigo and violet gradients,geometric sans,"medium radius, soft depth","staggered fades, spring",standard,"enterprise marketing, SaaS landing pages, product sites","the product's dense internal tools, dashboards",radius: 8-16px; shadow-intensity: mid; heading-tracking: tight,A marketing pack activates it; the indigo-violet gradient trips the AI-slop palette flag and stays off operator surfaces.
|
|
43
|
+
42,Modern Dark / Cinematic,dormant-marketing,2020s,"cinematic dark, ambient glow, animated light pools, frosted glass, precision","A premium dark aesthetic with layered near-black surfaces, slow animated light pools, frosted-glass navigation, and indigo accent glows. It feels like high-end pro software marketing. The ambient animation and glass blur push it past the operator floor.","near-black layers, indigo glow accent","sans, tight tracking","medium radius, glass edges",slow ambient light animation,standard,"premium product marketing, entertainment, launch pages","dense dashboards, long-session operator tools",radius: 12-16px; shadow-intensity: glow; duration-slow: 400ms; contrast-boost: 1,"A premium marketing pack activates it; ambient glow animation and glass blur exceed the operator floor, so use flat Dark Mode instead."
|
|
44
|
+
43,web3 / DeFi,dormant-marketing,2020s,"deep space, bitcoin orange, gold highlights, glowing data, futuristic","A futuristic crypto aesthetic of deep-space backgrounds, bitcoin-orange and gold highlights, glowing elements, and dramatized data visualization. It projects cutting-edge finance. Glow-led ornament and dramatized charts undercut data honesty.","deep space, orange and gold glow",sans and mono figures,"medium radius, glowing borders","pulsing glows, animated charts",standard,"DeFi and wallet marketing, NFT platforms, crypto brand sites","real financial dashboards, accountable data tools",radius: 8-12px; shadow-intensity: glow; font-mono: mono; contrast-boost: 1,A crypto marketing pack activates it; glowing dramatized charts conflict with anti-fabrication and stay marketing-side.
|
|
45
|
+
44,Sketch / Hand-Drawn,dormant-marketing,2020s,"wobbly borders, handwritten type, paper texture, marker, imperfect","Everything looks drawn by hand, with wobbly borders, marker strokes, handwritten type, and paper texture carrying deliberate imperfection. It is warm and approachable for low-fidelity or playful contexts. Hand-drawn irregularity fights the precision operators depend on.","muted, marker-like",handwritten and casual,"irregular, wobbly borders","playful, loose",spacious,"prototyping, creative brands, children's products, narrative games","production operator tools, dense data, precision UI",radius: irregular; shadow-intensity: low; border-weight: 2px (sketchy),A playful or prototyping pack activates it; hand-drawn irregularity undermines the precision an operator tool needs.
|
|
46
|
+
45,Neubrutalism,dormant-marketing,2020s,"cream ground, thick black borders, hard offset shadow, clashing color, grotesque","The designed descendant of raw brutalism: cream backgrounds, thick black borders, zero-blur hard offset shadows, clashing vivid colors, and heavy grotesque type with sticker-like layering. It is organized visual chaos for creative brands. The hard shadows and clashing color read as decoration for operator work.","cream ground, clashing vivid accents","heavy grotesque, uppercase","flat corners, hard offset shadow","snappy, mechanical",standard,"creative tools, Gen Z marketing, portfolios, collab-brand sites","conservative enterprise, dense dashboards, finance",radius: 0px; shadow-intensity: hard offset; border-weight: 3-4px; font-sans: grotesque,A creative-brand pack activates it; the hard offset shadows and clashing palette are decoration a cockpit strips away.
|
|
47
|
+
46,Pixel Art,dormant-marketing,1980s,"pixel grid, arcade, retro game, dithering, 8-bit","Deliberate low-resolution pixel grids, dithering, and 8-bit arcade nostalgia. It is a distinct illustrative craft. As UI it is a themed novelty, not an information system.",limited indexed palette,bitmap pixel fonts,"hard pixel edges, zero radius","stepped, frame-based",standard,"indie games, retro tools, nostalgia marketing, game portfolios","professional tools, dense data, accessibility-bound",radius: 0px; shadow-intensity: 0; border-weight: 2px; font-mono: pixel,A retro-game pack activates it; bitmap type and pixel edges are a novelty with no operator legibility.
|
|
48
|
+
47,Spatial UI (VisionOS),dormant-marketing,2024,"spatial computing, glass depth, floating panels, AR layering, VR","The spatial-computing look of translucent glass panels floating in depth, built for AR and VR headsets. It assumes a 3D canvas and gaze or gesture input. On flat operator screens it collapses to heavy glass with no payoff.",translucent glass over environment,"sans, high legibility","rounded glass panels, depth","depth transitions, gaze-reactive",spacious,"VR/AR interfaces, spatial apps, immersive media","flat-screen dashboards, dense data, desktop operator tools",radius: 16-24px; shadow-intensity: low; contrast-boost: 0.9,"A spatial or immersive pack activates it; on a flat console it is just costly glass blur, so it stays out."
|
|
49
|
+
48,E-Ink / Paper,dormant-marketing,2020s,"monochrome, high legibility, distraction-free, paper-like, digital wellbeing","A paper-like monochrome surface built for calm, distraction-free reading, echoing e-reader displays with maximal legibility and no color. It is restful and focused. Removing color forfeits the status signaling operators rely on.","grayscale, no accent","readable serif or sans, generous","flat, hairline rules",none or minimal,spacious,"reading apps, journals, digital newspapers, focus modes","status-color dashboards, dense operator tools",radius: 0-2px; shadow-intensity: 0; border-weight: 1px; contrast-boost: 1.1,A reading-mode pack activates it; forfeiting color removes the status signaling a working console needs.
|
|
50
|
+
49,Anti-Polish / Raw Aesthetic,dormant-marketing,2020s,"intentionally raw, undesigned, exposed structure, anti-digital, authentic","A deliberately undesigned look of exposed structure, default styling, and rough edges as a rejection of digital polish, signaling authenticity. It is a statement for artist and indie sites. Its intentional roughness is the antithesis of operator precision.","default, unstyled","system fonts, raw","exposed, unstyled edges",none,standard,"artist sites, indie brands, handmade products, authentic marketing","production tools, enterprise, dense data",radius: 0px; shadow-intensity: 0; border-weight: 1px; font-sans: system,An indie or artist pack activates it; intentional rawness is the opposite of the precision operators require.
|
|
51
|
+
50,Chromatic Aberration / RGB Split,dormant-marketing,2020s,"RGB split, color fringing, glitch offset, retro-tech, distortion","A retro-tech effect that splits red, green, and blue channels for a distorted, fringed, glitchy edge. It is an accent treatment for energy and nostalgia. As pervasive UI it degrades legibility and contrast.",RGB-split fringing,sans with fringe effect,"offset, distorted edges",glitch offset,standard,"music platforms, gaming, nightlife, creative tech marketing","readable interfaces, dense data, accessibility-bound",shadow-intensity: glow; contrast-boost: 0.9,A creative campaign pack activates it as an accent; pervasive RGB-split fringing destroys legibility for operators.
|
|
52
|
+
51,Vintage Analog / Retro Film,dormant-marketing,1970s-90s,"film grain, analog warmth, faded color, retro photography, nostalgia","An analog-film mood of grain, faded warm color, and vintage photographic treatment. It evokes nostalgia and craft. The grain and muted contrast work against data clarity.",faded warm analog tones,retro serif or grotesque,"soft, grainy edges","subtle, filmic",standard,"photography portfolios, vinyl and music brands, vintage fashion","dense data tools, dashboards, accessibility-bound",radius: 2-4px; shadow-intensity: low; contrast-boost: 0.9,A photography or music pack activates it; grain and faded contrast fight the clarity a data tool needs.
|
|
53
|
+
52,Zero UI / Voice-First,dormant-marketing,2020s,"minimal visible UI, voice-first, ambient, progressive disclosure, predictive","An interface that hides itself, using voice and gesture input, ambient context-awareness, and controls revealed only on demand. It suits assistants and smart-home surfaces. It deliberately withholds the persistent visible controls a dense operator workflow depends on.","neutral, near-invisible","sans, sparse","minimal, soft",gentle progressive reveals,spacious,"voice assistants, smart home, ambient AI, hands-free tools","data-entry, dense operator workflows, explicit-control tools",radius: 8-12px; shadow-intensity: low; duration-normal: 200ms,"An ambient or voice pack activates it; hiding persistent controls is wrong for a dense, explicit-control operator tool."
|
|
54
|
+
53,Claymorphism,dormant-marketing,2020s,"soft 3D clay, inflated, candy colors, layered shadows, playful, toy-like","Puffy, inflated clay-like forms with stacked soft shadows, thick rounded edges, and candy-bright colors for a tactile digital-toy feel. It is warm and playful for education and consumer apps. The soft-depth shadow stacks and rounded bulk fail dense, high-contrast operator needs.","candy pastels, playful brights",rounded friendly sans,"high radius, double soft shadows","soft bounce, 200ms",spacious,"children's education, playful consumer apps, creative tools","dense dashboards, finance, professional operator tools",radius: 16-24px; shadow-intensity: mid (dual); border-weight: 0-3px; contrast-boost: 0.95,A playful or education pack activates it; puffy soft-shadow bulk cannot serve dense high-contrast operator surfaces.
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
id,pairing,tier,heading_family,body_family,mono_family,contrast,mood,best_for,heading_weights,body_weights,google_fonts_css,notes
|
|
2
|
+
1,Minimal Swiss,operator-active,Inter,Inter,JetBrains Mono,sans+sans,"minimal, neutral, functional, legible, systematic","dashboards, admin panels, data tables, design systems, internal tools",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap,"One neutral grotesque carries the whole hierarchy through weight alone, which is the safest default for a dense operator console."
|
|
3
|
+
2,Friendly SaaS,operator-active,Plus Jakarta Sans,Plus Jakarta Sans,JetBrains Mono,sans+sans,"approachable, modern, warm, professional, versatile","SaaS consoles, B2B web apps, settings pages, productivity tools",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap,Plus Jakarta Sans keeps a single-family setup readable while adding a touch more warmth than Inter for softer product surfaces.
|
|
4
|
+
3,Financial Trust,operator-active,IBM Plex Sans,IBM Plex Sans,IBM Plex Mono,sans+sans,"trustworthy, corporate, precise, serious, tabular","banking back-office, fintech admin, ledgers, reporting, enterprise apps",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap,"IBM Plex Sans reads calmly at small sizes and pairs cleanly with its own mono for figure columns, so numbers and labels feel of one voice."
|
|
5
|
+
4,Modern Neutral,operator-active,Manrope,Manrope,JetBrains Mono,sans+sans,"clean, contemporary, premium, balanced, quiet","product dashboards, analytics UIs, marketing-adjacent consoles, portals",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap,"Manrope splits the difference between geometric and humanist, giving a crisp yet friendly single-family system for polished internal products."
|
|
6
|
+
5,Premium Sans,operator-active,DM Sans,DM Sans,Space Mono,sans+sans,"premium, tidy, geometric, understated, modern","startup consoles, low-chrome apps, forms, focused single-column tools",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap,"DM Sans stays compact and even in color, so long forms and settings screens hold together without a second family."
|
|
7
|
+
6,Source Workhorse,operator-active,Source Sans 3,Source Sans 3,Source Code Pro,sans+sans,"utilitarian, readable, open-source, dependable, plain","documentation UIs, content admins, help centers, ticketing back-ends",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&display=swap,Source Sans 3 is an unfussy reading sans that scales from field labels to paragraph help text within one file.
|
|
8
|
+
7,Material Console,operator-active,Roboto,Roboto,Roboto Mono,sans+sans,"familiar, android, systematic, adaptive, plain","Android-adjacent tools, cross-platform admin, MD3 apps, embedded dashboards",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap,"Roboto is the Material default operators already recognize, and pairing it with Roboto Mono keeps data cells in the same family."
|
|
9
|
+
8,Accessibility First,operator-active,Atkinson Hyperlegible,Atkinson Hyperlegible,IBM Plex Mono,sans+sans,"accessible, legible, inclusive, high-clarity, plain","accessibility-critical tools, healthcare, government back-office, inclusive design",700,400;700,https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap,"Atkinson Hyperlegible pulls apart easily confused letterforms, which matters when operators scan identifiers and codes all day."
|
|
10
|
+
9,Modern Professional,operator-active,Poppins,Open Sans,JetBrains Mono,sans+sans,"professional, friendly, corporate, clean, approachable","corporate apps, business dashboards, professional services, portals",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Open+Sans:wght@400;500;600;700&display=swap,Geometric Poppins headings sit above humanist Open Sans body so section titles get presence without hurting long-run readability.
|
|
11
|
+
10,Tech Startup,operator-active,Space Grotesk,DM Sans,JetBrains Mono,sans+sans,"technical, modern, distinctive, product, confident","developer products, technical dashboards, SaaS consoles, data tools",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap,Space Grotesk lends headings a little engineered character while DM Sans keeps the body plain and dense-friendly.
|
|
12
|
+
11,Geometric Modern,operator-active,Outfit,Work Sans,JetBrains Mono,sans+sans,"geometric, contemporary, balanced, versatile, clean","general admin, internal portals, catalog tools, landing-adjacent consoles",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700&family=Work+Sans:wght@400;500;600;700&display=swap,"Outfit gives crisp geometric headings and Work Sans supplies a slightly warmer, workmanlike body underneath."
|
|
13
|
+
12,Corporate Trust,operator-active,Lexend,Source Sans 3,IBM Plex Mono,sans+sans,"readable, accessible, corporate, calm, dependable","enterprise apps, finance, healthcare, accessibility-focused back-office",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Lexend:wght@500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap,"Lexend was tuned to ease reading speed, so it earns the heading role over a plain Source Sans 3 body in text-heavy consoles."
|
|
14
|
+
13,Medical Clean,operator-active,Figtree,Noto Sans,IBM Plex Mono,sans+sans,"clean, clinical, accessible, calm, professional","healthcare admin, clinical tools, records systems, patient portals",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Figtree:wght@500;600;700&family=Noto+Sans:wght@400;500;600;700&display=swap,Figtree stays neutral and clear for headings while Noto Sans covers the wide glyph range clinical data tends to demand.
|
|
15
|
+
14,Commerce Clean,operator-active,Rubik,Nunito Sans,JetBrains Mono,sans+sans,"friendly, retail, clean, approachable, orderly","back-office commerce, order management, catalog admin, fulfillment tools",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Rubik:wght@500;600;700&family=Nunito+Sans:wght@400;500;600;700&display=swap,Rubik's rounded corners give order screens a little friendliness while Nunito Sans keeps line items quietly legible.
|
|
16
|
+
15,Minimalist Portfolio,operator-active,Space Grotesk,Archivo,Space Mono,sans+sans,"minimal, editorial, crisp, design-forward, restrained","design tooling, asset managers, internal editors, review consoles",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Archivo:wght@400;500;600;700&display=swap,Space Grotesk headings stay distinctive against Archivo's tighter grotesque body for tools that want a designed feel.
|
|
17
|
+
16,Government Public,operator-active,Public Sans,Source Sans 3,IBM Plex Mono,sans+sans,"civic, neutral, accessible, plain, official","government dashboards, public-sector admin, compliance tools, records",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Public+Sans:wght@500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap,"Public Sans carries a civic, standards-driven tone for headings that Source Sans 3 supports without drawing attention."
|
|
18
|
+
17,Technical Data,operator-active,Exo,IBM Plex Sans,Roboto Mono,sans+sans,"technical, engineered, precise, data, modern","engineering dashboards, monitoring, telemetry consoles, ops tools",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Exo:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap,Exo adds a subtle engineered edge to headings while IBM Plex Sans keeps dense telemetry labels grounded and readable.
|
|
19
|
+
18,Condensed Dense,operator-active,Barlow Condensed,Barlow,JetBrains Mono,sans+sans,"condensed, dense, efficient, compact, utilitarian","space-tight dashboards, dense tables, control panels, logistics tools",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Barlow:wght@400;500;600;700&display=swap,Barlow Condensed packs long headings into narrow columns and shares a family with Barlow body so the two never clash.
|
|
20
|
+
19,Developer Mono,operator-active,JetBrains Mono,IBM Plex Sans,JetBrains Mono,mono+sans,"developer, technical, precise, code, functional","developer tools, CI dashboards, config editors, log viewers",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap,JetBrains Mono headings and labels signal a code context while IBM Plex Sans keeps surrounding prose comfortable to read.
|
|
21
|
+
20,Dashboard Data,operator-active,Fira Code,Fira Sans,Fira Code,mono+sans,"analytics, technical, data, precise, cohesive","analytics dashboards, metric consoles, query tools, observability",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Fira+Code:wght@500;600;700&family=Fira+Sans:wght@400;500;600;700&display=swap,"The Fira family shares proportions across mono and sans, so figures in Fira Code sit naturally beside Fira Sans labels."
|
|
22
|
+
21,Academic Research,operator-active,Crimson Pro,Atkinson Hyperlegible,IBM Plex Mono,serif+sans,"scholarly, readable, accessible, considered, literate","research admin, academic tools, knowledge bases, review systems",500;600;700,400;700,https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@500;600;700&family=Atkinson+Hyperlegible:wght@400;700&display=swap,Crimson Pro gives headings a scholarly serif voice while Atkinson Hyperlegible keeps the body maximally clear for long reading.
|
|
23
|
+
22,News Editorial,operator-active,Newsreader,Roboto,Roboto Mono,serif+sans,"editorial, journalistic, readable, trustworthy, content-rich","content moderation, CMS back-ends, editorial dashboards, review queues",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Newsreader:wght@500;600;700&family=Roboto:wght@400;500;600;700&display=swap,"Newsreader is a text serif rather than a display face, so it heads content-heavy screens without tiring the reader, over a Roboto body."
|
|
24
|
+
23,Legal Records,operator-active,EB Garamond,Lato,IBM Plex Mono,serif+sans,"formal, authoritative, records, considered, traditional","legal ops tools, contract admin, records systems, compliance consoles",500;600;700,400;700,https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500;600;700&family=Lato:wght@400;700&display=swap,"EB Garamond lends record screens a formal, document-like authority in headings that Lato keeps plainly readable in the body."
|
|
25
|
+
24,Vietnamese Locale,operator-active,Be Vietnam Pro,Noto Sans,JetBrains Mono,sans+sans,"multilingual, vietnamese, readable, clean, localized","Vietnamese-market tools, multilingual admin, localized back-office",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@500;600;700&family=Noto+Sans:wght@400;500;600;700&display=swap,Be Vietnam Pro handles full Vietnamese diacritics cleanly with Noto Sans as a broad fallback for mixed-script data.
|
|
26
|
+
25,Japanese Locale,operator-active,Noto Serif JP,Noto Sans JP,JetBrains Mono,serif+sans,"japanese, multilingual, legible, localized, considered","Japanese-market admin, localized consoles, bilingual tools",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap,Noto Serif JP heads Japanese screens with a settled tone while Noto Sans JP keeps dense kana and kanji body text even.
|
|
27
|
+
26,Korean Locale,operator-active,Noto Sans KR,Noto Sans KR,JetBrains Mono,sans+sans,"korean, multilingual, clean, localized, readable","Korean-market tools, localized admin, bilingual back-office",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap,A single Noto Sans KR system keeps Hangul hierarchy consistent across headings and body without a second face to tune.
|
|
28
|
+
27,Chinese Simplified Locale,operator-active,Noto Sans SC,Noto Sans SC,JetBrains Mono,sans+sans,"chinese, simplified, multilingual, clean, localized","mainland-market admin, localized consoles, bilingual tools",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap,"Noto Sans SC gives simplified-Chinese operators a full, even glyph set from labels to paragraphs in one family."
|
|
29
|
+
28,Arabic Locale,operator-active,Noto Naskh Arabic,Noto Sans Arabic,JetBrains Mono,serif+sans,"arabic, rtl, multilingual, localized, readable","Arabic-market admin, RTL dashboards, bilingual back-office",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap,Noto Naskh Arabic heads RTL screens with a traditional voice while Noto Sans Arabic keeps body and UI text modern and clear.
|
|
30
|
+
29,Hebrew Locale,operator-active,Noto Sans Hebrew,Noto Sans Hebrew,JetBrains Mono,sans+sans,"hebrew, rtl, multilingual, localized, clean","Hebrew-market tools, RTL admin, bilingual back-office",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@400;500;600;700&display=swap,One Noto Sans Hebrew system keeps RTL hierarchy consistent and legible for Israeli-market internal tools.
|
|
31
|
+
30,Thai Locale,operator-active,Noto Sans Thai,Noto Sans Thai,JetBrains Mono,sans+sans,"thai, multilingual, readable, localized, clean","Thai-market admin, localized consoles, SEA back-office",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap,"Noto Sans Thai renders looped Thai script clearly at UI sizes, carrying both heading and body in one dependable family."
|
|
32
|
+
31,Chinese Traditional Locale,operator-active,Noto Serif TC,Noto Sans TC,JetBrains Mono,serif+sans,"chinese, traditional, multilingual, localized, considered","Taiwan and Hong Kong market admin, localized consoles, bilingual tools",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap,Noto Serif TC gives traditional-Chinese headings a measured tone with Noto Sans TC handling denser body text.
|
|
33
|
+
32,Rounded Legible,operator-active,Nunito Sans,Nunito Sans,JetBrains Mono,sans+sans,"rounded, friendly, legible, calm, approachable","support consoles, CRM back-office, help desks, customer-facing admin",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700&display=swap,Nunito Sans softens a support console's tone with gently rounded terminals while staying legible enough for all-day use.
|
|
34
|
+
33,Grotesque Utility,operator-active,Karla,Karla,Space Mono,sans+sans,"grotesque, utilitarian, compact, plain, efficient","utility dashboards, config panels, small-footprint tools, forms",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Karla:wght@400;500;600;700&display=swap,"Karla is a tidy grotesque whose narrow set width fits more label text per row, useful when screen real estate is tight."
|
|
35
|
+
34,Classic Elegant,dormant-marketing,Playfair Display,Inter,JetBrains Mono,serif+sans,"elegant, luxury, editorial, high-contrast, premium","luxury brands, fashion, editorial, high-end marketing sites",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap,"Playfair Display's sharp contrast makes an elegant hero serif over an Inter body, a look aimed at premium marketing rather than dense tools."
|
|
36
|
+
35,Editorial Classic,dormant-marketing,Cormorant Garamond,Libre Baskerville,IBM Plex Mono,serif+serif,"editorial, literary, traditional, refined, bookish","publishing, literary magazines, long-form editorial, book sites",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Libre+Baskerville:wght@400;500;600;700&display=swap,"An all-serif pairing leans fully literary, which suits editorial publishing but is too low-contrast for scanning operator data."
|
|
37
|
+
36,Playful Creative,dormant-marketing,Fredoka,Nunito,Space Mono,display+sans,"playful, friendly, fun, rounded, warm","children's products, education marketing, games, lighthearted brands",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@400;500;600;700&display=swap,Rounded Fredoka headings set a distinctly playful tone better suited to consumer marketing than to a working console.
|
|
38
|
+
37,Bold Statement,dormant-marketing,Bebas Neue,Source Sans 3,JetBrains Mono,display+sans,"bold, impactful, headline, dramatic, loud","marketing heroes, event pages, agencies, campaign landing",400,400;500;600;700,https://fonts.googleapis.com/css2?family=Bebas+Neue:wght@400&family=Source+Sans+3:wght@400;500;600;700&display=swap,"Bebas Neue is an all-caps display face for oversized headlines only, which is why it lives in the marketing pack, not the operator set."
|
|
39
|
+
38,Wellness Calm,dormant-marketing,Lora,Raleway,IBM Plex Mono,serif+sans,"calm, wellness, organic, gentle, natural","wellness brands, spa, meditation, lifestyle marketing",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&family=Raleway:wght@400;500;600;700&display=swap,"Lora and thin Raleway create a soft, unhurried marketing mood that trades the crisp legibility a data tool needs."
|
|
40
|
+
39,Retro Vintage,dormant-marketing,Abril Fatface,Merriweather,Space Mono,serif+serif,"retro, vintage, dramatic, decorative, nostalgic","vintage brands, breweries, restaurants, poster-style marketing",400,400;500;600;700,https://fonts.googleapis.com/css2?family=Abril+Fatface:wght@400&family=Merriweather:wght@400;500;600;700&display=swap,"Abril Fatface's heavy Didone hairlines make a striking vintage hero serif reserved for headlines, paired with Merriweather body."
|
|
41
|
+
40,Luxury Serif,dormant-marketing,Cormorant,Montserrat,IBM Plex Mono,serif+sans,"luxury, fashion, refined, premium, high-end","fashion houses, jewelry, luxury e-commerce, premium services",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Cormorant:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap,Cormorant's delicate high-contrast forms read as luxury marketing and would wash out in the small sizes operator tables use.
|
|
42
|
+
41,Handwritten Charm,dormant-marketing,Caveat,Quicksand,Space Mono,display+sans,"handwritten, personal, casual, warm, charming","personal brands, invitations, lifestyle marketing, creative portfolios",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Quicksand:wght@400;500;600;700&display=swap,"Caveat is a script accent for personality-driven marketing, unusable as working type but kept for the campaign pack."
|
|
43
|
+
42,Fashion Forward,dormant-marketing,Syne,Manrope,JetBrains Mono,sans+sans,"avant-garde, artistic, edgy, creative, bold","fashion labels, art galleries, creative agencies, design studios",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Syne:wght@500;600;700&family=Manrope:wght@400;500;600;700&display=swap,Syne's quirky letterforms give fashion and gallery sites an art-directed edge that is deliberately too loud for utilitarian screens.
|
|
44
|
+
43,Soft Rounded,dormant-marketing,Varela Round,Nunito Sans,JetBrains Mono,sans+sans,"soft, rounded, friendly, gentle, warm","kids and pet brands, wellness marketing, soft consumer UI",400,400;500;600;700,https://fonts.googleapis.com/css2?family=Varela+Round:wght@400&family=Nunito+Sans:wght@400;500;600;700&display=swap,Fully rounded Varela Round headings set a soft consumer mood aimed at friendly marketing rather than dense operator work.
|
|
45
|
+
44,Magazine Style,dormant-marketing,Libre Bodoni,Public Sans,IBM Plex Mono,serif+sans,"magazine, editorial, print, refined, journalistic","online magazines, editorial features, publishing marketing",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Libre+Bodoni:wght@500;600;700&family=Public+Sans:wght@400;500;600;700&display=swap,Libre Bodoni's print-magazine contrast makes expressive feature headings that suit publishing marketing over back-office reading.
|
|
46
|
+
45,Cyberpunk Web3,dormant-marketing,Orbitron,Exo 2,JetBrains Mono,display+sans,"futuristic, crypto, neon, sci-fi, technical","crypto and web3 marketing, NFT sites, gaming, futuristic brands",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700&family=Exo+2:wght@400;500;600;700&display=swap,"Orbitron's wide sci-fi caps brand crypto and gaming marketing pages, a decorative look kept clear of real data screens."
|
|
47
|
+
46,Gaming Bold,dormant-marketing,Russo One,Chakra Petch,Space Mono,display+sans,"gaming, bold, esports, energetic, competitive","gaming and esports marketing, tournaments, entertainment brands",400,400;500;600;700,https://fonts.googleapis.com/css2?family=Russo+One:wght@400&family=Chakra+Petch:wght@400;500;600;700&display=swap,"Russo One's blocky impact suits esports headlines while Chakra Petch adds a techy body, a pairing tuned for hype not throughput."
|
|
48
|
+
47,Real Estate Luxury,dormant-marketing,Cinzel,Josefin Sans,IBM Plex Mono,serif+sans,"luxury, architectural, refined, premium, elegant","luxury real estate, architecture, interiors, premium property marketing",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Josefin+Sans:wght@400;500;600;700&display=swap,"Cinzel's engraved Roman capitals evoke premium property branding, a display serif meant for hero titles rather than dense listings."
|
|
49
|
+
48,Luxury Minimalist,dormant-marketing,Bodoni Moda,Jost,IBM Plex Mono,serif+sans,"luxury, minimalist, high-contrast, refined, premium","high-end fashion, premium minimal brands, luxury product marketing",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@500;600;700&family=Jost:wght@400;500;600;700&display=swap,"Bodoni Moda's extreme contrast reads as minimalist luxury in headlines, paired with geometric Jost, and stays in the marketing pack."
|
|
50
|
+
49,Neubrutalist Bold,dormant-marketing,Lexend Mega,Public Sans,JetBrains Mono,display+sans,"neubrutalist, loud, geometric, bold, quirky","neubrutalist marketing, Gen Z brands, bold campaign pages",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Lexend+Mega:wght@500;600;700&family=Public+Sans:wght@400;500;600;700&display=swap,"Lexend Mega's ultra-wide tracking is a deliberately loud neubrutalist statement for campaigns, not a workaday heading face."
|
|
51
|
+
50,Gen Z Brutal,dormant-marketing,Anton,Epilogue,JetBrains Mono,display+sans,"brutal, loud, streetwear, meme, bold","streetwear, viral campaigns, Gen Z marketing, sticker packs",400,400;500;600;700,https://fonts.googleapis.com/css2?family=Anton:wght@400&family=Epilogue:wght@400;500;600;700&display=swap,"Anton's condensed black weight shouts for streetwear and meme campaigns, an intentionally aggressive display voice kept dormant."
|
|
52
|
+
51,Bauhaus Geometric,dormant-marketing,Outfit,Outfit,JetBrains Mono,sans+sans,"bauhaus, geometric, constructivist, poster, architectural","design-forward brand marketing, art and culture, poster-style sites",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap,"A single Outfit set at heavy uppercase weights makes a Bauhaus poster system that is expressive branding, not operator hierarchy."
|
|
53
|
+
52,Monochrome Editorial,dormant-marketing,Playfair Display,Source Serif 4,JetBrains Mono,serif+serif,"monochrome, editorial, austere, high-contrast, typographic","luxury fashion editorial, digital exhibitions, portfolio marketing",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Source+Serif+4:wght@400;500;600;700&display=swap,"Playfair Display over Source Serif 4 makes an austere all-serif editorial statement built for display, not for scanning records."
|
|
54
|
+
53,Kinetic Brutalism,dormant-marketing,Space Grotesk,Space Grotesk,Space Mono,sans+sans,"kinetic, brutalist, oversized, street, high-energy","music and culture marketing, sports brands, flagship campaign pages",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap,"Pushed to oversized uppercase weights, a single Space Grotesk becomes a high-energy brutalist system tuned for motion-heavy marketing."
|
|
55
|
+
54,SaaS Boutique,dormant-marketing,Calistoga,Inter,JetBrains Mono,serif+sans,"boutique, warm, editorial, bold, characterful","boutique SaaS marketing, brand landing pages, campaign heroes",400,400;500;600;700,https://fonts.googleapis.com/css2?family=Calistoga:wght@400&family=Inter:wght@400;500;600;700&display=swap,"Calistoga's warm display serif gives marketing heroes personality over an Inter body, a look for landing pages rather than the app itself."
|
|
56
|
+
55,Terminal CLI,dormant-marketing,JetBrains Mono,IBM Plex Sans,JetBrains Mono,mono+sans,"terminal, hacker, retro-future, technical, aesthetic","hacker-aesthetic marketing, web3 landing, security-brand campaigns",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap,An all-mono terminal aesthetic reads as a stylistic hacker brand for marketing; the sans body keeps it from becoming unreadable at length.
|
|
57
|
+
56,Art Deco,dormant-marketing,Poiret One,Didact Gothic,JetBrains Mono,display+sans,"art-deco, vintage, 1920s, decorative, elegant","art-deco event marketing, luxury hotels, period-themed brands",400,400,https://fonts.googleapis.com/css2?family=Poiret+One:wght@400&family=Didact+Gothic:wght@400&display=swap,"Poiret One's thin geometric Deco lines evoke the 1920s for themed marketing, a decorative heading unfit for functional density."
|
|
58
|
+
57,Restaurant Menu,dormant-marketing,Playfair Display SC,Karla,IBM Plex Mono,serif+sans,"culinary, hospitality, elegant, menu, refined","restaurant and cafe marketing, food brands, hospitality sites",700,400;500;600;700,https://fonts.googleapis.com/css2?family=Playfair+Display+SC:wght@700&family=Karla:wght@400;500;600;700&display=swap,"Small-caps Playfair sets refined menu headers over a plain Karla body, a hospitality-marketing look rather than an operator surface."
|
|
59
|
+
58,Kids Education,dormant-marketing,Baloo 2,Nunito,Space Mono,display+sans,"playful, education, colorful, friendly, learning","children's education marketing, kids apps, learning brands",500;600;700,400;500;600;700,https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700&family=Nunito:wght@400;500;600;700&display=swap,"Chunky rounded Baloo 2 headings signal a kid-friendly product for education marketing, with Nunito supplying a legible playful body."
|
|
60
|
+
59,Indie Craft,dormant-marketing,Amatic SC,Cabin,JetBrains Mono,display+sans,"indie, craft, handmade, artisan, organic","craft and artisan marketing, handmade goods, indie brands",700,400;500;600;700,https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&family=Cabin:wght@400;500;600;700&display=swap,"Amatic SC's thin hand-drawn caps give artisan marketing a handmade feel, a decorative accent paired with a steady Cabin body."
|
|
61
|
+
60,Music Entertainment,dormant-marketing,Righteous,Poppins,Space Mono,display+sans,"music, entertainment, energetic, bold, festive","music and event marketing, festivals, entertainment brands",400,400;500;600;700,https://fonts.googleapis.com/css2?family=Righteous:wght@400&family=Poppins:wght@400;500;600;700&display=swap,"Righteous's rounded retro display suits music and festival headlines, an energetic marketing voice over a Poppins body."
|