@design-ai/cli 4.55.0
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/.claude-plugin/plugin.json +164 -0
- package/AGENTS.ko.md +126 -0
- package/AGENTS.md +182 -0
- package/CHANGELOG.md +6883 -0
- package/CLAUDE.md +39 -0
- package/LICENSE +21 -0
- package/README.ko.md +245 -0
- package/README.md +277 -0
- package/agents/README.md +14 -0
- package/agents/a11y-reviewer.md +121 -0
- package/agents/component-architect.md +57 -0
- package/agents/design-critic.md +46 -0
- package/agents/token-extractor.md +63 -0
- package/cli/bin/design-ai-mcp.mjs +6 -0
- package/cli/bin/design-ai.mjs +40 -0
- package/cli/commands/audit.mjs +111 -0
- package/cli/commands/check.mjs +226 -0
- package/cli/commands/doctor.mjs +141 -0
- package/cli/commands/examples.mjs +58 -0
- package/cli/commands/help.mjs +271 -0
- package/cli/commands/install.mjs +161 -0
- package/cli/commands/learn.mjs +1871 -0
- package/cli/commands/list.mjs +143 -0
- package/cli/commands/mcp.mjs +27 -0
- package/cli/commands/pack.mjs +211 -0
- package/cli/commands/prompt.mjs +199 -0
- package/cli/commands/route.mjs +247 -0
- package/cli/commands/search.mjs +60 -0
- package/cli/commands/show.mjs +52 -0
- package/cli/commands/site.mjs +558 -0
- package/cli/commands/status.mjs +161 -0
- package/cli/commands/uninstall.mjs +119 -0
- package/cli/commands/update.mjs +184 -0
- package/cli/commands/version.mjs +94 -0
- package/cli/commands/workspace.mjs +176 -0
- package/cli/lib/brief.mjs +52 -0
- package/cli/lib/check.mjs +642 -0
- package/cli/lib/dispatch.mjs +109 -0
- package/cli/lib/doctor.mjs +505 -0
- package/cli/lib/examples.mjs +258 -0
- package/cli/lib/exec.mjs +63 -0
- package/cli/lib/help-flags.mjs +5 -0
- package/cli/lib/learn.mjs +3694 -0
- package/cli/lib/log.mjs +47 -0
- package/cli/lib/mcp-server.mjs +426 -0
- package/cli/lib/output.mjs +101 -0
- package/cli/lib/pack.mjs +599 -0
- package/cli/lib/paths.mjs +63 -0
- package/cli/lib/prompt.mjs +603 -0
- package/cli/lib/route.mjs +740 -0
- package/cli/lib/search.mjs +158 -0
- package/cli/lib/show.mjs +161 -0
- package/cli/lib/signals.mjs +2337 -0
- package/cli/lib/site.mjs +6617 -0
- package/cli/lib/skill-proposals.mjs +2046 -0
- package/cli/lib/suggest.mjs +66 -0
- package/cli/lib/workspace.mjs +1056 -0
- package/commands/README.md +25 -0
- package/commands/component-spec.md +34 -0
- package/commands/conversational.md +44 -0
- package/commands/design-from-brief.md +141 -0
- package/commands/design-review.md +62 -0
- package/commands/document-from-brief.md +47 -0
- package/commands/extract-tokens.md +38 -0
- package/commands/game-ui.md +40 -0
- package/commands/illustration.md +37 -0
- package/commands/iterate.md +167 -0
- package/commands/motion-design.md +54 -0
- package/commands/palette-from-brand.md +50 -0
- package/commands/print.md +49 -0
- package/commands/slide-deck.md +46 -0
- package/commands/spatial.md +47 -0
- package/commands/stability-review.md +74 -0
- package/commands/video.md +42 -0
- package/commands/website-improvement.md +77 -0
- package/docs/AGENT-DEVELOPMENT.md +658 -0
- package/docs/AI-LEARNING.md +429 -0
- package/docs/AIDER-INTEGRATION.md +224 -0
- package/docs/ARCHITECTURE.ko.md +183 -0
- package/docs/ARCHITECTURE.md +105 -0
- package/docs/CODEX-INTEGRATION.md +311 -0
- package/docs/COMPANY-WEBSITE-DOGFOOD.ko.md +144 -0
- package/docs/COMPANY-WEBSITE-DOGFOOD.md +150 -0
- package/docs/COMPANY-WEBSITE-INTAKE-TEMPLATE.ko.md +153 -0
- package/docs/COMPANY-WEBSITE-INTAKE-TEMPLATE.md +154 -0
- package/docs/CONTRIBUTING.ko.md +203 -0
- package/docs/CONTRIBUTING.md +242 -0
- package/docs/CURSOR-INTEGRATION.md +220 -0
- package/docs/DISTRIBUTION.ko.md +248 -0
- package/docs/DISTRIBUTION.md +253 -0
- package/docs/DOGFOOD-FINDINGS.md +180 -0
- package/docs/DOGFOOD-V4-FINDINGS.md +139 -0
- package/docs/DOGFOOD-V4-MKDOCS-FINDINGS.md +233 -0
- package/docs/DOGFOOD-V4-NPM-FINDINGS.md +157 -0
- package/docs/DOGFOOD-V4-VSCODE-FINDINGS.md +135 -0
- package/docs/FIGMA-INTEGRATION.md +222 -0
- package/docs/MCP-INTEGRATION.md +243 -0
- package/docs/MIGRATION-v4.md +121 -0
- package/docs/PLUGIN-PACKAGING.md +240 -0
- package/docs/PRODUCT-READINESS.md +66 -0
- package/docs/QUICKSTART.ko.md +178 -0
- package/docs/QUICKSTART.md +179 -0
- package/docs/RELEASE-CHECKLIST.md +292 -0
- package/docs/ROADMAP.md +19495 -0
- package/docs/SESSION-LOG.md +940 -0
- package/docs/TOKEN-SYNC.md +237 -0
- package/docs/USING.ko.md +206 -0
- package/docs/USING.md +218 -0
- package/docs/WEBSITE-IMPROVEMENT.ko.md +75 -0
- package/docs/WEBSITE-IMPROVEMENT.md +89 -0
- package/docs/announcements/README.md +56 -0
- package/docs/announcements/dev-to-korea.md +206 -0
- package/docs/announcements/hashnode-post.ko.md +232 -0
- package/docs/announcements/okky-post.ko.md +158 -0
- package/docs/announcements/press-kit.md +101 -0
- package/docs/announcements/reddit-r-korea.md +196 -0
- package/docs/announcements/show-hn.md +114 -0
- package/docs/announcements/twitter-thread.md +255 -0
- package/docs/external-status.md +34 -0
- package/docs/integrations/aider-walkthrough.ko.md +275 -0
- package/docs/integrations/aider-walkthrough.md +274 -0
- package/docs/integrations/codex-walkthrough.ko.md +297 -0
- package/docs/integrations/codex-walkthrough.md +297 -0
- package/docs/integrations/cursor-walkthrough.ko.md +281 -0
- package/docs/integrations/cursor-walkthrough.md +284 -0
- package/docs/integrations/design-ai-mcp-server.md +169 -0
- package/docs/integrations/figma-mcp.md +149 -0
- package/docs/integrations/github-mcp.md +178 -0
- package/docs/integrations/linear-mcp.md +215 -0
- package/docs/integrations/notion-mcp.md +174 -0
- package/docs/integrations/sdk-walkthrough.ko.md +375 -0
- package/docs/integrations/sdk-walkthrough.md +375 -0
- package/docs/integrations/slack-mcp.md +208 -0
- package/docs/integrations/vscode-walkthrough.ko.md +202 -0
- package/docs/integrations/vscode-walkthrough.md +205 -0
- package/docs/requirements.txt +16 -0
- package/docs/site-overrides/extra.css +83 -0
- package/docs/site-overrides/favicon.svg +4 -0
- package/docs/site-overrides/logo.svg +10 -0
- package/docs/site-overrides/main.html +18 -0
- package/docs/website-console/app.js +2540 -0
- package/docs/website-console/index.html +24 -0
- package/docs/website-console/styles.css +975 -0
- package/examples/README.md +252 -0
- package/examples/cases/dogfood-v4-korean-hr-onboarding.md +356 -0
- package/examples/component-accordion-actions.md +153 -0
- package/examples/component-accordion-details.md +147 -0
- package/examples/component-accordion-summary.md +180 -0
- package/examples/component-accordion.md +229 -0
- package/examples/component-account-card.md +284 -0
- package/examples/component-address-input.md +260 -0
- package/examples/component-affix.md +190 -0
- package/examples/component-alert-dialog.md +210 -0
- package/examples/component-alert-title.md +77 -0
- package/examples/component-alert.md +192 -0
- package/examples/component-amount-input.md +278 -0
- package/examples/component-anchor.md +198 -0
- package/examples/component-app-bar.md +249 -0
- package/examples/component-aspect-ratio.md +156 -0
- package/examples/component-auto-complete.md +199 -0
- package/examples/component-avatar-group.md +170 -0
- package/examples/component-avatar.md +191 -0
- package/examples/component-back-top.md +123 -0
- package/examples/component-backdrop.md +148 -0
- package/examples/component-badge.md +181 -0
- package/examples/component-banner.md +237 -0
- package/examples/component-biometric-gate.md +281 -0
- package/examples/component-blockquote.md +153 -0
- package/examples/component-border-beam.md +207 -0
- package/examples/component-bottom-navigation.md +226 -0
- package/examples/component-box.md +112 -0
- package/examples/component-breadcrumb.md +222 -0
- package/examples/component-button-base.md +190 -0
- package/examples/component-button-group.md +117 -0
- package/examples/component-button.md +213 -0
- package/examples/component-calendar.md +280 -0
- package/examples/component-callout.md +131 -0
- package/examples/component-card-actions.md +101 -0
- package/examples/component-card-content.md +90 -0
- package/examples/component-card-header.md +122 -0
- package/examples/component-card-media.md +79 -0
- package/examples/component-card.md +233 -0
- package/examples/component-carousel.md +266 -0
- package/examples/component-cascader.md +135 -0
- package/examples/component-category-picker.md +271 -0
- package/examples/component-chart.md +237 -0
- package/examples/component-chat-interface.md +399 -0
- package/examples/component-checkbox.md +149 -0
- package/examples/component-click-away-listener.md +87 -0
- package/examples/component-code.md +213 -0
- package/examples/component-collapsible.md +219 -0
- package/examples/component-color-picker.md +110 -0
- package/examples/component-combobox.md +267 -0
- package/examples/component-command.md +299 -0
- package/examples/component-config-provider.md +190 -0
- package/examples/component-context-menu.md +179 -0
- package/examples/component-css-baseline.md +148 -0
- package/examples/component-date-picker.md +249 -0
- package/examples/component-descriptions.md +242 -0
- package/examples/component-dialog-actions.md +111 -0
- package/examples/component-dialog-content-text.md +76 -0
- package/examples/component-dialog-content.md +105 -0
- package/examples/component-dialog-title.md +104 -0
- package/examples/component-dialog.md +176 -0
- package/examples/component-divider.md +182 -0
- package/examples/component-doc-page.md +217 -0
- package/examples/component-drawer.md +257 -0
- package/examples/component-dropdown.md +220 -0
- package/examples/component-email-layout.md +253 -0
- package/examples/component-empty-state.md +269 -0
- package/examples/component-empty.md +172 -0
- package/examples/component-fade.md +87 -0
- package/examples/component-feature-grid.md +201 -0
- package/examples/component-field.md +266 -0
- package/examples/component-filled-input.md +114 -0
- package/examples/component-flex.md +117 -0
- package/examples/component-float-button.md +214 -0
- package/examples/component-form-control-label.md +134 -0
- package/examples/component-form-control.md +113 -0
- package/examples/component-form-controls.md +251 -0
- package/examples/component-form-group.md +86 -0
- package/examples/component-form-helper-text.md +95 -0
- package/examples/component-form-label.md +98 -0
- package/examples/component-form.md +291 -0
- package/examples/component-game-hud.md +362 -0
- package/examples/component-game-menu.md +327 -0
- package/examples/component-grid.md +140 -0
- package/examples/component-grow.md +79 -0
- package/examples/component-hero-block.md +252 -0
- package/examples/component-hover-card.md +211 -0
- package/examples/component-icon-button.md +142 -0
- package/examples/component-icon.md +102 -0
- package/examples/component-illustration.md +280 -0
- package/examples/component-image-list.md +107 -0
- package/examples/component-image.md +282 -0
- package/examples/component-input-adornment.md +101 -0
- package/examples/component-input-base.md +134 -0
- package/examples/component-input-number.md +141 -0
- package/examples/component-input-otp.md +271 -0
- package/examples/component-input.md +213 -0
- package/examples/component-item.md +243 -0
- package/examples/component-kbd.md +197 -0
- package/examples/component-krw-amount.md +219 -0
- package/examples/component-label.md +118 -0
- package/examples/component-layout.md +217 -0
- package/examples/component-link.md +223 -0
- package/examples/component-list-item-avatar.md +72 -0
- package/examples/component-list-item-button.md +139 -0
- package/examples/component-list-item-icon.md +82 -0
- package/examples/component-list-item-text.md +98 -0
- package/examples/component-list-item.md +116 -0
- package/examples/component-list-subheader.md +70 -0
- package/examples/component-list.md +198 -0
- package/examples/component-loading-button.md +125 -0
- package/examples/component-loading-sequence.md +254 -0
- package/examples/component-lottie-player.md +279 -0
- package/examples/component-masonry.md +191 -0
- package/examples/component-mentions.md +189 -0
- package/examples/component-menu-item.md +102 -0
- package/examples/component-menu-list.md +98 -0
- package/examples/component-menu.md +139 -0
- package/examples/component-menubar.md +259 -0
- package/examples/component-message.md +162 -0
- package/examples/component-mobile-stepper.md +155 -0
- package/examples/component-modal.md +220 -0
- package/examples/component-navigation-menu.md +295 -0
- package/examples/component-notification.md +166 -0
- package/examples/component-otp-countdown.md +245 -0
- package/examples/component-outlined-input.md +145 -0
- package/examples/component-page-transition.md +281 -0
- package/examples/component-pagination.md +226 -0
- package/examples/component-paper.md +199 -0
- package/examples/component-pass-auth.md +265 -0
- package/examples/component-payment-brand-button.md +253 -0
- package/examples/component-payment-method-selector.md +272 -0
- package/examples/component-payment-receipt.md +277 -0
- package/examples/component-popconfirm.md +144 -0
- package/examples/component-popover.md +239 -0
- package/examples/component-popper.md +129 -0
- package/examples/component-pricing-cards.md +247 -0
- package/examples/component-progress.md +195 -0
- package/examples/component-qr-code.md +201 -0
- package/examples/component-radio.md +167 -0
- package/examples/component-rate.md +202 -0
- package/examples/component-resizable.md +163 -0
- package/examples/component-result.md +270 -0
- package/examples/component-scroll-area.md +199 -0
- package/examples/component-scroll-reveal.md +320 -0
- package/examples/component-segmented.md +178 -0
- package/examples/component-select.md +258 -0
- package/examples/component-separator.md +177 -0
- package/examples/component-sheet.md +277 -0
- package/examples/component-sidebar.md +257 -0
- package/examples/component-skeleton.md +178 -0
- package/examples/component-slide.md +89 -0
- package/examples/component-slider.md +208 -0
- package/examples/component-snackbar-content.md +92 -0
- package/examples/component-snackbar.md +121 -0
- package/examples/component-sonner.md +165 -0
- package/examples/component-space.md +125 -0
- package/examples/component-spatial-locomotion.md +373 -0
- package/examples/component-spatial-panel.md +330 -0
- package/examples/component-speed-dial-action.md +78 -0
- package/examples/component-speed-dial.md +177 -0
- package/examples/component-spin.md +173 -0
- package/examples/component-spinner.md +204 -0
- package/examples/component-splitter.md +210 -0
- package/examples/component-stack.md +130 -0
- package/examples/component-statistic.md +282 -0
- package/examples/component-step-button.md +157 -0
- package/examples/component-step-connector.md +157 -0
- package/examples/component-step-content.md +121 -0
- package/examples/component-step-icon.md +115 -0
- package/examples/component-step-label.md +101 -0
- package/examples/component-step.md +84 -0
- package/examples/component-steps.md +264 -0
- package/examples/component-stock-chart.md +251 -0
- package/examples/component-swipeable-drawer.md +149 -0
- package/examples/component-switch.md +99 -0
- package/examples/component-tab-scroll-button.md +180 -0
- package/examples/component-tab.md +120 -0
- package/examples/component-table-body.md +82 -0
- package/examples/component-table-cell.md +118 -0
- package/examples/component-table-container.md +75 -0
- package/examples/component-table-footer.md +72 -0
- package/examples/component-table-head.md +78 -0
- package/examples/component-table-pagination.md +137 -0
- package/examples/component-table-row.md +113 -0
- package/examples/component-table-sort-label.md +109 -0
- package/examples/component-table.md +202 -0
- package/examples/component-tabs.md +184 -0
- package/examples/component-tag-badge.md +309 -0
- package/examples/component-tag.md +102 -0
- package/examples/component-testimonial-carousel.md +218 -0
- package/examples/component-textarea-autosize.md +114 -0
- package/examples/component-textarea.md +173 -0
- package/examples/component-time-picker.md +205 -0
- package/examples/component-timeline.md +170 -0
- package/examples/component-toast.md +224 -0
- package/examples/component-toggle-button.md +129 -0
- package/examples/component-toggle.md +220 -0
- package/examples/component-toolbar.md +104 -0
- package/examples/component-tooltip.md +178 -0
- package/examples/component-tour.md +176 -0
- package/examples/component-transaction-list-item.md +243 -0
- package/examples/component-transfer.md +156 -0
- package/examples/component-tree-select.md +202 -0
- package/examples/component-tree.md +297 -0
- package/examples/component-typography.md +215 -0
- package/examples/component-upload.md +295 -0
- package/examples/component-video-hero.md +409 -0
- package/examples/component-video-player.md +340 -0
- package/examples/component-voice-input.md +408 -0
- package/examples/component-watermark.md +217 -0
- package/examples/component-zoom.md +92 -0
- package/examples/doc-explanation-example.md +196 -0
- package/examples/doc-how-to-example.md +205 -0
- package/examples/doc-tutorial-example.md +162 -0
- package/examples/dogfood-korean-fintech-system.md +433 -0
- package/examples/email-transactional-example.md +259 -0
- package/examples/palette-saas-violet.md +235 -0
- package/examples/print-business-card-spec.md +205 -0
- package/examples/print-packaging-spec.md +285 -0
- package/examples/report-example.md +228 -0
- package/examples/slide-deck-example.md +237 -0
- package/examples/website-improvement-report.md +128 -0
- package/examples/website-improvement-workspace.json +126 -0
- package/install.sh +189 -0
- package/knowledge/COVERAGE.md +740 -0
- package/knowledge/PRINCIPLES.md +108 -0
- package/knowledge/a11y/contrast.md +70 -0
- package/knowledge/a11y/keyboard-and-focus.md +108 -0
- package/knowledge/colors/color-theory.md +90 -0
- package/knowledge/colors/mui-palette-structure.md +105 -0
- package/knowledge/colors/palettes-by-product-type.md +876 -0
- package/knowledge/components/INDEX.md +231 -0
- package/knowledge/components/index.json +1470 -0
- package/knowledge/components/shadcn-registry.md +159 -0
- package/knowledge/conversational/ai-chat-interfaces.md +323 -0
- package/knowledge/conversational/chatbot-design.md +312 -0
- package/knowledge/conversational/conversational-ui-fundamentals.md +299 -0
- package/knowledge/conversational/korean-voice-conventions.md +281 -0
- package/knowledge/conversational/voice-ui-patterns.md +297 -0
- package/knowledge/design-tokens/ant-design.md +124 -0
- package/knowledge/design-tokens/material-3.md +235 -0
- package/knowledge/design-tokens/polaris-and-carbon.md +231 -0
- package/knowledge/design-tokens/tailwind-v4.md +284 -0
- package/knowledge/game-ui/game-accessibility.md +317 -0
- package/knowledge/game-ui/game-ui-fundamentals.md +281 -0
- package/knowledge/game-ui/hud-design.md +324 -0
- package/knowledge/game-ui/korean-gaming-conventions.md +312 -0
- package/knowledge/game-ui/menu-systems.md +388 -0
- package/knowledge/i18n/korean-app-store-visual.md +223 -0
- package/knowledge/i18n/korean-document-style.md +301 -0
- package/knowledge/i18n/korean-payments.md +211 -0
- package/knowledge/i18n/korean-product-conventions.md +96 -0
- package/knowledge/i18n/korean-publishing.md +139 -0
- package/knowledge/i18n/korean-typography.md +123 -0
- package/knowledge/icons/curated-sets.md +225 -0
- package/knowledge/illustration/hero-illustrations.md +234 -0
- package/knowledge/illustration/illustration-systems.md +221 -0
- package/knowledge/illustration/mascot-design.md +208 -0
- package/knowledge/illustration/spot-illustrations.md +246 -0
- package/knowledge/illustration/svg-optimization.md +308 -0
- package/knowledge/layout/spacing-and-grid.md +119 -0
- package/knowledge/motion/app-loading-sequences.md +277 -0
- package/knowledge/motion/choreography-depth.md +297 -0
- package/knowledge/motion/marketing-motion.md +223 -0
- package/knowledge/motion/micro-interactions.md +266 -0
- package/knowledge/motion/motion-tools.md +281 -0
- package/knowledge/motion/principles.md +126 -0
- package/knowledge/patterns/auth-flow-design.md +316 -0
- package/knowledge/patterns/b2b-onboarding-flows.md +182 -0
- package/knowledge/patterns/brand-identity.md +238 -0
- package/knowledge/patterns/brand-references.md +97 -0
- package/knowledge/patterns/chart-color-encoding.md +269 -0
- package/knowledge/patterns/chart-types.md +344 -0
- package/knowledge/patterns/dashboard-composition.md +299 -0
- package/knowledge/patterns/design-system-qa.md +356 -0
- package/knowledge/patterns/document-typography.md +248 -0
- package/knowledge/patterns/email-design.md +338 -0
- package/knowledge/patterns/empty-states.md +263 -0
- package/knowledge/patterns/error-states.md +318 -0
- package/knowledge/patterns/form-design.md +237 -0
- package/knowledge/patterns/information-architecture.md +341 -0
- package/knowledge/patterns/landing-hero-design.md +283 -0
- package/knowledge/patterns/landing-page-patterns.md +681 -0
- package/knowledge/patterns/list-and-feed.md +371 -0
- package/knowledge/patterns/mobile-navigation.md +278 -0
- package/knowledge/patterns/money-and-amount.md +301 -0
- package/knowledge/patterns/onboarding.md +300 -0
- package/knowledge/patterns/pricing-page-design.md +261 -0
- package/knowledge/patterns/realtime-data.md +280 -0
- package/knowledge/patterns/report-design.md +330 -0
- package/knowledge/patterns/search-ux.md +373 -0
- package/knowledge/patterns/settings-page.md +325 -0
- package/knowledge/patterns/slide-deck-design.md +316 -0
- package/knowledge/patterns/styles-catalog.md +2599 -0
- package/knowledge/patterns/technical-writing.md +306 -0
- package/knowledge/patterns/ui-reasoning.md +1853 -0
- package/knowledge/patterns/ux-guidelines.md +1454 -0
- package/knowledge/platforms/react-native.md +395 -0
- package/knowledge/print/brochures-and-flyers.md +276 -0
- package/knowledge/print/korean-print-conventions.md +284 -0
- package/knowledge/print/packaging.md +321 -0
- package/knowledge/print/print-fundamentals.md +238 -0
- package/knowledge/print/signage-and-posters.md +235 -0
- package/knowledge/print/stationery.md +262 -0
- package/knowledge/spatial/ar-patterns.md +253 -0
- package/knowledge/spatial/comfort-and-accessibility.md +245 -0
- package/knowledge/spatial/spatial-design-fundamentals.md +346 -0
- package/knowledge/spatial/spatial-ui-elements.md +343 -0
- package/knowledge/spatial/vr-patterns.md +302 -0
- package/knowledge/typography/font-pairings.md +332 -0
- package/knowledge/typography/mui-type-scale.md +57 -0
- package/knowledge/typography/type-scale-fundamentals.md +105 -0
- package/knowledge/video/in-product-video.md +277 -0
- package/knowledge/video/korean-video-conventions.md +247 -0
- package/knowledge/video/marketing-video.md +258 -0
- package/knowledge/video/social-and-short-form.md +257 -0
- package/knowledge/video/video-fundamentals.md +296 -0
- package/package.json +106 -0
- package/skills/README.md +39 -0
- package/skills/color-palette/PLAYBOOK.md +175 -0
- package/skills/color-palette/SKILL.md +6 -0
- package/skills/color-palette/TEMPLATE.md +103 -0
- package/skills/component-spec-writer/PLAYBOOK.md +169 -0
- package/skills/component-spec-writer/SKILL.md +6 -0
- package/skills/component-spec-writer/TEMPLATE.md +115 -0
- package/skills/conversational-ui-designer/PLAYBOOK.md +231 -0
- package/skills/conversational-ui-designer/SKILL.md +6 -0
- package/skills/design-broadcast/PLAYBOOK.md +146 -0
- package/skills/design-broadcast/SKILL.md +6 -0
- package/skills/design-critique/PLAYBOOK.md +137 -0
- package/skills/design-critique/SKILL.md +6 -0
- package/skills/design-pr-review/PLAYBOOK.md +171 -0
- package/skills/design-pr-review/SKILL.md +6 -0
- package/skills/design-system-builder/PLAYBOOK.md +218 -0
- package/skills/design-system-builder/SKILL.md +6 -0
- package/skills/design-system-qa/PLAYBOOK.md +163 -0
- package/skills/design-system-qa/SKILL.md +6 -0
- package/skills/document-author/PLAYBOOK.md +167 -0
- package/skills/document-author/SKILL.md +6 -0
- package/skills/figma-token-sync/PLAYBOOK.md +149 -0
- package/skills/figma-token-sync/SKILL.md +6 -0
- package/skills/game-ui-designer/PLAYBOOK.md +209 -0
- package/skills/game-ui-designer/SKILL.md +6 -0
- package/skills/handoff-spec/PLAYBOOK.md +170 -0
- package/skills/handoff-spec/SKILL.md +6 -0
- package/skills/illustration-designer/PLAYBOOK.md +166 -0
- package/skills/illustration-designer/SKILL.md +6 -0
- package/skills/motion-designer/PLAYBOOK.md +223 -0
- package/skills/motion-designer/SKILL.md +6 -0
- package/skills/print-designer/PLAYBOOK.md +209 -0
- package/skills/print-designer/SKILL.md +6 -0
- package/skills/slide-deck-author/PLAYBOOK.md +198 -0
- package/skills/slide-deck-author/SKILL.md +6 -0
- package/skills/spatial-designer/PLAYBOOK.md +238 -0
- package/skills/spatial-designer/SKILL.md +6 -0
- package/skills/ux-audit/PLAYBOOK.md +142 -0
- package/skills/ux-audit/SKILL.md +6 -0
- package/skills/video-designer/PLAYBOOK.md +240 -0
- package/skills/video-designer/SKILL.md +6 -0
- package/skills/website-improvement/PLAYBOOK.md +118 -0
- package/skills/website-improvement/SKILL.md +6 -0
- package/skills/website-improvement/TEMPLATE.md +103 -0
- package/tools/audit/changelog-generate.py +176 -0
- package/tools/audit/check-coverage.py +483 -0
- package/tools/audit/doctor_assertions.py +256 -0
- package/tools/audit/example-qa.py +108 -0
- package/tools/audit/frontmatter-check.py +199 -0
- package/tools/audit/integration-check.py +95 -0
- package/tools/audit/korean-copy-check.py +161 -0
- package/tools/audit/link-check.py +146 -0
- package/tools/audit/local-ci.py +558 -0
- package/tools/audit/package-contents.py +723 -0
- package/tools/audit/package-smoke.py +22443 -0
- package/tools/audit/raw-hex-check.py +252 -0
- package/tools/audit/registry-smoke.py +8188 -0
- package/tools/audit/release-metadata.py +9832 -0
- package/tools/audit/run-all.py +351 -0
- package/tools/audit/smoke_assertions.py +12742 -0
- package/tools/audit/stability-review.py +332 -0
- package/tools/audit/stale-check.py +156 -0
- package/tools/migrations/add-version-frontmatter.py +132 -0
- package/tools/migrations/bump-last-updated.py +131 -0
- package/tools/migrations/promote-stability.py +172 -0
- package/tools/preview/README.md +58 -0
- package/tools/preview/render-tokens.py +454 -0
|
@@ -0,0 +1,1853 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: UI category decision rules
|
|
3
|
+
source: refs/ui-ux-pro-max/src/ui-ux-pro-max/data/ui-reasoning.csv
|
|
4
|
+
upstream: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
|
|
5
|
+
extracted_at: 2026-05-19
|
|
6
|
+
applies_to: [art-direction, ui-design]
|
|
7
|
+
version: 1.0.0
|
|
8
|
+
last_updated: 2026-05
|
|
9
|
+
stability: stable
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
# UI category decision rules
|
|
13
|
+
|
|
14
|
+
For each product category, an opinionated recommendation: layout pattern, visual style, color mood, typography mood, motion, and the anti-patterns to avoid. Use as a starting point — adjust to brand.
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## 🔴 1. SaaS (General)
|
|
18
|
+
|
|
19
|
+
- **Recommended pattern**: Hero + Features + CTA
|
|
20
|
+
- **Style priority**: Glassmorphism + Flat Design
|
|
21
|
+
- **Color mood**: Trust blue + Accent contrast
|
|
22
|
+
- **Typography mood**: Professional + Hierarchy
|
|
23
|
+
- **Key effects**: Subtle hover (200-250ms) + Smooth transitions
|
|
24
|
+
- **Anti-patterns**: Excessive animation + Dark mode by default
|
|
25
|
+
- **Decision rules**:
|
|
26
|
+
- `if_ux_focused` → `prioritize-minimalism`
|
|
27
|
+
- `if_data_heavy` → `add-glassmorphism`
|
|
28
|
+
|
|
29
|
+
## 🔴 2. Micro SaaS
|
|
30
|
+
|
|
31
|
+
- **Recommended pattern**: Hero-Centric + Trust
|
|
32
|
+
- **Style priority**: Motion-Driven + Vibrant & Block
|
|
33
|
+
- **Color mood**: Bold primaries + Accent contrast
|
|
34
|
+
- **Typography mood**: Modern + Energetic typography
|
|
35
|
+
- **Key effects**: Scroll-triggered animations + Parallax
|
|
36
|
+
- **Anti-patterns**: Static design + No video + Poor mobile
|
|
37
|
+
- **Decision rules**:
|
|
38
|
+
- `if_pre_launch` → `use-waitlist-pattern`
|
|
39
|
+
- `if_video_ready` → `add-hero-video`
|
|
40
|
+
|
|
41
|
+
## 🔴 3. E-commerce
|
|
42
|
+
|
|
43
|
+
- **Recommended pattern**: Feature-Rich Showcase
|
|
44
|
+
- **Style priority**: Vibrant & Block-based
|
|
45
|
+
- **Color mood**: Brand primary + Success green
|
|
46
|
+
- **Typography mood**: Engaging + Clear hierarchy
|
|
47
|
+
- **Key effects**: Card hover lift (200ms) + Scale effect
|
|
48
|
+
- **Anti-patterns**: Flat design without depth + Text-heavy pages
|
|
49
|
+
- **Decision rules**:
|
|
50
|
+
- `if_luxury` → `switch-to-liquid-glass`
|
|
51
|
+
- `if_conversion_focused` → `add-urgency-colors`
|
|
52
|
+
|
|
53
|
+
## 🔴 4. E-commerce Luxury
|
|
54
|
+
|
|
55
|
+
- **Recommended pattern**: Feature-Rich Showcase
|
|
56
|
+
- **Style priority**: Liquid Glass + Glassmorphism
|
|
57
|
+
- **Color mood**: Premium colors + Minimal accent
|
|
58
|
+
- **Typography mood**: Elegant + Refined typography
|
|
59
|
+
- **Key effects**: Chromatic aberration + Fluid animations (400-600ms)
|
|
60
|
+
- **Anti-patterns**: Vibrant & Block-based + Playful colors
|
|
61
|
+
- **Decision rules**:
|
|
62
|
+
- `if_checkout` → `emphasize-trust`
|
|
63
|
+
- `if_hero_needed` → `use-3d-hyperrealism`
|
|
64
|
+
|
|
65
|
+
## 🔴 5. B2B Service
|
|
66
|
+
|
|
67
|
+
- **Recommended pattern**: Feature-Rich Showcase + Trust
|
|
68
|
+
- **Style priority**: Trust & Authority + Minimalism
|
|
69
|
+
- **Color mood**: Professional blue + Neutral grey
|
|
70
|
+
- **Typography mood**: Formal + Clear typography
|
|
71
|
+
- **Key effects**: Section transitions + Feature reveals
|
|
72
|
+
- **Anti-patterns**: Playful design + Hidden credentials + AI purple/pink gradients
|
|
73
|
+
- **Decision rules**:
|
|
74
|
+
- `must_have` → `roi-messaging`
|
|
75
|
+
|
|
76
|
+
## 🔴 6. Financial Dashboard
|
|
77
|
+
|
|
78
|
+
- **Recommended pattern**: Data-Dense Dashboard
|
|
79
|
+
- **Style priority**: Dark Mode (OLED) + Data-Dense
|
|
80
|
+
- **Color mood**: Dark bg + Red/Green alerts + Trust blue
|
|
81
|
+
- **Typography mood**: Clear + Readable typography
|
|
82
|
+
- **Key effects**: Real-time number animations + Alert pulse
|
|
83
|
+
- **Anti-patterns**: Light mode default + Slow rendering
|
|
84
|
+
- **Decision rules**:
|
|
85
|
+
- `must_have` → `high-contrast`
|
|
86
|
+
|
|
87
|
+
## 🔴 7. Analytics Dashboard
|
|
88
|
+
|
|
89
|
+
- **Recommended pattern**: Data-Dense + Drill-Down
|
|
90
|
+
- **Style priority**: Data-Dense + Heat Map
|
|
91
|
+
- **Color mood**: Cool→Hot gradients + Neutral grey
|
|
92
|
+
- **Typography mood**: Clear + Functional typography
|
|
93
|
+
- **Key effects**: Hover tooltips + Chart zoom + Filter animations
|
|
94
|
+
- **Anti-patterns**: Ornate design + No filtering
|
|
95
|
+
- **Decision rules**:
|
|
96
|
+
- `must_have` → `data-export`
|
|
97
|
+
- `if_large_dataset` → `virtualize-lists`
|
|
98
|
+
|
|
99
|
+
## 🔴 8. Healthcare App
|
|
100
|
+
|
|
101
|
+
- **Recommended pattern**: Social Proof-Focused
|
|
102
|
+
- **Style priority**: Neumorphism + Accessible & Ethical
|
|
103
|
+
- **Color mood**: Calm blue + Health green
|
|
104
|
+
- **Typography mood**: Readable + Large type (16px+)
|
|
105
|
+
- **Key effects**: Soft box-shadow + Smooth press (150ms)
|
|
106
|
+
- **Anti-patterns**: Bright neon colors + Motion-heavy animations + AI purple/pink gradients
|
|
107
|
+
- **Decision rules**:
|
|
108
|
+
- `must_have` → `wcag-aaa-compliance`
|
|
109
|
+
- `if_medication` → `red-alert-colors`
|
|
110
|
+
|
|
111
|
+
## 🟡 9. Educational App
|
|
112
|
+
|
|
113
|
+
- **Recommended pattern**: Feature-Rich Showcase
|
|
114
|
+
- **Style priority**: Claymorphism + Micro-interactions
|
|
115
|
+
- **Color mood**: Playful colors + Clear hierarchy
|
|
116
|
+
- **Typography mood**: Friendly + Engaging typography
|
|
117
|
+
- **Key effects**: Soft press (200ms) + Fluffy elements
|
|
118
|
+
- **Anti-patterns**: Dark modes + Complex jargon
|
|
119
|
+
- **Decision rules**:
|
|
120
|
+
- `if_gamification` → `add-progress-animation`
|
|
121
|
+
- `if_children` → `increase-playfulness`
|
|
122
|
+
|
|
123
|
+
## 🔴 10. Creative Agency
|
|
124
|
+
|
|
125
|
+
- **Recommended pattern**: Storytelling-Driven
|
|
126
|
+
- **Style priority**: Brutalism + Motion-Driven
|
|
127
|
+
- **Color mood**: Bold primaries + Artistic freedom
|
|
128
|
+
- **Typography mood**: Bold + Expressive typography
|
|
129
|
+
- **Key effects**: CRT scanlines + Neon glow + Glitch effects
|
|
130
|
+
- **Anti-patterns**: Corporate minimalism + Hidden portfolio
|
|
131
|
+
- **Decision rules**:
|
|
132
|
+
- `must_have` → `case-studies`
|
|
133
|
+
- `if_boutique` → `increase-artistic-freedom`
|
|
134
|
+
|
|
135
|
+
## 🟡 11. Portfolio/Personal
|
|
136
|
+
|
|
137
|
+
- **Recommended pattern**: Storytelling-Driven
|
|
138
|
+
- **Style priority**: Motion-Driven + Minimalism
|
|
139
|
+
- **Color mood**: Brand primary + Artistic
|
|
140
|
+
- **Typography mood**: Expressive + Variable typography
|
|
141
|
+
- **Key effects**: Parallax (3-5 layers) + Scroll-triggered reveals
|
|
142
|
+
- **Anti-patterns**: Corporate templates + Generic layouts
|
|
143
|
+
- **Decision rules**:
|
|
144
|
+
- `if_creative_field` → `add-brutalism`
|
|
145
|
+
- `if_minimal_portfolio` → `reduce-motion`
|
|
146
|
+
|
|
147
|
+
## 🔴 12. Gaming
|
|
148
|
+
|
|
149
|
+
- **Recommended pattern**: Feature-Rich Showcase
|
|
150
|
+
- **Style priority**: 3D & Hyperrealism + Retro-Futurism
|
|
151
|
+
- **Color mood**: Vibrant + Neon + Immersive
|
|
152
|
+
- **Typography mood**: Bold + Impactful typography
|
|
153
|
+
- **Key effects**: WebGL 3D rendering + Glitch effects
|
|
154
|
+
- **Anti-patterns**: Minimalist design + Static assets
|
|
155
|
+
- **Decision rules**:
|
|
156
|
+
- `if_competitive` → `add-real-time-stats`
|
|
157
|
+
- `if_casual` → `increase-playfulness`
|
|
158
|
+
|
|
159
|
+
## 🔴 13. Government/Public Service
|
|
160
|
+
|
|
161
|
+
- **Recommended pattern**: Minimal & Direct
|
|
162
|
+
- **Style priority**: Accessible & Ethical + Minimalism
|
|
163
|
+
- **Color mood**: Professional blue + High contrast
|
|
164
|
+
- **Typography mood**: Clear + Large typography
|
|
165
|
+
- **Key effects**: Clear focus rings (3-4px) + Skip links
|
|
166
|
+
- **Anti-patterns**: Ornate design + Low contrast + Motion effects + AI purple/pink gradients
|
|
167
|
+
- **Decision rules**:
|
|
168
|
+
- `must_have` → `keyboard-navigation`
|
|
169
|
+
|
|
170
|
+
## 🔴 14. Fintech/Crypto
|
|
171
|
+
|
|
172
|
+
- **Recommended pattern**: Trust & Authority
|
|
173
|
+
- **Style priority**: Minimalism + Accessible & Ethical
|
|
174
|
+
- **Color mood**: Navy + Trust Blue + Gold
|
|
175
|
+
- **Typography mood**: Professional + Trustworthy
|
|
176
|
+
- **Key effects**: Smooth state transitions + Number animations
|
|
177
|
+
- **Anti-patterns**: Playful design + Unclear fees + AI purple/pink gradients
|
|
178
|
+
- **Decision rules**:
|
|
179
|
+
- `must_have` → `security-first`
|
|
180
|
+
- `if_dashboard` → `use-dark-mode`
|
|
181
|
+
|
|
182
|
+
## 🟡 15. Social Media App
|
|
183
|
+
|
|
184
|
+
- **Recommended pattern**: Feature-Rich Showcase
|
|
185
|
+
- **Style priority**: Vibrant & Block-based + Motion-Driven
|
|
186
|
+
- **Color mood**: Vibrant + Engagement colors
|
|
187
|
+
- **Typography mood**: Modern + Bold typography
|
|
188
|
+
- **Key effects**: Large scroll animations + Icon animations
|
|
189
|
+
- **Anti-patterns**: Heavy skeuomorphism + Accessibility ignored
|
|
190
|
+
- **Decision rules**:
|
|
191
|
+
- `if_engagement_metric` → `add-motion`
|
|
192
|
+
- `if_content_focused` → `minimize-chrome`
|
|
193
|
+
|
|
194
|
+
## 🔴 16. Productivity Tool
|
|
195
|
+
|
|
196
|
+
- **Recommended pattern**: Interactive Demo + Feature-Rich
|
|
197
|
+
- **Style priority**: Flat Design + Micro-interactions
|
|
198
|
+
- **Color mood**: Clear hierarchy + Functional colors
|
|
199
|
+
- **Typography mood**: Clean + Efficient typography
|
|
200
|
+
- **Key effects**: Quick actions (150ms) + Task animations
|
|
201
|
+
- **Anti-patterns**: Complex onboarding + Slow performance
|
|
202
|
+
- **Decision rules**:
|
|
203
|
+
- `must_have` → `keyboard-shortcuts`
|
|
204
|
+
- `if_collaboration` → `add-real-time-cursors`
|
|
205
|
+
|
|
206
|
+
## 🔴 17. Design System/Component Library
|
|
207
|
+
|
|
208
|
+
- **Recommended pattern**: Feature-Rich + Documentation
|
|
209
|
+
- **Style priority**: Minimalism + Accessible & Ethical
|
|
210
|
+
- **Color mood**: Clear hierarchy + Code-like structure
|
|
211
|
+
- **Typography mood**: Monospace + Clear typography
|
|
212
|
+
- **Key effects**: Code copy animations + Component previews
|
|
213
|
+
- **Anti-patterns**: Poor documentation + No live preview
|
|
214
|
+
- **Decision rules**:
|
|
215
|
+
- `must_have` → `code-examples`
|
|
216
|
+
|
|
217
|
+
## 🔴 18. AI/Chatbot Platform
|
|
218
|
+
|
|
219
|
+
- **Recommended pattern**: Interactive Demo + Minimal
|
|
220
|
+
- **Style priority**: AI-Native UI + Minimalism
|
|
221
|
+
- **Color mood**: Neutral + AI Purple (#6366F1)
|
|
222
|
+
- **Typography mood**: Modern + Clear typography
|
|
223
|
+
- **Key effects**: Streaming text + Typing indicators + Fade-in
|
|
224
|
+
- **Anti-patterns**: Heavy chrome + Slow response feedback
|
|
225
|
+
- **Decision rules**:
|
|
226
|
+
- `must_have` → `context-awareness`
|
|
227
|
+
|
|
228
|
+
## 🔴 19. NFT/Web3 Platform
|
|
229
|
+
|
|
230
|
+
- **Recommended pattern**: Feature-Rich Showcase
|
|
231
|
+
- **Style priority**: Cyberpunk UI + Glassmorphism
|
|
232
|
+
- **Color mood**: Dark + Neon + Gold (#FFD700)
|
|
233
|
+
- **Typography mood**: Bold + Modern typography
|
|
234
|
+
- **Key effects**: Wallet connect animations + Transaction feedback
|
|
235
|
+
- **Anti-patterns**: Light mode default + No transaction status
|
|
236
|
+
- **Decision rules**:
|
|
237
|
+
- `must_have` → `gas-fees-display`
|
|
238
|
+
|
|
239
|
+
## 🟡 20. Creator Economy Platform
|
|
240
|
+
|
|
241
|
+
- **Recommended pattern**: Social Proof + Feature-Rich
|
|
242
|
+
- **Style priority**: Vibrant & Block-based + Bento Box Grid
|
|
243
|
+
- **Color mood**: Vibrant + Brand colors
|
|
244
|
+
- **Typography mood**: Modern + Bold typography
|
|
245
|
+
- **Key effects**: Engagement counter animations + Profile reveals
|
|
246
|
+
- **Anti-patterns**: Generic layout + Hidden earnings
|
|
247
|
+
- **Decision rules**:
|
|
248
|
+
- `must_have` → `monetization-display`
|
|
249
|
+
|
|
250
|
+
## 🔴 21. Remote Work/Collaboration Tool
|
|
251
|
+
|
|
252
|
+
- **Recommended pattern**: Feature-Rich + Real-Time
|
|
253
|
+
- **Style priority**: Soft UI Evolution + Minimalism
|
|
254
|
+
- **Color mood**: Calm Blue + Neutral grey
|
|
255
|
+
- **Typography mood**: Clean + Readable typography
|
|
256
|
+
- **Key effects**: Real-time presence indicators + Notification badges
|
|
257
|
+
- **Anti-patterns**: Cluttered interface + No presence
|
|
258
|
+
- **Decision rules**:
|
|
259
|
+
- `must_have` → `video-integration`
|
|
260
|
+
|
|
261
|
+
## 🔴 22. Mental Health App
|
|
262
|
+
|
|
263
|
+
- **Recommended pattern**: Social Proof-Focused
|
|
264
|
+
- **Style priority**: Neumorphism + Accessible & Ethical
|
|
265
|
+
- **Color mood**: Calm Pastels + Trust colors
|
|
266
|
+
- **Typography mood**: Calming + Readable typography
|
|
267
|
+
- **Key effects**: Soft press + Breathing animations
|
|
268
|
+
- **Anti-patterns**: Bright neon + Motion overload
|
|
269
|
+
- **Decision rules**:
|
|
270
|
+
- `must_have` → `privacy-first`
|
|
271
|
+
- `if_meditation` → `add-breathing-animation`
|
|
272
|
+
|
|
273
|
+
## 🟡 23. Pet Tech App
|
|
274
|
+
|
|
275
|
+
- **Recommended pattern**: Storytelling + Feature-Rich
|
|
276
|
+
- **Style priority**: Claymorphism + Vibrant & Block-based
|
|
277
|
+
- **Color mood**: Playful + Warm colors
|
|
278
|
+
- **Typography mood**: Friendly + Playful typography
|
|
279
|
+
- **Key effects**: Pet profile animations + Health tracking charts
|
|
280
|
+
- **Anti-patterns**: Generic design + No personality
|
|
281
|
+
- **Decision rules**:
|
|
282
|
+
- `must_have` → `pet-profiles`
|
|
283
|
+
- `if_health` → `add-vet-integration`
|
|
284
|
+
|
|
285
|
+
## 🔴 24. Smart Home/IoT Dashboard
|
|
286
|
+
|
|
287
|
+
- **Recommended pattern**: Real-Time Monitoring
|
|
288
|
+
- **Style priority**: Glassmorphism + Dark Mode (OLED)
|
|
289
|
+
- **Color mood**: Dark + Status indicator colors
|
|
290
|
+
- **Typography mood**: Clear + Functional typography
|
|
291
|
+
- **Key effects**: Device status pulse + Quick action animations
|
|
292
|
+
- **Anti-patterns**: Slow updates + No automation
|
|
293
|
+
- **Decision rules**:
|
|
294
|
+
- `must_have` → `energy-monitoring`
|
|
295
|
+
|
|
296
|
+
## 🔴 25. EV/Charging Ecosystem
|
|
297
|
+
|
|
298
|
+
- **Recommended pattern**: Hero-Centric + Feature-Rich
|
|
299
|
+
- **Style priority**: Minimalism + Aurora UI
|
|
300
|
+
- **Color mood**: Electric Blue (#009CD1) + Green
|
|
301
|
+
- **Typography mood**: Modern + Clear typography
|
|
302
|
+
- **Key effects**: Range estimation animations + Map interactions
|
|
303
|
+
- **Anti-patterns**: Poor map UX + Hidden costs
|
|
304
|
+
- **Decision rules**:
|
|
305
|
+
- `must_have` → `range-calculator`
|
|
306
|
+
|
|
307
|
+
## 🔴 26. Subscription Box Service
|
|
308
|
+
|
|
309
|
+
- **Recommended pattern**: Feature-Rich + Conversion
|
|
310
|
+
- **Style priority**: Vibrant & Block-based + Motion-Driven
|
|
311
|
+
- **Color mood**: Brand + Excitement colors
|
|
312
|
+
- **Typography mood**: Engaging + Clear typography
|
|
313
|
+
- **Key effects**: Unboxing reveal animations + Product carousel
|
|
314
|
+
- **Anti-patterns**: Confusing pricing + No unboxing preview
|
|
315
|
+
- **Decision rules**:
|
|
316
|
+
- `must_have` → `subscription-management`
|
|
317
|
+
|
|
318
|
+
## 🔴 27. Podcast Platform
|
|
319
|
+
|
|
320
|
+
- **Recommended pattern**: Storytelling + Feature-Rich
|
|
321
|
+
- **Style priority**: Dark Mode (OLED) + Minimalism
|
|
322
|
+
- **Color mood**: Dark + Audio waveform accents
|
|
323
|
+
- **Typography mood**: Modern + Clear typography
|
|
324
|
+
- **Key effects**: Waveform visualizations + Episode transitions
|
|
325
|
+
- **Anti-patterns**: Poor audio player + Cluttered layout
|
|
326
|
+
- **Decision rules**:
|
|
327
|
+
- `must_have` → `episode-discovery`
|
|
328
|
+
|
|
329
|
+
## 🔴 28. Dating App
|
|
330
|
+
|
|
331
|
+
- **Recommended pattern**: Social Proof + Feature-Rich
|
|
332
|
+
- **Style priority**: Vibrant & Block-based + Motion-Driven
|
|
333
|
+
- **Color mood**: Warm + Romantic (Pink/Red gradients)
|
|
334
|
+
- **Typography mood**: Modern + Friendly typography
|
|
335
|
+
- **Key effects**: Profile card swipe + Match animations
|
|
336
|
+
- **Anti-patterns**: Generic profiles + No safety
|
|
337
|
+
- **Decision rules**:
|
|
338
|
+
- `must_have` → `safety-features`
|
|
339
|
+
|
|
340
|
+
## 🟡 29. Micro-Credentials/Badges Platform
|
|
341
|
+
|
|
342
|
+
- **Recommended pattern**: Trust & Authority + Feature
|
|
343
|
+
- **Style priority**: Minimalism + Flat Design
|
|
344
|
+
- **Color mood**: Trust Blue + Gold (#FFD700)
|
|
345
|
+
- **Typography mood**: Professional + Clear typography
|
|
346
|
+
- **Key effects**: Badge reveal animations + Progress tracking
|
|
347
|
+
- **Anti-patterns**: No verification + Hidden progress
|
|
348
|
+
- **Decision rules**:
|
|
349
|
+
- `must_have` → `progress-display`
|
|
350
|
+
|
|
351
|
+
## 🔴 30. Knowledge Base/Documentation
|
|
352
|
+
|
|
353
|
+
- **Recommended pattern**: FAQ + Minimal
|
|
354
|
+
- **Style priority**: Minimalism + Accessible & Ethical
|
|
355
|
+
- **Color mood**: Clean hierarchy + Minimal color
|
|
356
|
+
- **Typography mood**: Clear + Readable typography
|
|
357
|
+
- **Key effects**: Search highlight + Smooth scrolling
|
|
358
|
+
- **Anti-patterns**: Poor navigation + No search
|
|
359
|
+
- **Decision rules**:
|
|
360
|
+
- `must_have` → `version-switching`
|
|
361
|
+
|
|
362
|
+
## 🔴 31. Hyperlocal Services
|
|
363
|
+
|
|
364
|
+
- **Recommended pattern**: Conversion + Feature-Rich
|
|
365
|
+
- **Style priority**: Minimalism + Vibrant & Block-based
|
|
366
|
+
- **Color mood**: Location markers + Trust colors
|
|
367
|
+
- **Typography mood**: Clear + Functional typography
|
|
368
|
+
- **Key effects**: Map hover + Provider card reveals
|
|
369
|
+
- **Anti-patterns**: No map + Hidden reviews
|
|
370
|
+
- **Decision rules**:
|
|
371
|
+
- `must_have` → `booking-system`
|
|
372
|
+
|
|
373
|
+
## 🔴 32. Beauty/Spa/Wellness Service
|
|
374
|
+
|
|
375
|
+
- **Recommended pattern**: Hero-Centric + Social Proof
|
|
376
|
+
- **Style priority**: Soft UI Evolution + Neumorphism
|
|
377
|
+
- **Color mood**: Soft pastels (Pink Sage Cream) + Gold accents
|
|
378
|
+
- **Typography mood**: Elegant + Calming typography
|
|
379
|
+
- **Key effects**: Soft shadows + Smooth transitions (200-300ms) + Gentle hover
|
|
380
|
+
- **Anti-patterns**: Bright neon colors + Harsh animations + Dark mode
|
|
381
|
+
- **Decision rules**:
|
|
382
|
+
- `must_have` → `before-after-gallery`
|
|
383
|
+
- `if_luxury` → `add-gold-accents`
|
|
384
|
+
|
|
385
|
+
## 🔴 33. Luxury/Premium Brand
|
|
386
|
+
|
|
387
|
+
- **Recommended pattern**: Storytelling + Feature-Rich
|
|
388
|
+
- **Style priority**: Liquid Glass + Glassmorphism
|
|
389
|
+
- **Color mood**: Black + Gold (#FFD700) + White
|
|
390
|
+
- **Typography mood**: Elegant + Refined typography
|
|
391
|
+
- **Key effects**: Slow parallax + Premium reveals (400-600ms)
|
|
392
|
+
- **Anti-patterns**: Cheap visuals + Fast animations
|
|
393
|
+
- **Decision rules**:
|
|
394
|
+
- `must_have` → `storytelling`
|
|
395
|
+
|
|
396
|
+
## 🔴 34. Restaurant/Food Service
|
|
397
|
+
|
|
398
|
+
- **Recommended pattern**: Hero-Centric + Conversion
|
|
399
|
+
- **Style priority**: Vibrant & Block-based + Motion-Driven
|
|
400
|
+
- **Color mood**: Warm colors (Orange Red Brown)
|
|
401
|
+
- **Typography mood**: Appetizing + Clear typography
|
|
402
|
+
- **Key effects**: Food image reveal + Menu hover effects
|
|
403
|
+
- **Anti-patterns**: Low-quality imagery + Outdated hours
|
|
404
|
+
- **Decision rules**:
|
|
405
|
+
- `must_have` → `high_quality_images`
|
|
406
|
+
- `if_delivery` → `emphasize-speed`
|
|
407
|
+
|
|
408
|
+
## 🔴 35. Fitness/Gym App
|
|
409
|
+
|
|
410
|
+
- **Recommended pattern**: Feature-Rich + Data
|
|
411
|
+
- **Style priority**: Vibrant & Block-based + Dark Mode (OLED)
|
|
412
|
+
- **Color mood**: Energetic (Orange #FF6B35) + Dark bg
|
|
413
|
+
- **Typography mood**: Bold + Motivational typography
|
|
414
|
+
- **Key effects**: Progress ring animations + Achievement unlocks
|
|
415
|
+
- **Anti-patterns**: Static design + No gamification
|
|
416
|
+
- **Decision rules**:
|
|
417
|
+
- `must_have` → `workout-plans`
|
|
418
|
+
|
|
419
|
+
## 🔴 36. Real Estate/Property
|
|
420
|
+
|
|
421
|
+
- **Recommended pattern**: Hero-Centric + Feature-Rich
|
|
422
|
+
- **Style priority**: Glassmorphism + Minimalism
|
|
423
|
+
- **Color mood**: Trust Blue + Gold + White
|
|
424
|
+
- **Typography mood**: Professional + Confident
|
|
425
|
+
- **Key effects**: 3D property tour zoom + Map hover
|
|
426
|
+
- **Anti-patterns**: Poor photos + No virtual tours
|
|
427
|
+
- **Decision rules**:
|
|
428
|
+
- `if_luxury` → `add-3d-models`
|
|
429
|
+
- `must_have` → `map-integration`
|
|
430
|
+
|
|
431
|
+
## 🔴 37. Travel/Tourism Agency
|
|
432
|
+
|
|
433
|
+
- **Recommended pattern**: Storytelling-Driven + Hero
|
|
434
|
+
- **Style priority**: Aurora UI + Motion-Driven
|
|
435
|
+
- **Color mood**: Vibrant destination + Sky Blue
|
|
436
|
+
- **Typography mood**: Inspirational + Engaging
|
|
437
|
+
- **Key effects**: Destination parallax + Itinerary animations
|
|
438
|
+
- **Anti-patterns**: Generic photos + Complex booking
|
|
439
|
+
- **Decision rules**:
|
|
440
|
+
- `if_experience_focused` → `use-storytelling`
|
|
441
|
+
- `must_have` → `mobile-booking`
|
|
442
|
+
|
|
443
|
+
## 🔴 38. Hotel/Hospitality
|
|
444
|
+
|
|
445
|
+
- **Recommended pattern**: Hero-Centric + Social Proof
|
|
446
|
+
- **Style priority**: Liquid Glass + Minimalism
|
|
447
|
+
- **Color mood**: Warm neutrals + Gold (#D4AF37)
|
|
448
|
+
- **Typography mood**: Elegant + Welcoming typography
|
|
449
|
+
- **Key effects**: Room gallery + Amenity reveals
|
|
450
|
+
- **Anti-patterns**: Poor photos + Complex booking
|
|
451
|
+
- **Decision rules**:
|
|
452
|
+
- `must_have` → `virtual-tour`
|
|
453
|
+
|
|
454
|
+
## 🔴 39. Wedding/Event Planning
|
|
455
|
+
|
|
456
|
+
- **Recommended pattern**: Storytelling + Social Proof
|
|
457
|
+
- **Style priority**: Soft UI Evolution + Aurora UI
|
|
458
|
+
- **Color mood**: Soft Pink (#FFD6E0) + Gold + Cream
|
|
459
|
+
- **Typography mood**: Elegant + Romantic typography
|
|
460
|
+
- **Key effects**: Gallery reveals + Timeline animations
|
|
461
|
+
- **Anti-patterns**: Generic templates + No portfolio
|
|
462
|
+
- **Decision rules**:
|
|
463
|
+
- `must_have` → `planning-tools`
|
|
464
|
+
|
|
465
|
+
## 🔴 40. Legal Services
|
|
466
|
+
|
|
467
|
+
- **Recommended pattern**: Trust & Authority + Minimal
|
|
468
|
+
- **Style priority**: Trust & Authority + Minimalism
|
|
469
|
+
- **Color mood**: Navy Blue (#1E3A5F) + Gold + White
|
|
470
|
+
- **Typography mood**: Professional + Authoritative typography
|
|
471
|
+
- **Key effects**: Practice area reveal + Attorney profile animations
|
|
472
|
+
- **Anti-patterns**: Outdated design + Hidden credentials + AI purple/pink gradients
|
|
473
|
+
- **Decision rules**:
|
|
474
|
+
- `must_have` → `credential-display`
|
|
475
|
+
|
|
476
|
+
## 🔴 41. Insurance Platform
|
|
477
|
+
|
|
478
|
+
- **Recommended pattern**: Conversion + Trust
|
|
479
|
+
- **Style priority**: Trust & Authority + Flat Design
|
|
480
|
+
- **Color mood**: Trust Blue (#0066CC) + Green + Neutral
|
|
481
|
+
- **Typography mood**: Clear + Professional typography
|
|
482
|
+
- **Key effects**: Quote calculator animations + Policy comparison
|
|
483
|
+
- **Anti-patterns**: Confusing pricing + No trust signals + AI purple/pink gradients
|
|
484
|
+
- **Decision rules**:
|
|
485
|
+
- `must_have` → `policy-comparison`
|
|
486
|
+
|
|
487
|
+
## 🔴 42. Banking/Traditional Finance
|
|
488
|
+
|
|
489
|
+
- **Recommended pattern**: Trust & Authority + Feature
|
|
490
|
+
- **Style priority**: Minimalism + Accessible & Ethical
|
|
491
|
+
- **Color mood**: Navy (#0A1628) + Trust Blue + Gold
|
|
492
|
+
- **Typography mood**: Professional + Trustworthy typography
|
|
493
|
+
- **Key effects**: Smooth number animations + Security indicators
|
|
494
|
+
- **Anti-patterns**: Playful design + Poor security UX + AI purple/pink gradients
|
|
495
|
+
- **Decision rules**:
|
|
496
|
+
- `must_have` → `accessibility`
|
|
497
|
+
|
|
498
|
+
## 🔴 43. Online Course/E-learning
|
|
499
|
+
|
|
500
|
+
- **Recommended pattern**: Feature-Rich + Social Proof
|
|
501
|
+
- **Style priority**: Claymorphism + Vibrant & Block-based
|
|
502
|
+
- **Color mood**: Vibrant learning colors + Progress green
|
|
503
|
+
- **Typography mood**: Friendly + Engaging typography
|
|
504
|
+
- **Key effects**: Progress bar animations + Certificate reveals
|
|
505
|
+
- **Anti-patterns**: Boring design + No gamification
|
|
506
|
+
- **Decision rules**:
|
|
507
|
+
- `must_have` → `video-player`
|
|
508
|
+
|
|
509
|
+
## 🔴 44. Non-profit/Charity
|
|
510
|
+
|
|
511
|
+
- **Recommended pattern**: Storytelling + Trust
|
|
512
|
+
- **Style priority**: Accessible & Ethical + Organic Biophilic
|
|
513
|
+
- **Color mood**: Cause-related colors + Trust + Warm
|
|
514
|
+
- **Typography mood**: Heartfelt + Readable typography
|
|
515
|
+
- **Key effects**: Impact counter animations + Story reveals
|
|
516
|
+
- **Anti-patterns**: No impact data + Hidden financials
|
|
517
|
+
- **Decision rules**:
|
|
518
|
+
- `must_have` → `donation-transparency`
|
|
519
|
+
|
|
520
|
+
## 🔴 45. Music Streaming
|
|
521
|
+
|
|
522
|
+
- **Recommended pattern**: Feature-Rich Showcase
|
|
523
|
+
- **Style priority**: Dark Mode (OLED) + Vibrant & Block-based
|
|
524
|
+
- **Color mood**: Dark (#121212) + Vibrant accents + Album art colors
|
|
525
|
+
- **Typography mood**: Modern + Bold typography
|
|
526
|
+
- **Key effects**: Waveform visualization + Playlist animations
|
|
527
|
+
- **Anti-patterns**: Cluttered layout + Poor audio player UX
|
|
528
|
+
- **Decision rules**:
|
|
529
|
+
- `must_have` → `audio-player-ux`
|
|
530
|
+
- `if_discovery_focused` → `add-playlist-recommendations`
|
|
531
|
+
|
|
532
|
+
## 🔴 46. Video Streaming/OTT
|
|
533
|
+
|
|
534
|
+
- **Recommended pattern**: Hero-Centric + Feature-Rich
|
|
535
|
+
- **Style priority**: Dark Mode (OLED) + Motion-Driven
|
|
536
|
+
- **Color mood**: Dark bg + Poster colors + Brand accent
|
|
537
|
+
- **Typography mood**: Bold + Engaging typography
|
|
538
|
+
- **Key effects**: Video player animations + Content carousel (parallax)
|
|
539
|
+
- **Anti-patterns**: Static layout + Slow video player
|
|
540
|
+
- **Decision rules**:
|
|
541
|
+
- `must_have` → `continue-watching`
|
|
542
|
+
- `if_personalized` → `add-recommendations`
|
|
543
|
+
|
|
544
|
+
## 🔴 47. Job Board/Recruitment
|
|
545
|
+
|
|
546
|
+
- **Recommended pattern**: Conversion-Optimized + Feature-Rich
|
|
547
|
+
- **Style priority**: Flat Design + Minimalism
|
|
548
|
+
- **Color mood**: Professional Blue + Success Green + Neutral
|
|
549
|
+
- **Typography mood**: Clear + Professional typography
|
|
550
|
+
- **Key effects**: Search/filter animations + Application flow
|
|
551
|
+
- **Anti-patterns**: Outdated forms + Hidden filters
|
|
552
|
+
- **Decision rules**:
|
|
553
|
+
- `must_have` → `advanced-search`
|
|
554
|
+
- `if_salary_focused` → `highlight-compensation`
|
|
555
|
+
|
|
556
|
+
## 🔴 48. Marketplace (P2P)
|
|
557
|
+
|
|
558
|
+
- **Recommended pattern**: Feature-Rich Showcase + Social Proof
|
|
559
|
+
- **Style priority**: Vibrant & Block-based + Flat Design
|
|
560
|
+
- **Color mood**: Trust colors + Category colors + Success green
|
|
561
|
+
- **Typography mood**: Modern + Engaging typography
|
|
562
|
+
- **Key effects**: Review star animations + Listing hover effects
|
|
563
|
+
- **Anti-patterns**: Low trust signals + Confusing layout
|
|
564
|
+
- **Decision rules**:
|
|
565
|
+
- `must_have` → `secure-payment`
|
|
566
|
+
|
|
567
|
+
## 🔴 49. Logistics/Delivery
|
|
568
|
+
|
|
569
|
+
- **Recommended pattern**: Feature-Rich Showcase + Real-Time
|
|
570
|
+
- **Style priority**: Minimalism + Flat Design
|
|
571
|
+
- **Color mood**: Blue (#2563EB) + Orange (tracking) + Green
|
|
572
|
+
- **Typography mood**: Clear + Functional typography
|
|
573
|
+
- **Key effects**: Real-time tracking animation + Status pulse
|
|
574
|
+
- **Anti-patterns**: Static tracking + No map integration + AI purple/pink gradients
|
|
575
|
+
- **Decision rules**:
|
|
576
|
+
- `must_have` → `delivery-updates`
|
|
577
|
+
|
|
578
|
+
## 🟡 50. Agriculture/Farm Tech
|
|
579
|
+
|
|
580
|
+
- **Recommended pattern**: Feature-Rich Showcase
|
|
581
|
+
- **Style priority**: Organic Biophilic + Flat Design
|
|
582
|
+
- **Color mood**: Earth Green (#4A7C23) + Brown + Sky Blue
|
|
583
|
+
- **Typography mood**: Clear + Informative typography
|
|
584
|
+
- **Key effects**: Data visualization + Weather animations
|
|
585
|
+
- **Anti-patterns**: Generic design + Ignored accessibility + AI purple/pink gradients
|
|
586
|
+
- **Decision rules**:
|
|
587
|
+
- `must_have` → `sensor-dashboard`
|
|
588
|
+
- `if_crop_focused` → `add-health-indicators`
|
|
589
|
+
|
|
590
|
+
## 🔴 51. Construction/Architecture
|
|
591
|
+
|
|
592
|
+
- **Recommended pattern**: Hero-Centric + Feature-Rich
|
|
593
|
+
- **Style priority**: Minimalism + 3D & Hyperrealism
|
|
594
|
+
- **Color mood**: Grey (#4A4A4A) + Orange (safety) + Blueprint Blue
|
|
595
|
+
- **Typography mood**: Professional + Bold typography
|
|
596
|
+
- **Key effects**: 3D model viewer + Timeline animations
|
|
597
|
+
- **Anti-patterns**: 2D-only layouts + Poor image quality + AI purple/pink gradients
|
|
598
|
+
- **Decision rules**:
|
|
599
|
+
- `must_have` → `project-portfolio`
|
|
600
|
+
- `if_team_collaboration` → `add-real-time-updates`
|
|
601
|
+
|
|
602
|
+
## 🔴 52. Automotive/Car Dealership
|
|
603
|
+
|
|
604
|
+
- **Recommended pattern**: Hero-Centric + Feature-Rich
|
|
605
|
+
- **Style priority**: Motion-Driven + 3D & Hyperrealism
|
|
606
|
+
- **Color mood**: Brand colors + Metallic + Dark/Light
|
|
607
|
+
- **Typography mood**: Bold + Confident typography
|
|
608
|
+
- **Key effects**: 360 product view + Configurator animations
|
|
609
|
+
- **Anti-patterns**: Static product pages + Poor UX
|
|
610
|
+
- **Decision rules**:
|
|
611
|
+
- `must_have` → `financing-calculator`
|
|
612
|
+
|
|
613
|
+
## 🔴 53. Photography Studio
|
|
614
|
+
|
|
615
|
+
- **Recommended pattern**: Storytelling-Driven + Hero-Centric
|
|
616
|
+
- **Style priority**: Motion-Driven + Minimalism
|
|
617
|
+
- **Color mood**: Black + White + Minimal accent
|
|
618
|
+
- **Typography mood**: Elegant + Minimal typography
|
|
619
|
+
- **Key effects**: Full-bleed gallery + Before/after reveal
|
|
620
|
+
- **Anti-patterns**: Heavy text + Poor image showcase
|
|
621
|
+
- **Decision rules**:
|
|
622
|
+
- `must_have` → `portfolio-showcase`
|
|
623
|
+
- `if_booking` → `add-calendar-system`
|
|
624
|
+
|
|
625
|
+
## 🟡 54. Coworking Space
|
|
626
|
+
|
|
627
|
+
- **Recommended pattern**: Hero-Centric + Feature-Rich
|
|
628
|
+
- **Style priority**: Vibrant & Block-based + Glassmorphism
|
|
629
|
+
- **Color mood**: Energetic colors + Wood tones + Brand
|
|
630
|
+
- **Typography mood**: Modern + Engaging typography
|
|
631
|
+
- **Key effects**: Space tour video + Amenity reveal animations
|
|
632
|
+
- **Anti-patterns**: Outdated photos + Confusing layout
|
|
633
|
+
- **Decision rules**:
|
|
634
|
+
- `must_have` → `booking-system`
|
|
635
|
+
|
|
636
|
+
## 🔴 55. Home Services (Plumber/Electrician)
|
|
637
|
+
|
|
638
|
+
- **Recommended pattern**: Conversion-Optimized + Trust
|
|
639
|
+
- **Style priority**: Flat Design + Trust & Authority
|
|
640
|
+
- **Color mood**: Trust Blue + Safety Orange + Grey
|
|
641
|
+
- **Typography mood**: Professional + Clear typography
|
|
642
|
+
- **Key effects**: Emergency contact highlight + Service menu animations
|
|
643
|
+
- **Anti-patterns**: Hidden contact info + No certifications
|
|
644
|
+
- **Decision rules**:
|
|
645
|
+
- `must_have` → `certifications-display`
|
|
646
|
+
|
|
647
|
+
## 🔴 56. Childcare/Daycare
|
|
648
|
+
|
|
649
|
+
- **Recommended pattern**: Social Proof-Focused + Trust
|
|
650
|
+
- **Style priority**: Claymorphism + Vibrant & Block-based
|
|
651
|
+
- **Color mood**: Playful pastels + Safe colors + Warm
|
|
652
|
+
- **Typography mood**: Friendly + Playful typography
|
|
653
|
+
- **Key effects**: Parent portal animations + Activity gallery reveal
|
|
654
|
+
- **Anti-patterns**: Generic design + Hidden safety info
|
|
655
|
+
- **Decision rules**:
|
|
656
|
+
- `must_have` → `safety-certifications`
|
|
657
|
+
|
|
658
|
+
## 🔴 57. Senior Care/Elderly
|
|
659
|
+
|
|
660
|
+
- **Recommended pattern**: Trust & Authority + Accessible
|
|
661
|
+
- **Style priority**: Accessible & Ethical + Soft UI Evolution
|
|
662
|
+
- **Color mood**: Calm Blue + Warm neutrals + Large text
|
|
663
|
+
- **Typography mood**: Large + Clear typography (18px+)
|
|
664
|
+
- **Key effects**: Large touch targets + Clear navigation
|
|
665
|
+
- **Anti-patterns**: Small text + Complex navigation + AI purple/pink gradients
|
|
666
|
+
- **Decision rules**:
|
|
667
|
+
- `must_have` → `family-portal`
|
|
668
|
+
|
|
669
|
+
## 🔴 58. Medical Clinic
|
|
670
|
+
|
|
671
|
+
- **Recommended pattern**: Trust & Authority + Conversion
|
|
672
|
+
- **Style priority**: Accessible & Ethical + Minimalism
|
|
673
|
+
- **Color mood**: Medical Blue (#0077B6) + Trust White
|
|
674
|
+
- **Typography mood**: Professional + Readable typography
|
|
675
|
+
- **Key effects**: Online booking flow + Doctor profile reveals
|
|
676
|
+
- **Anti-patterns**: Outdated interface + Confusing booking + AI purple/pink gradients
|
|
677
|
+
- **Decision rules**:
|
|
678
|
+
- `must_have` → `insurance-info`
|
|
679
|
+
|
|
680
|
+
## 🔴 59. Pharmacy/Drug Store
|
|
681
|
+
|
|
682
|
+
- **Recommended pattern**: Conversion-Optimized + Trust
|
|
683
|
+
- **Style priority**: Flat Design + Accessible & Ethical
|
|
684
|
+
- **Color mood**: Pharmacy Green + Trust Blue + Clean White
|
|
685
|
+
- **Typography mood**: Clear + Functional typography
|
|
686
|
+
- **Key effects**: Prescription upload flow + Refill reminders
|
|
687
|
+
- **Anti-patterns**: Confusing layout + Privacy concerns + AI purple/pink gradients
|
|
688
|
+
- **Decision rules**:
|
|
689
|
+
- `must_have` → `drug-interaction-warnings`
|
|
690
|
+
|
|
691
|
+
## 🔴 60. Dental Practice
|
|
692
|
+
|
|
693
|
+
- **Recommended pattern**: Social Proof-Focused + Conversion
|
|
694
|
+
- **Style priority**: Soft UI Evolution + Minimalism
|
|
695
|
+
- **Color mood**: Fresh Blue + White + Smile Yellow
|
|
696
|
+
- **Typography mood**: Friendly + Professional typography
|
|
697
|
+
- **Key effects**: Before/after gallery + Patient testimonial carousel
|
|
698
|
+
- **Anti-patterns**: Poor imagery + No testimonials
|
|
699
|
+
- **Decision rules**:
|
|
700
|
+
- `must_have` → `appointment-system`
|
|
701
|
+
|
|
702
|
+
## 🟡 61. Veterinary Clinic
|
|
703
|
+
|
|
704
|
+
- **Recommended pattern**: Social Proof-Focused + Trust
|
|
705
|
+
- **Style priority**: Claymorphism + Accessible & Ethical
|
|
706
|
+
- **Color mood**: Caring Blue + Pet colors + Warm
|
|
707
|
+
- **Typography mood**: Friendly + Welcoming typography
|
|
708
|
+
- **Key effects**: Pet profile management + Service animations
|
|
709
|
+
- **Anti-patterns**: Generic design + Hidden services
|
|
710
|
+
- **Decision rules**:
|
|
711
|
+
- `must_have` → `emergency-contact`
|
|
712
|
+
|
|
713
|
+
## 🟡 62. Florist/Plant Shop
|
|
714
|
+
|
|
715
|
+
- **Recommended pattern**: Hero-Centric + Conversion
|
|
716
|
+
- **Style priority**: Organic Biophilic + Vibrant & Block-based
|
|
717
|
+
- **Color mood**: Natural Green + Floral pinks/purples
|
|
718
|
+
- **Typography mood**: Elegant + Natural typography
|
|
719
|
+
- **Key effects**: Product reveal + Seasonal transitions
|
|
720
|
+
- **Anti-patterns**: Poor imagery + No seasonal content
|
|
721
|
+
- **Decision rules**:
|
|
722
|
+
- `must_have` → `care-guides`
|
|
723
|
+
|
|
724
|
+
## 🔴 63. Bakery/Cafe
|
|
725
|
+
|
|
726
|
+
- **Recommended pattern**: Hero-Centric + Conversion
|
|
727
|
+
- **Style priority**: Vibrant & Block-based + Soft UI Evolution
|
|
728
|
+
- **Color mood**: Warm Brown + Cream + Appetizing accents
|
|
729
|
+
- **Typography mood**: Warm + Inviting typography
|
|
730
|
+
- **Key effects**: Menu hover + Order animations
|
|
731
|
+
- **Anti-patterns**: Poor food photos + Hidden hours
|
|
732
|
+
- **Decision rules**:
|
|
733
|
+
- `must_have` → `online-ordering`
|
|
734
|
+
|
|
735
|
+
## 🔴 64. Brewery/Winery
|
|
736
|
+
|
|
737
|
+
- **Recommended pattern**: Storytelling + Hero-Centric
|
|
738
|
+
- **Style priority**: Motion-Driven + Storytelling-Driven
|
|
739
|
+
- **Color mood**: Deep amber/burgundy + Gold + Craft
|
|
740
|
+
- **Typography mood**: Artisanal + Heritage typography
|
|
741
|
+
- **Key effects**: Tasting note reveals + Heritage timeline
|
|
742
|
+
- **Anti-patterns**: Generic product pages + No story
|
|
743
|
+
- **Decision rules**:
|
|
744
|
+
- `must_have` → `story-heritage`
|
|
745
|
+
|
|
746
|
+
## 🔴 65. Airline
|
|
747
|
+
|
|
748
|
+
- **Recommended pattern**: Conversion + Feature-Rich
|
|
749
|
+
- **Style priority**: Minimalism + Glassmorphism
|
|
750
|
+
- **Color mood**: Sky Blue + Brand colors + Trust
|
|
751
|
+
- **Typography mood**: Clear + Professional typography
|
|
752
|
+
- **Key effects**: Flight search animations + Boarding pass reveals
|
|
753
|
+
- **Anti-patterns**: Complex booking + Poor mobile
|
|
754
|
+
- **Decision rules**:
|
|
755
|
+
- `must_have` → `mobile-first`
|
|
756
|
+
|
|
757
|
+
## 🔴 66. News/Media Platform
|
|
758
|
+
|
|
759
|
+
- **Recommended pattern**: Hero-Centric + Feature-Rich
|
|
760
|
+
- **Style priority**: Minimalism + Flat Design
|
|
761
|
+
- **Color mood**: Brand colors + High contrast
|
|
762
|
+
- **Typography mood**: Clear + Readable typography
|
|
763
|
+
- **Key effects**: Breaking news badge + Article reveal animations
|
|
764
|
+
- **Anti-patterns**: Cluttered layout + Slow loading
|
|
765
|
+
- **Decision rules**:
|
|
766
|
+
- `must_have` → `category-navigation`
|
|
767
|
+
|
|
768
|
+
## 🔴 67. Magazine/Blog
|
|
769
|
+
|
|
770
|
+
- **Recommended pattern**: Storytelling + Hero-Centric
|
|
771
|
+
- **Style priority**: Swiss Modernism 2.0 + Motion-Driven
|
|
772
|
+
- **Color mood**: Editorial colors + Brand + Clean white
|
|
773
|
+
- **Typography mood**: Editorial + Elegant typography
|
|
774
|
+
- **Key effects**: Article transitions + Category reveals
|
|
775
|
+
- **Anti-patterns**: Poor typography + Slow loading
|
|
776
|
+
- **Decision rules**:
|
|
777
|
+
- `must_have` → `newsletter-signup`
|
|
778
|
+
|
|
779
|
+
## 🔴 68. Freelancer Platform
|
|
780
|
+
|
|
781
|
+
- **Recommended pattern**: Feature-Rich + Conversion
|
|
782
|
+
- **Style priority**: Flat Design + Minimalism
|
|
783
|
+
- **Color mood**: Professional Blue + Success Green
|
|
784
|
+
- **Typography mood**: Clear + Professional typography
|
|
785
|
+
- **Key effects**: Skill match animations + Review reveals
|
|
786
|
+
- **Anti-patterns**: Poor profiles + No reviews
|
|
787
|
+
- **Decision rules**:
|
|
788
|
+
- `must_have` → `skill-matching`
|
|
789
|
+
|
|
790
|
+
## 🔴 69. Marketing Agency
|
|
791
|
+
|
|
792
|
+
- **Recommended pattern**: Storytelling + Feature-Rich
|
|
793
|
+
- **Style priority**: Brutalism + Motion-Driven
|
|
794
|
+
- **Color mood**: Bold brand colors + Creative freedom
|
|
795
|
+
- **Typography mood**: Bold + Expressive typography
|
|
796
|
+
- **Key effects**: Portfolio reveals + Results animations
|
|
797
|
+
- **Anti-patterns**: Boring design + Hidden work
|
|
798
|
+
- **Decision rules**:
|
|
799
|
+
- `must_have` → `results-metrics`
|
|
800
|
+
|
|
801
|
+
## 🔴 70. Event Management
|
|
802
|
+
|
|
803
|
+
- **Recommended pattern**: Hero-Centric + Feature-Rich
|
|
804
|
+
- **Style priority**: Vibrant & Block-based + Motion-Driven
|
|
805
|
+
- **Color mood**: Event theme colors + Excitement accents
|
|
806
|
+
- **Typography mood**: Bold + Engaging typography
|
|
807
|
+
- **Key effects**: Countdown timer + Registration flow
|
|
808
|
+
- **Anti-patterns**: Confusing registration + No countdown
|
|
809
|
+
- **Decision rules**:
|
|
810
|
+
- `must_have` → `agenda-display`
|
|
811
|
+
|
|
812
|
+
## 🔴 71. Membership/Community
|
|
813
|
+
|
|
814
|
+
- **Recommended pattern**: Social Proof + Conversion
|
|
815
|
+
- **Style priority**: Vibrant & Block-based + Soft UI Evolution
|
|
816
|
+
- **Color mood**: Community brand colors + Engagement
|
|
817
|
+
- **Typography mood**: Friendly + Engaging typography
|
|
818
|
+
- **Key effects**: Member counter + Benefit reveals
|
|
819
|
+
- **Anti-patterns**: Hidden benefits + No community proof
|
|
820
|
+
- **Decision rules**:
|
|
821
|
+
- `must_have` → `pricing-tiers`
|
|
822
|
+
|
|
823
|
+
## 🟡 72. Newsletter Platform
|
|
824
|
+
|
|
825
|
+
- **Recommended pattern**: Minimal + Conversion
|
|
826
|
+
- **Style priority**: Minimalism + Flat Design
|
|
827
|
+
- **Color mood**: Brand primary + Clean white + CTA
|
|
828
|
+
- **Typography mood**: Clean + Readable typography
|
|
829
|
+
- **Key effects**: Subscribe form + Archive reveals
|
|
830
|
+
- **Anti-patterns**: Complex signup + No preview
|
|
831
|
+
- **Decision rules**:
|
|
832
|
+
- `must_have` → `sample-content`
|
|
833
|
+
|
|
834
|
+
## 🔴 73. Digital Products/Downloads
|
|
835
|
+
|
|
836
|
+
- **Recommended pattern**: Feature-Rich + Conversion
|
|
837
|
+
- **Style priority**: Vibrant & Block-based + Motion-Driven
|
|
838
|
+
- **Color mood**: Product colors + Brand + Success green
|
|
839
|
+
- **Typography mood**: Modern + Clear typography
|
|
840
|
+
- **Key effects**: Product preview + Instant delivery animations
|
|
841
|
+
- **Anti-patterns**: No preview + Slow delivery
|
|
842
|
+
- **Decision rules**:
|
|
843
|
+
- `must_have` → `instant-delivery`
|
|
844
|
+
|
|
845
|
+
## 🟡 74. Church/Religious Organization
|
|
846
|
+
|
|
847
|
+
- **Recommended pattern**: Hero-Centric + Social Proof
|
|
848
|
+
- **Style priority**: Accessible & Ethical + Soft UI Evolution
|
|
849
|
+
- **Color mood**: Warm Gold + Deep Purple/Blue + White
|
|
850
|
+
- **Typography mood**: Welcoming + Clear typography
|
|
851
|
+
- **Key effects**: Service time highlights + Event calendar
|
|
852
|
+
- **Anti-patterns**: Outdated design + Hidden info
|
|
853
|
+
- **Decision rules**:
|
|
854
|
+
- `must_have` → `community-events`
|
|
855
|
+
|
|
856
|
+
## 🔴 75. Sports Team/Club
|
|
857
|
+
|
|
858
|
+
- **Recommended pattern**: Hero-Centric + Feature-Rich
|
|
859
|
+
- **Style priority**: Vibrant & Block-based + Motion-Driven
|
|
860
|
+
- **Color mood**: Team colors + Energetic accents
|
|
861
|
+
- **Typography mood**: Bold + Impactful typography
|
|
862
|
+
- **Key effects**: Score animations + Schedule reveals
|
|
863
|
+
- **Anti-patterns**: Static content + Poor fan engagement
|
|
864
|
+
- **Decision rules**:
|
|
865
|
+
- `must_have` → `roster`
|
|
866
|
+
|
|
867
|
+
## 🔴 76. Museum/Gallery
|
|
868
|
+
|
|
869
|
+
- **Recommended pattern**: Storytelling + Feature-Rich
|
|
870
|
+
- **Style priority**: Minimalism + Motion-Driven
|
|
871
|
+
- **Color mood**: Art-appropriate neutrals + Exhibition accents
|
|
872
|
+
- **Typography mood**: Elegant + Minimal typography
|
|
873
|
+
- **Key effects**: Virtual tour + Collection reveals
|
|
874
|
+
- **Anti-patterns**: Cluttered layout + No online access
|
|
875
|
+
- **Decision rules**:
|
|
876
|
+
- `must_have` → `exhibition-info`
|
|
877
|
+
|
|
878
|
+
## 🔴 77. Theater/Cinema
|
|
879
|
+
|
|
880
|
+
- **Recommended pattern**: Hero-Centric + Conversion
|
|
881
|
+
- **Style priority**: Dark Mode (OLED) + Motion-Driven
|
|
882
|
+
- **Color mood**: Dark + Spotlight accents + Gold
|
|
883
|
+
- **Typography mood**: Dramatic + Bold typography
|
|
884
|
+
- **Key effects**: Seat selection + Trailer reveals
|
|
885
|
+
- **Anti-patterns**: Poor booking UX + No trailers
|
|
886
|
+
- **Decision rules**:
|
|
887
|
+
- `must_have` → `seat-selection`
|
|
888
|
+
|
|
889
|
+
## 🔴 78. Language Learning App
|
|
890
|
+
|
|
891
|
+
- **Recommended pattern**: Feature-Rich + Social Proof
|
|
892
|
+
- **Style priority**: Claymorphism + Vibrant & Block-based
|
|
893
|
+
- **Color mood**: Playful colors + Progress indicators
|
|
894
|
+
- **Typography mood**: Friendly + Clear typography
|
|
895
|
+
- **Key effects**: Progress animations + Achievement unlocks
|
|
896
|
+
- **Anti-patterns**: Boring design + No motivation
|
|
897
|
+
- **Decision rules**:
|
|
898
|
+
- `must_have` → `gamification`
|
|
899
|
+
|
|
900
|
+
## 🔴 79. Coding Bootcamp
|
|
901
|
+
|
|
902
|
+
- **Recommended pattern**: Feature-Rich + Social Proof
|
|
903
|
+
- **Style priority**: Dark Mode (OLED) + Minimalism
|
|
904
|
+
- **Color mood**: Code editor colors + Brand + Success
|
|
905
|
+
- **Typography mood**: Technical + Clear typography
|
|
906
|
+
- **Key effects**: Terminal animations + Career outcome reveals
|
|
907
|
+
- **Anti-patterns**: Light mode only + Hidden results
|
|
908
|
+
- **Decision rules**:
|
|
909
|
+
- `must_have` → `career-outcomes`
|
|
910
|
+
|
|
911
|
+
## 🔴 80. Cybersecurity Platform
|
|
912
|
+
|
|
913
|
+
- **Recommended pattern**: Trust & Authority + Real-Time
|
|
914
|
+
- **Style priority**: Cyberpunk UI + Dark Mode (OLED)
|
|
915
|
+
- **Color mood**: Matrix Green (#00FF00) + Deep Black
|
|
916
|
+
- **Typography mood**: Technical + Clear typography
|
|
917
|
+
- **Key effects**: Threat visualization + Alert animations
|
|
918
|
+
- **Anti-patterns**: Light mode + Poor data viz
|
|
919
|
+
- **Decision rules**:
|
|
920
|
+
- `must_have` → `threat-display`
|
|
921
|
+
|
|
922
|
+
## 🔴 81. Developer Tool / IDE
|
|
923
|
+
|
|
924
|
+
- **Recommended pattern**: Minimal + Documentation
|
|
925
|
+
- **Style priority**: Dark Mode (OLED) + Minimalism
|
|
926
|
+
- **Color mood**: Dark syntax theme + Blue focus
|
|
927
|
+
- **Typography mood**: Monospace + Functional typography
|
|
928
|
+
- **Key effects**: Syntax highlighting + Command palette
|
|
929
|
+
- **Anti-patterns**: Light mode default + Slow performance
|
|
930
|
+
- **Decision rules**:
|
|
931
|
+
- `must_have` → `documentation`
|
|
932
|
+
|
|
933
|
+
## 🔴 82. Biotech / Life Sciences
|
|
934
|
+
|
|
935
|
+
- **Recommended pattern**: Storytelling + Data
|
|
936
|
+
- **Style priority**: Glassmorphism + Clean Science
|
|
937
|
+
- **Color mood**: Sterile White + DNA Blue + Life Green
|
|
938
|
+
- **Typography mood**: Scientific + Clear typography
|
|
939
|
+
- **Key effects**: Data visualization + Research reveals
|
|
940
|
+
- **Anti-patterns**: Cluttered data + Poor credibility
|
|
941
|
+
- **Decision rules**:
|
|
942
|
+
- `must_have` → `clean-aesthetic`
|
|
943
|
+
|
|
944
|
+
## 🔴 83. Space Tech / Aerospace
|
|
945
|
+
|
|
946
|
+
- **Recommended pattern**: Immersive + Feature-Rich
|
|
947
|
+
- **Style priority**: Holographic/HUD + Dark Mode
|
|
948
|
+
- **Color mood**: Deep Space Black + Star White + Metallic
|
|
949
|
+
- **Typography mood**: Futuristic + Precise typography
|
|
950
|
+
- **Key effects**: Telemetry animations + 3D renders
|
|
951
|
+
- **Anti-patterns**: Generic design + No immersion
|
|
952
|
+
- **Decision rules**:
|
|
953
|
+
- `must_have` → `precision-data`
|
|
954
|
+
|
|
955
|
+
## 🔴 84. Architecture / Interior
|
|
956
|
+
|
|
957
|
+
- **Recommended pattern**: Portfolio + Hero-Centric
|
|
958
|
+
- **Style priority**: Exaggerated Minimalism + High Imagery
|
|
959
|
+
- **Color mood**: Monochrome + Gold Accent + High Imagery
|
|
960
|
+
- **Typography mood**: Architectural + Elegant typography
|
|
961
|
+
- **Key effects**: Project gallery + Blueprint reveals
|
|
962
|
+
- **Anti-patterns**: Poor imagery + Cluttered layout
|
|
963
|
+
- **Decision rules**:
|
|
964
|
+
- `must_have` → `project-portfolio`
|
|
965
|
+
|
|
966
|
+
## 🔴 85. Quantum Computing Interface
|
|
967
|
+
|
|
968
|
+
- **Recommended pattern**: Immersive + Interactive
|
|
969
|
+
- **Style priority**: Holographic/HUD + Dark Mode
|
|
970
|
+
- **Color mood**: Quantum Blue (#00FFFF) + Deep Black
|
|
971
|
+
- **Typography mood**: Futuristic + Scientific typography
|
|
972
|
+
- **Key effects**: Probability visualizations + Qubit state animations
|
|
973
|
+
- **Anti-patterns**: Generic tech design + No viz
|
|
974
|
+
- **Decision rules**:
|
|
975
|
+
- `must_have` → `scientific-credibility`
|
|
976
|
+
|
|
977
|
+
## 🔴 86. Biohacking / Longevity App
|
|
978
|
+
|
|
979
|
+
- **Recommended pattern**: Data-Dense + Storytelling
|
|
980
|
+
- **Style priority**: Biomimetic/Organic 2.0 + Minimalism
|
|
981
|
+
- **Color mood**: Cellular Pink/Red + DNA Blue + White
|
|
982
|
+
- **Typography mood**: Scientific + Clear typography
|
|
983
|
+
- **Key effects**: Biological data viz + Progress animations
|
|
984
|
+
- **Anti-patterns**: Generic health app + No privacy
|
|
985
|
+
- **Decision rules**:
|
|
986
|
+
- `must_have` → `scientific-credibility`
|
|
987
|
+
|
|
988
|
+
## 🔴 87. Autonomous Drone Fleet Manager
|
|
989
|
+
|
|
990
|
+
- **Recommended pattern**: Real-Time + Feature-Rich
|
|
991
|
+
- **Style priority**: HUD/Sci-Fi FUI + Real-Time
|
|
992
|
+
- **Color mood**: Tactical Green + Alert Red + Map Dark
|
|
993
|
+
- **Typography mood**: Technical + Functional typography
|
|
994
|
+
- **Key effects**: Telemetry animations + 3D spatial awareness
|
|
995
|
+
- **Anti-patterns**: Slow updates + Poor spatial viz
|
|
996
|
+
- **Decision rules**:
|
|
997
|
+
- `must_have` → `safety-alerts`
|
|
998
|
+
|
|
999
|
+
## 🔴 88. Generative Art Platform
|
|
1000
|
+
|
|
1001
|
+
- **Recommended pattern**: Showcase + Feature-Rich
|
|
1002
|
+
- **Style priority**: Minimalism + Gen Z Chaos
|
|
1003
|
+
- **Color mood**: Neutral (#F5F5F5) + User Content
|
|
1004
|
+
- **Typography mood**: Minimal + Content-focused typography
|
|
1005
|
+
- **Key effects**: Gallery masonry + Minting animations
|
|
1006
|
+
- **Anti-patterns**: Heavy chrome + Slow loading
|
|
1007
|
+
- **Decision rules**:
|
|
1008
|
+
- `must_have` → `creator-attribution`
|
|
1009
|
+
|
|
1010
|
+
## 🔴 89. Spatial Computing OS / App
|
|
1011
|
+
|
|
1012
|
+
- **Recommended pattern**: Immersive + Interactive
|
|
1013
|
+
- **Style priority**: Spatial UI (VisionOS) + Glassmorphism
|
|
1014
|
+
- **Color mood**: Frosted Glass + System Colors + Depth
|
|
1015
|
+
- **Typography mood**: Spatial + Readable typography
|
|
1016
|
+
- **Key effects**: Depth hierarchy + Gaze interactions
|
|
1017
|
+
- **Anti-patterns**: 2D design + No spatial depth
|
|
1018
|
+
- **Decision rules**:
|
|
1019
|
+
- `must_have` → `environment-awareness`
|
|
1020
|
+
|
|
1021
|
+
## 🔴 90. Sustainable Energy / Climate Tech
|
|
1022
|
+
|
|
1023
|
+
- **Recommended pattern**: Data + Trust
|
|
1024
|
+
- **Style priority**: Organic Biophilic + E-Ink/Paper
|
|
1025
|
+
- **Color mood**: Earth Green + Sky Blue + Solar Yellow
|
|
1026
|
+
- **Typography mood**: Clear + Informative typography
|
|
1027
|
+
- **Key effects**: Impact viz + Progress animations
|
|
1028
|
+
- **Anti-patterns**: Greenwashing + No real data
|
|
1029
|
+
- **Decision rules**:
|
|
1030
|
+
- `must_have` → `impact-visualization`
|
|
1031
|
+
|
|
1032
|
+
## 🔴 91. Personal Finance Tracker
|
|
1033
|
+
|
|
1034
|
+
- **Recommended pattern**: Interactive Product Demo
|
|
1035
|
+
- **Style priority**: Glassmorphism + Dark Mode (OLED)
|
|
1036
|
+
- **Color mood**: Calm blue + success green + alert red + chart accents
|
|
1037
|
+
- **Typography mood**: Modern + Clear hierarchy
|
|
1038
|
+
- **Key effects**: Backdrop blur (10-20px) + Translucent overlays
|
|
1039
|
+
- **Anti-patterns**: Pure white backgrounds
|
|
1040
|
+
- **Decision rules**:
|
|
1041
|
+
- `if_light_mode_needed` → `provide-theme-toggle`
|
|
1042
|
+
- `if_low_performance` → `fallback-to-flat`
|
|
1043
|
+
|
|
1044
|
+
## 🔴 92. Chat & Messaging App
|
|
1045
|
+
|
|
1046
|
+
- **Recommended pattern**: Feature-Rich Showcase + Demo
|
|
1047
|
+
- **Style priority**: Minimalism + Micro-interactions
|
|
1048
|
+
- **Color mood**: Brand primary + bubble contrast (sender/receiver) + typing grey
|
|
1049
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1050
|
+
- **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
|
|
1051
|
+
- **Anti-patterns**: Excessive decoration
|
|
1052
|
+
- **Decision rules**:
|
|
1053
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1054
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1055
|
+
|
|
1056
|
+
## 🔴 93. Notes & Writing App
|
|
1057
|
+
|
|
1058
|
+
- **Recommended pattern**: Minimal & Direct
|
|
1059
|
+
- **Style priority**: Minimalism + Flat Design
|
|
1060
|
+
- **Color mood**: Clean white/cream + minimal accent + editor syntax colors
|
|
1061
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1062
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1063
|
+
- **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
|
|
1064
|
+
- **Decision rules**:
|
|
1065
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1066
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1067
|
+
|
|
1068
|
+
## 🔴 94. Habit Tracker
|
|
1069
|
+
|
|
1070
|
+
- **Recommended pattern**: Social Proof-Focused + Demo
|
|
1071
|
+
- **Style priority**: Claymorphism + Vibrant & Block-based
|
|
1072
|
+
- **Color mood**: Streak warm (amber/orange) + progress green + motivational accents
|
|
1073
|
+
- **Typography mood**: Playful + Rounded + Friendly
|
|
1074
|
+
- **Key effects**: Multi-layer shadows + Spring bounce + Soft press 200ms
|
|
1075
|
+
- **Anti-patterns**: Muted colors + Low energy
|
|
1076
|
+
- **Decision rules**:
|
|
1077
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1078
|
+
|
|
1079
|
+
## 🔴 95. Food Delivery / On-Demand
|
|
1080
|
+
|
|
1081
|
+
- **Recommended pattern**: Hero-Centric Design + Feature-Rich
|
|
1082
|
+
- **Style priority**: Vibrant & Block-based + Motion-Driven
|
|
1083
|
+
- **Color mood**: Appetizing warm (orange/red) + trust blue + map accent
|
|
1084
|
+
- **Typography mood**: Energetic + Bold + Large
|
|
1085
|
+
- **Key effects**: Scroll animations + Parallax + Page transitions
|
|
1086
|
+
- **Anti-patterns**: Muted colors + Low energy
|
|
1087
|
+
- **Decision rules**:
|
|
1088
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1089
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1090
|
+
|
|
1091
|
+
## 🔴 96. Ride Hailing / Transportation
|
|
1092
|
+
|
|
1093
|
+
- **Recommended pattern**: Conversion-Optimized + Demo
|
|
1094
|
+
- **Style priority**: Minimalism + Glassmorphism
|
|
1095
|
+
- **Color mood**: Brand primary + map neutral + status indicator colors
|
|
1096
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1097
|
+
- **Key effects**: Backdrop blur (10-20px) + Translucent overlays
|
|
1098
|
+
- **Anti-patterns**: Excessive decoration
|
|
1099
|
+
- **Decision rules**:
|
|
1100
|
+
- `if_low_performance` → `fallback-to-flat`
|
|
1101
|
+
- `if_conversion_focused` → `add-urgency-colors`
|
|
1102
|
+
|
|
1103
|
+
## 🔴 97. Recipe & Cooking App
|
|
1104
|
+
|
|
1105
|
+
- **Recommended pattern**: Hero-Centric Design + Feature-Rich
|
|
1106
|
+
- **Style priority**: Claymorphism + Vibrant & Block-based
|
|
1107
|
+
- **Color mood**: Warm food tones (terracotta/sage/cream) + appetizing imagery
|
|
1108
|
+
- **Typography mood**: Playful + Rounded + Friendly
|
|
1109
|
+
- **Key effects**: Multi-layer shadows + Spring bounce + Soft press 200ms
|
|
1110
|
+
- **Anti-patterns**: Muted colors + Low energy
|
|
1111
|
+
- **Decision rules**:
|
|
1112
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1113
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1114
|
+
|
|
1115
|
+
## 🔴 98. Meditation & Mindfulness
|
|
1116
|
+
|
|
1117
|
+
- **Recommended pattern**: Storytelling-Driven + Social Proof
|
|
1118
|
+
- **Style priority**: Neumorphism + Soft UI Evolution
|
|
1119
|
+
- **Color mood**: Ultra-calm pastels (lavender/sage/sky) + breathing animation gradient
|
|
1120
|
+
- **Typography mood**: Subtle + Soft + Monochromatic
|
|
1121
|
+
- **Key effects**: Dual shadows (light+dark) + Soft press 150ms
|
|
1122
|
+
- **Anti-patterns**: Inconsistent styling + Poor contrast ratios
|
|
1123
|
+
- **Decision rules**:
|
|
1124
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1125
|
+
|
|
1126
|
+
## 🔴 99. Weather App
|
|
1127
|
+
|
|
1128
|
+
- **Recommended pattern**: Hero-Centric Design
|
|
1129
|
+
- **Style priority**: Glassmorphism + Aurora UI
|
|
1130
|
+
- **Color mood**: Atmospheric gradients (sky blue → sunset → storm grey) + temp scale
|
|
1131
|
+
- **Typography mood**: Modern + Clear hierarchy
|
|
1132
|
+
- **Key effects**: Backdrop blur (10-20px) + Translucent overlays
|
|
1133
|
+
- **Anti-patterns**: Inconsistent styling + Poor contrast ratios
|
|
1134
|
+
- **Decision rules**:
|
|
1135
|
+
- `if_low_performance` → `fallback-to-flat`
|
|
1136
|
+
|
|
1137
|
+
## 🔴 100. Diary & Journal App
|
|
1138
|
+
|
|
1139
|
+
- **Recommended pattern**: Storytelling-Driven
|
|
1140
|
+
- **Style priority**: Soft UI Evolution + Minimalism
|
|
1141
|
+
- **Color mood**: Warm paper tones (cream/linen) + muted ink + mood-coded accents
|
|
1142
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1143
|
+
- **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
|
|
1144
|
+
- **Anti-patterns**: Excessive decoration
|
|
1145
|
+
- **Decision rules**:
|
|
1146
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1147
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1148
|
+
|
|
1149
|
+
## 🔴 101. CRM & Client Management
|
|
1150
|
+
|
|
1151
|
+
- **Recommended pattern**: Feature-Rich Showcase + Demo
|
|
1152
|
+
- **Style priority**: Flat Design + Minimalism
|
|
1153
|
+
- **Color mood**: Professional blue + pipeline stage colors + closed-won green
|
|
1154
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1155
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1156
|
+
- **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
|
|
1157
|
+
- **Decision rules**:
|
|
1158
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1159
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1160
|
+
|
|
1161
|
+
## 🔴 102. Inventory & Stock Management
|
|
1162
|
+
|
|
1163
|
+
- **Recommended pattern**: Feature-Rich Showcase
|
|
1164
|
+
- **Style priority**: Flat Design + Minimalism
|
|
1165
|
+
- **Color mood**: Functional neutral + status traffic-light (green/amber/red) + scanner accent
|
|
1166
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1167
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1168
|
+
- **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
|
|
1169
|
+
- **Decision rules**:
|
|
1170
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1171
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1172
|
+
|
|
1173
|
+
## 🔴 103. Flashcard & Study Tool
|
|
1174
|
+
|
|
1175
|
+
- **Recommended pattern**: Feature-Rich Showcase + Demo
|
|
1176
|
+
- **Style priority**: Claymorphism + Micro-interactions
|
|
1177
|
+
- **Color mood**: Playful primary + correct green + incorrect red + progress blue
|
|
1178
|
+
- **Typography mood**: Playful + Rounded + Friendly
|
|
1179
|
+
- **Key effects**: Multi-layer shadows + Spring bounce + Soft press 200ms
|
|
1180
|
+
- **Anti-patterns**: Inconsistent styling + Poor contrast ratios
|
|
1181
|
+
- **Decision rules**:
|
|
1182
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1183
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1184
|
+
|
|
1185
|
+
## 🔴 104. Booking & Appointment App
|
|
1186
|
+
|
|
1187
|
+
- **Recommended pattern**: Conversion-Optimized
|
|
1188
|
+
- **Style priority**: Soft UI Evolution + Flat Design
|
|
1189
|
+
- **Color mood**: Trust blue + available green + booked grey + confirm accent
|
|
1190
|
+
- **Typography mood**: Bold + Clean + Sans-serif
|
|
1191
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1192
|
+
- **Anti-patterns**: Complex shadows + 3D effects
|
|
1193
|
+
- **Decision rules**:
|
|
1194
|
+
- `if_conversion_focused` → `add-urgency-colors`
|
|
1195
|
+
|
|
1196
|
+
## 🔴 105. Invoice & Billing Tool
|
|
1197
|
+
|
|
1198
|
+
- **Recommended pattern**: Conversion-Optimized + Trust
|
|
1199
|
+
- **Style priority**: Minimalism + Flat Design
|
|
1200
|
+
- **Color mood**: Professional navy + paid green + overdue red + neutral grey
|
|
1201
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1202
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1203
|
+
- **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
|
|
1204
|
+
- **Decision rules**:
|
|
1205
|
+
- `if_conversion_focused` → `add-urgency-colors`
|
|
1206
|
+
|
|
1207
|
+
## 🔴 106. Grocery & Shopping List
|
|
1208
|
+
|
|
1209
|
+
- **Recommended pattern**: Minimal & Direct + Demo
|
|
1210
|
+
- **Style priority**: Flat Design + Vibrant & Block-based
|
|
1211
|
+
- **Color mood**: Fresh green + food-category colors + checkmark accent
|
|
1212
|
+
- **Typography mood**: Bold + Clean + Sans-serif
|
|
1213
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1214
|
+
- **Anti-patterns**: Complex shadows + 3D effects + Muted colors + Low energy
|
|
1215
|
+
- **Decision rules**:
|
|
1216
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1217
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1218
|
+
|
|
1219
|
+
## 🔴 107. Timer & Pomodoro
|
|
1220
|
+
|
|
1221
|
+
- **Recommended pattern**: Minimal & Direct
|
|
1222
|
+
- **Style priority**: Minimalism + Neumorphism
|
|
1223
|
+
- **Color mood**: High-contrast on dark + focus red/amber + break green
|
|
1224
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1225
|
+
- **Key effects**: Dual shadows (light+dark) + Soft press 150ms
|
|
1226
|
+
- **Anti-patterns**: Excessive decoration
|
|
1227
|
+
- **Decision rules**:
|
|
1228
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1229
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1230
|
+
|
|
1231
|
+
## 🔴 108. Parenting & Baby Tracker
|
|
1232
|
+
|
|
1233
|
+
- **Recommended pattern**: Social Proof-Focused + Trust
|
|
1234
|
+
- **Style priority**: Claymorphism + Soft UI Evolution
|
|
1235
|
+
- **Color mood**: Soft pastels (baby pink/sky blue/mint/peach) + warm accents
|
|
1236
|
+
- **Typography mood**: Playful + Rounded + Friendly
|
|
1237
|
+
- **Key effects**: Multi-layer shadows + Spring bounce + Soft press 200ms
|
|
1238
|
+
- **Anti-patterns**: Inconsistent styling + Poor contrast ratios
|
|
1239
|
+
- **Decision rules**:
|
|
1240
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1241
|
+
|
|
1242
|
+
## 🔴 109. Scanner & Document Manager
|
|
1243
|
+
|
|
1244
|
+
- **Recommended pattern**: Feature-Rich Showcase + Demo
|
|
1245
|
+
- **Style priority**: Minimalism + Flat Design
|
|
1246
|
+
- **Color mood**: Clean white + camera viewfinder accent + file-type color coding
|
|
1247
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1248
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1249
|
+
- **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
|
|
1250
|
+
- **Decision rules**:
|
|
1251
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1252
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1253
|
+
|
|
1254
|
+
## 🔴 110. Calendar & Scheduling App
|
|
1255
|
+
|
|
1256
|
+
- **Recommended pattern**: Feature-Rich Showcase + Demo
|
|
1257
|
+
- **Style priority**: Flat Design + Micro-interactions
|
|
1258
|
+
- **Color mood**: Clean blue + event category accent colors + success green
|
|
1259
|
+
- **Typography mood**: Bold + Clean + Sans-serif
|
|
1260
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1261
|
+
- **Anti-patterns**: Complex shadows + 3D effects
|
|
1262
|
+
- **Decision rules**:
|
|
1263
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1264
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1265
|
+
|
|
1266
|
+
## 🔴 111. Password Manager
|
|
1267
|
+
|
|
1268
|
+
- **Recommended pattern**: Trust & Authority + Feature-Rich
|
|
1269
|
+
- **Style priority**: Minimalism + Accessible & Ethical
|
|
1270
|
+
- **Color mood**: Trust blue + security green + dark neutral
|
|
1271
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1272
|
+
- **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
|
|
1273
|
+
- **Anti-patterns**: Excessive decoration + Color-only indicators
|
|
1274
|
+
- **Decision rules**:
|
|
1275
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1276
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1277
|
+
|
|
1278
|
+
## 🔴 112. Expense Splitter / Bill Split
|
|
1279
|
+
|
|
1280
|
+
- **Recommended pattern**: Minimal & Direct + Demo
|
|
1281
|
+
- **Style priority**: Flat Design + Vibrant & Block-based
|
|
1282
|
+
- **Color mood**: Success green + alert red + neutral grey + avatar accent colors
|
|
1283
|
+
- **Typography mood**: Bold + Clean + Sans-serif
|
|
1284
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1285
|
+
- **Anti-patterns**: Complex shadows + 3D effects + Muted colors + Low energy
|
|
1286
|
+
- **Decision rules**:
|
|
1287
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1288
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1289
|
+
|
|
1290
|
+
## 🔴 113. Voice Recorder & Memo
|
|
1291
|
+
|
|
1292
|
+
- **Recommended pattern**: Interactive Product Demo + Minimal
|
|
1293
|
+
- **Style priority**: Minimalism + AI-Native UI
|
|
1294
|
+
- **Color mood**: Clean white + recording red + waveform accent
|
|
1295
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1296
|
+
- **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
|
|
1297
|
+
- **Anti-patterns**: Excessive decoration
|
|
1298
|
+
- **Decision rules**:
|
|
1299
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1300
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1301
|
+
|
|
1302
|
+
## 🔴 114. Bookmark & Read-Later
|
|
1303
|
+
|
|
1304
|
+
- **Recommended pattern**: Minimal & Direct + Demo
|
|
1305
|
+
- **Style priority**: Minimalism + Flat Design
|
|
1306
|
+
- **Color mood**: Paper warm white + ink neutral + minimal accent + tag colors
|
|
1307
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1308
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1309
|
+
- **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
|
|
1310
|
+
- **Decision rules**:
|
|
1311
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1312
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1313
|
+
|
|
1314
|
+
## 🔴 115. Translator App
|
|
1315
|
+
|
|
1316
|
+
- **Recommended pattern**: Feature-Rich Showcase + Interactive Demo
|
|
1317
|
+
- **Style priority**: Flat Design + AI-Native UI
|
|
1318
|
+
- **Color mood**: Global blue + neutral grey + language flag accent
|
|
1319
|
+
- **Typography mood**: Bold + Clean + Sans-serif
|
|
1320
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1321
|
+
- **Anti-patterns**: Complex shadows + 3D effects
|
|
1322
|
+
- **Decision rules**:
|
|
1323
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1324
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1325
|
+
|
|
1326
|
+
## 🔴 116. Calculator & Unit Converter
|
|
1327
|
+
|
|
1328
|
+
- **Recommended pattern**: Minimal & Direct
|
|
1329
|
+
- **Style priority**: Neumorphism + Minimalism
|
|
1330
|
+
- **Color mood**: Dark functional + orange operation keys + clear button hierarchy
|
|
1331
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1332
|
+
- **Key effects**: Dual shadows (light+dark) + Soft press 150ms
|
|
1333
|
+
- **Anti-patterns**: Excessive decoration
|
|
1334
|
+
- **Decision rules**:
|
|
1335
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1336
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1337
|
+
|
|
1338
|
+
## 🔴 117. Alarm & World Clock
|
|
1339
|
+
|
|
1340
|
+
- **Recommended pattern**: Minimal & Direct
|
|
1341
|
+
- **Style priority**: Dark Mode (OLED) + Minimalism
|
|
1342
|
+
- **Color mood**: Deep dark + ambient glow accent + timezone gradient
|
|
1343
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1344
|
+
- **Key effects**: Subtle glow + Neon accents + High contrast
|
|
1345
|
+
- **Anti-patterns**: Excessive decoration + Pure white backgrounds
|
|
1346
|
+
- **Decision rules**:
|
|
1347
|
+
- `if_light_mode_needed` → `provide-theme-toggle`
|
|
1348
|
+
|
|
1349
|
+
## 🔴 118. File Manager & Transfer
|
|
1350
|
+
|
|
1351
|
+
- **Recommended pattern**: Feature-Rich Showcase + Demo
|
|
1352
|
+
- **Style priority**: Flat Design + Minimalism
|
|
1353
|
+
- **Color mood**: Functional neutral + file type color coding (PDF orange, doc blue, image purple)
|
|
1354
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1355
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1356
|
+
- **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
|
|
1357
|
+
- **Decision rules**:
|
|
1358
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1359
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1360
|
+
|
|
1361
|
+
## 🔴 119. Email Client
|
|
1362
|
+
|
|
1363
|
+
- **Recommended pattern**: Feature-Rich Showcase + Demo
|
|
1364
|
+
- **Style priority**: Flat Design + Minimalism
|
|
1365
|
+
- **Color mood**: Clean white + brand primary + priority red + snooze amber
|
|
1366
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1367
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1368
|
+
- **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
|
|
1369
|
+
- **Decision rules**:
|
|
1370
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1371
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1372
|
+
|
|
1373
|
+
## 🔴 120. Casual Puzzle Game
|
|
1374
|
+
|
|
1375
|
+
- **Recommended pattern**: Feature-Rich Showcase + Social Proof
|
|
1376
|
+
- **Style priority**: Claymorphism + Vibrant & Block-based
|
|
1377
|
+
- **Color mood**: Cheerful pastels + progression gradient + reward gold + bright accent
|
|
1378
|
+
- **Typography mood**: Playful + Rounded + Friendly
|
|
1379
|
+
- **Key effects**: Multi-layer shadows + Spring bounce + Soft press 200ms
|
|
1380
|
+
- **Anti-patterns**: Muted colors + Low energy
|
|
1381
|
+
- **Decision rules**:
|
|
1382
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1383
|
+
|
|
1384
|
+
## 🔴 121. Trivia & Quiz Game
|
|
1385
|
+
|
|
1386
|
+
- **Recommended pattern**: Feature-Rich Showcase + Social Proof
|
|
1387
|
+
- **Style priority**: Vibrant & Block-based + Micro-interactions
|
|
1388
|
+
- **Color mood**: Energetic blue + correct green + incorrect red + leaderboard gold
|
|
1389
|
+
- **Typography mood**: Energetic + Bold + Large
|
|
1390
|
+
- **Key effects**: Haptic feedback + Small 50-100ms animations
|
|
1391
|
+
- **Anti-patterns**: Muted colors + Low energy
|
|
1392
|
+
- **Decision rules**:
|
|
1393
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1394
|
+
|
|
1395
|
+
## 🔴 122. Card & Board Game
|
|
1396
|
+
|
|
1397
|
+
- **Recommended pattern**: Feature-Rich Showcase
|
|
1398
|
+
- **Style priority**: 3D & Hyperrealism + Flat Design
|
|
1399
|
+
- **Color mood**: Game-theme felt green + dark wood + card back patterns
|
|
1400
|
+
- **Typography mood**: Bold + Clean + Sans-serif
|
|
1401
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1402
|
+
- **Anti-patterns**: Complex shadows + 3D effects
|
|
1403
|
+
- **Decision rules**:
|
|
1404
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1405
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1406
|
+
|
|
1407
|
+
## 🔴 123. Idle & Clicker Game
|
|
1408
|
+
|
|
1409
|
+
- **Recommended pattern**: Feature-Rich Showcase
|
|
1410
|
+
- **Style priority**: Vibrant & Block-based + Motion-Driven
|
|
1411
|
+
- **Color mood**: Coin gold + upgrade blue + prestige purple + progress green
|
|
1412
|
+
- **Typography mood**: Energetic + Bold + Large
|
|
1413
|
+
- **Key effects**: Scroll animations + Parallax + Page transitions
|
|
1414
|
+
- **Anti-patterns**: Muted colors + Low energy
|
|
1415
|
+
- **Decision rules**:
|
|
1416
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1417
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1418
|
+
|
|
1419
|
+
## 🔴 124. Word & Crossword Game
|
|
1420
|
+
|
|
1421
|
+
- **Recommended pattern**: Minimal & Direct + Demo
|
|
1422
|
+
- **Style priority**: Minimalism + Flat Design
|
|
1423
|
+
- **Color mood**: Clean white + warm letter tiles + success green + shake red
|
|
1424
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1425
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1426
|
+
- **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
|
|
1427
|
+
- **Decision rules**:
|
|
1428
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1429
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1430
|
+
|
|
1431
|
+
## 🔴 125. Arcade & Retro Game
|
|
1432
|
+
|
|
1433
|
+
- **Recommended pattern**: Feature-Rich Showcase + Hero-Centric
|
|
1434
|
+
- **Style priority**: Pixel Art + Retro-Futurism
|
|
1435
|
+
- **Color mood**: Neon on black + pixel palette + score gold + danger red
|
|
1436
|
+
- **Typography mood**: Nostalgic + Monospace + Neon
|
|
1437
|
+
- **Key effects**: Subtle hover (200ms) + Smooth transitions
|
|
1438
|
+
- **Anti-patterns**: Inconsistent styling + Poor contrast ratios
|
|
1439
|
+
- **Decision rules**:
|
|
1440
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1441
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1442
|
+
|
|
1443
|
+
## 🔴 126. Photo Editor & Filters
|
|
1444
|
+
|
|
1445
|
+
- **Recommended pattern**: Feature-Rich Showcase + Interactive Demo
|
|
1446
|
+
- **Style priority**: Minimalism + Dark Mode (OLED)
|
|
1447
|
+
- **Color mood**: Dark editor background + vibrant filter preview strip + tool icon accent
|
|
1448
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1449
|
+
- **Key effects**: Subtle glow + Neon accents + High contrast
|
|
1450
|
+
- **Anti-patterns**: Excessive decoration + Pure white backgrounds
|
|
1451
|
+
- **Decision rules**:
|
|
1452
|
+
- `if_light_mode_needed` → `provide-theme-toggle`
|
|
1453
|
+
|
|
1454
|
+
## 🔴 127. Short Video Editor
|
|
1455
|
+
|
|
1456
|
+
- **Recommended pattern**: Feature-Rich Showcase + Hero-Centric
|
|
1457
|
+
- **Style priority**: Dark Mode (OLED) + Motion-Driven
|
|
1458
|
+
- **Color mood**: Dark background + timeline track accent colors + effect preview vivid
|
|
1459
|
+
- **Typography mood**: High contrast + Light on dark
|
|
1460
|
+
- **Key effects**: Subtle glow + Neon accents + High contrast
|
|
1461
|
+
- **Anti-patterns**: Pure white backgrounds
|
|
1462
|
+
- **Decision rules**:
|
|
1463
|
+
- `if_light_mode_needed` → `provide-theme-toggle`
|
|
1464
|
+
|
|
1465
|
+
## 🔴 128. Drawing & Sketching Canvas
|
|
1466
|
+
|
|
1467
|
+
- **Recommended pattern**: Interactive Product Demo + Storytelling
|
|
1468
|
+
- **Style priority**: Minimalism + Dark Mode (OLED)
|
|
1469
|
+
- **Color mood**: Neutral canvas + full-spectrum color picker + tool panel dark
|
|
1470
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1471
|
+
- **Key effects**: Subtle glow + Neon accents + High contrast
|
|
1472
|
+
- **Anti-patterns**: Excessive decoration + Pure white backgrounds
|
|
1473
|
+
- **Decision rules**:
|
|
1474
|
+
- `if_light_mode_needed` → `provide-theme-toggle`
|
|
1475
|
+
|
|
1476
|
+
## 🔴 129. Music Creation & Beat Maker
|
|
1477
|
+
|
|
1478
|
+
- **Recommended pattern**: Interactive Product Demo + Storytelling
|
|
1479
|
+
- **Style priority**: Dark Mode (OLED) + Motion-Driven
|
|
1480
|
+
- **Color mood**: Dark studio background + track colors rainbow + waveform accent + BPM pulse
|
|
1481
|
+
- **Typography mood**: High contrast + Light on dark
|
|
1482
|
+
- **Key effects**: Subtle glow + Neon accents + High contrast
|
|
1483
|
+
- **Anti-patterns**: Pure white backgrounds
|
|
1484
|
+
- **Decision rules**:
|
|
1485
|
+
- `if_light_mode_needed` → `provide-theme-toggle`
|
|
1486
|
+
|
|
1487
|
+
## 🔴 130. Meme & Sticker Maker
|
|
1488
|
+
|
|
1489
|
+
- **Recommended pattern**: Feature-Rich Showcase + Social Proof
|
|
1490
|
+
- **Style priority**: Vibrant & Block-based + Flat Design
|
|
1491
|
+
- **Color mood**: Bold primary + comedic yellow + viral red + high saturation accent
|
|
1492
|
+
- **Typography mood**: Bold + Clean + Sans-serif
|
|
1493
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1494
|
+
- **Anti-patterns**: Complex shadows + 3D effects + Muted colors + Low energy
|
|
1495
|
+
- **Decision rules**:
|
|
1496
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1497
|
+
|
|
1498
|
+
## 🔴 131. AI Photo & Avatar Generator
|
|
1499
|
+
|
|
1500
|
+
- **Recommended pattern**: Feature-Rich Showcase + Social Proof
|
|
1501
|
+
- **Style priority**: AI-Native UI + Aurora UI
|
|
1502
|
+
- **Color mood**: AI purple + aurora gradients + before/after neutral
|
|
1503
|
+
- **Typography mood**: Elegant + Gradient-friendly
|
|
1504
|
+
- **Key effects**: Flowing gradients 8-12s + Color morphing
|
|
1505
|
+
- **Anti-patterns**: Inconsistent styling + Poor contrast ratios
|
|
1506
|
+
- **Decision rules**:
|
|
1507
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1508
|
+
|
|
1509
|
+
## 🔴 132. Link-in-Bio Page Builder
|
|
1510
|
+
|
|
1511
|
+
- **Recommended pattern**: Conversion-Optimized + Social Proof
|
|
1512
|
+
- **Style priority**: Vibrant & Block-based + Bento Box Grid
|
|
1513
|
+
- **Color mood**: Brand-customizable + accent link color + clean white canvas
|
|
1514
|
+
- **Typography mood**: Energetic + Bold + Large
|
|
1515
|
+
- **Key effects**: Large section gaps 48px+ + Color shift hover + Scroll-snap
|
|
1516
|
+
- **Anti-patterns**: Muted colors + Low energy
|
|
1517
|
+
- **Decision rules**:
|
|
1518
|
+
- `if_conversion_focused` → `add-urgency-colors`
|
|
1519
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1520
|
+
|
|
1521
|
+
## 🔴 133. Wardrobe & Outfit Planner
|
|
1522
|
+
|
|
1523
|
+
- **Recommended pattern**: Storytelling-Driven + Feature-Rich
|
|
1524
|
+
- **Style priority**: Minimalism + Motion-Driven
|
|
1525
|
+
- **Color mood**: Clean fashion neutral + full clothes color palette + accent
|
|
1526
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1527
|
+
- **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
|
|
1528
|
+
- **Anti-patterns**: Excessive decoration
|
|
1529
|
+
- **Decision rules**:
|
|
1530
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1531
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1532
|
+
|
|
1533
|
+
## 🔴 134. Plant Care Tracker
|
|
1534
|
+
|
|
1535
|
+
- **Recommended pattern**: Storytelling-Driven + Social Proof
|
|
1536
|
+
- **Style priority**: Organic Biophilic + Soft UI Evolution
|
|
1537
|
+
- **Color mood**: Nature greens + earth brown + sunny yellow reminder + water blue
|
|
1538
|
+
- **Typography mood**: Warm + Humanist + Natural
|
|
1539
|
+
- **Key effects**: Rounded 16-24px + Natural shadows + Flowing SVG
|
|
1540
|
+
- **Anti-patterns**: Inconsistent styling + Poor contrast ratios
|
|
1541
|
+
- **Decision rules**:
|
|
1542
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1543
|
+
|
|
1544
|
+
## 🔴 135. Book & Reading Tracker
|
|
1545
|
+
|
|
1546
|
+
- **Recommended pattern**: Social Proof-Focused + Feature-Rich
|
|
1547
|
+
- **Style priority**: Swiss Modernism 2.0 + Minimalism
|
|
1548
|
+
- **Color mood**: Warm paper white + ink brown + reading progress green + book cover colors
|
|
1549
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1550
|
+
- **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
|
|
1551
|
+
- **Anti-patterns**: Excessive decoration
|
|
1552
|
+
- **Decision rules**:
|
|
1553
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1554
|
+
|
|
1555
|
+
## 🔴 136. Couple & Relationship App
|
|
1556
|
+
|
|
1557
|
+
- **Recommended pattern**: Storytelling-Driven + Social Proof
|
|
1558
|
+
- **Style priority**: Aurora UI + Soft UI Evolution
|
|
1559
|
+
- **Color mood**: Warm romantic pink/rose + soft gradient + memory photo tones
|
|
1560
|
+
- **Typography mood**: Elegant + Gradient-friendly
|
|
1561
|
+
- **Key effects**: Flowing gradients 8-12s + Color morphing
|
|
1562
|
+
- **Anti-patterns**: Inconsistent styling + Poor contrast ratios
|
|
1563
|
+
- **Decision rules**:
|
|
1564
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1565
|
+
|
|
1566
|
+
## 🔴 137. Family Calendar & Chores
|
|
1567
|
+
|
|
1568
|
+
- **Recommended pattern**: Feature-Rich Showcase + Social Proof
|
|
1569
|
+
- **Style priority**: Flat Design + Claymorphism
|
|
1570
|
+
- **Color mood**: Warm playful + member color coding + chore completion green
|
|
1571
|
+
- **Typography mood**: Playful + Rounded + Friendly
|
|
1572
|
+
- **Key effects**: Multi-layer shadows + Spring bounce + Soft press 200ms
|
|
1573
|
+
- **Anti-patterns**: Complex shadows + 3D effects
|
|
1574
|
+
- **Decision rules**:
|
|
1575
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1576
|
+
|
|
1577
|
+
## 🔴 138. Mood Tracker
|
|
1578
|
+
|
|
1579
|
+
- **Recommended pattern**: Storytelling-Driven + Social Proof
|
|
1580
|
+
- **Style priority**: Soft UI Evolution + Minimalism
|
|
1581
|
+
- **Color mood**: Emotion gradient (blue sad to yellow happy) + pastel per mood + insight accent
|
|
1582
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1583
|
+
- **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
|
|
1584
|
+
- **Anti-patterns**: Excessive decoration
|
|
1585
|
+
- **Decision rules**:
|
|
1586
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1587
|
+
|
|
1588
|
+
## 🔴 139. Gift & Wishlist
|
|
1589
|
+
|
|
1590
|
+
- **Recommended pattern**: Minimal & Direct + Conversion
|
|
1591
|
+
- **Style priority**: Vibrant & Block-based + Soft UI Evolution
|
|
1592
|
+
- **Color mood**: Celebration warm pink/gold/red + category colors + surprise accent
|
|
1593
|
+
- **Typography mood**: Energetic + Bold + Large
|
|
1594
|
+
- **Key effects**: Large section gaps 48px+ + Color shift hover + Scroll-snap
|
|
1595
|
+
- **Anti-patterns**: Muted colors + Low energy
|
|
1596
|
+
- **Decision rules**:
|
|
1597
|
+
- `if_conversion_focused` → `add-urgency-colors`
|
|
1598
|
+
|
|
1599
|
+
## 🔴 140. Running & Cycling GPS
|
|
1600
|
+
|
|
1601
|
+
- **Recommended pattern**: Feature-Rich Showcase + Social Proof
|
|
1602
|
+
- **Style priority**: Dark Mode (OLED) + Vibrant & Block-based
|
|
1603
|
+
- **Color mood**: Energetic orange + map accent + pace zones (green/yellow/red)
|
|
1604
|
+
- **Typography mood**: High contrast + Light on dark
|
|
1605
|
+
- **Key effects**: Subtle glow + Neon accents + High contrast
|
|
1606
|
+
- **Anti-patterns**: Pure white backgrounds + Muted colors + Low energy
|
|
1607
|
+
- **Decision rules**:
|
|
1608
|
+
- `if_light_mode_needed` → `provide-theme-toggle`
|
|
1609
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1610
|
+
|
|
1611
|
+
## 🔴 141. Yoga & Stretching Guide
|
|
1612
|
+
|
|
1613
|
+
- **Recommended pattern**: Storytelling-Driven + Social Proof
|
|
1614
|
+
- **Style priority**: Organic Biophilic + Soft UI Evolution
|
|
1615
|
+
- **Color mood**: Earth calming sage/terracotta/cream + breathing gradient + warm accent
|
|
1616
|
+
- **Typography mood**: Warm + Humanist + Natural
|
|
1617
|
+
- **Key effects**: Rounded 16-24px + Natural shadows + Flowing SVG
|
|
1618
|
+
- **Anti-patterns**: Inconsistent styling + Poor contrast ratios
|
|
1619
|
+
- **Decision rules**:
|
|
1620
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1621
|
+
|
|
1622
|
+
## 🔴 142. Sleep Tracker
|
|
1623
|
+
|
|
1624
|
+
- **Recommended pattern**: Feature-Rich Showcase + Social Proof
|
|
1625
|
+
- **Style priority**: Dark Mode (OLED) + Neumorphism
|
|
1626
|
+
- **Color mood**: Deep midnight blue + stars/moon accent + sleep quality gradient (poor red to great green)
|
|
1627
|
+
- **Typography mood**: High contrast + Light on dark
|
|
1628
|
+
- **Key effects**: Dual shadows (light+dark) + Soft press 150ms
|
|
1629
|
+
- **Anti-patterns**: Pure white backgrounds
|
|
1630
|
+
- **Decision rules**:
|
|
1631
|
+
- `if_light_mode_needed` → `provide-theme-toggle`
|
|
1632
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1633
|
+
|
|
1634
|
+
## 🔴 143. Calorie & Nutrition Counter
|
|
1635
|
+
|
|
1636
|
+
- **Recommended pattern**: Feature-Rich Showcase + Social Proof
|
|
1637
|
+
- **Style priority**: Flat Design + Vibrant & Block-based
|
|
1638
|
+
- **Color mood**: Healthy green + macro colors (protein blue, carb orange, fat yellow) + progress circle
|
|
1639
|
+
- **Typography mood**: Bold + Clean + Sans-serif
|
|
1640
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1641
|
+
- **Anti-patterns**: Complex shadows + 3D effects + Muted colors + Low energy
|
|
1642
|
+
- **Decision rules**:
|
|
1643
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1644
|
+
|
|
1645
|
+
## 🔴 144. Period & Cycle Tracker
|
|
1646
|
+
|
|
1647
|
+
- **Recommended pattern**: Social Proof-Focused + Trust
|
|
1648
|
+
- **Style priority**: Soft UI Evolution + Aurora UI
|
|
1649
|
+
- **Color mood**: Rose/blush + lavender + fertility green + soft calendar tones
|
|
1650
|
+
- **Typography mood**: Elegant + Gradient-friendly
|
|
1651
|
+
- **Key effects**: Flowing gradients 8-12s + Color morphing
|
|
1652
|
+
- **Anti-patterns**: Inconsistent styling + Poor contrast ratios
|
|
1653
|
+
- **Decision rules**:
|
|
1654
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1655
|
+
|
|
1656
|
+
## 🔴 145. Medication & Pill Reminder
|
|
1657
|
+
|
|
1658
|
+
- **Recommended pattern**: Trust & Authority + Feature-Rich
|
|
1659
|
+
- **Style priority**: Accessible & Ethical + Flat Design
|
|
1660
|
+
- **Color mood**: Medical trust blue + missed alert red + taken green + clean white
|
|
1661
|
+
- **Typography mood**: Bold + Clean + Sans-serif
|
|
1662
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1663
|
+
- **Anti-patterns**: Complex shadows + 3D effects + Color-only indicators
|
|
1664
|
+
- **Decision rules**:
|
|
1665
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1666
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1667
|
+
|
|
1668
|
+
## 🔴 146. Water & Hydration Reminder
|
|
1669
|
+
|
|
1670
|
+
- **Recommended pattern**: Minimal & Direct + Demo
|
|
1671
|
+
- **Style priority**: Claymorphism + Vibrant & Block-based
|
|
1672
|
+
- **Color mood**: Refreshing blue + water wave animation + goal progress accent
|
|
1673
|
+
- **Typography mood**: Playful + Rounded + Friendly
|
|
1674
|
+
- **Key effects**: Multi-layer shadows + Spring bounce + Soft press 200ms
|
|
1675
|
+
- **Anti-patterns**: Muted colors + Low energy
|
|
1676
|
+
- **Decision rules**:
|
|
1677
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1678
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1679
|
+
|
|
1680
|
+
## 🔴 147. Fasting & Intermittent Timer
|
|
1681
|
+
|
|
1682
|
+
- **Recommended pattern**: Feature-Rich Showcase + Social Proof
|
|
1683
|
+
- **Style priority**: Minimalism + Dark Mode (OLED)
|
|
1684
|
+
- **Color mood**: Fasting deep blue/purple + eating window green + timeline neutral
|
|
1685
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1686
|
+
- **Key effects**: Subtle glow + Neon accents + High contrast
|
|
1687
|
+
- **Anti-patterns**: Excessive decoration + Pure white backgrounds
|
|
1688
|
+
- **Decision rules**:
|
|
1689
|
+
- `if_light_mode_needed` → `provide-theme-toggle`
|
|
1690
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1691
|
+
|
|
1692
|
+
## 🔴 148. Anonymous Community / Confession
|
|
1693
|
+
|
|
1694
|
+
- **Recommended pattern**: Social Proof-Focused + Feature-Rich
|
|
1695
|
+
- **Style priority**: Dark Mode (OLED) + Minimalism
|
|
1696
|
+
- **Color mood**: Dark protective + subtle gradient + upvote green + empathy warm accent
|
|
1697
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1698
|
+
- **Key effects**: Subtle glow + Neon accents + High contrast
|
|
1699
|
+
- **Anti-patterns**: Excessive decoration + Pure white backgrounds
|
|
1700
|
+
- **Decision rules**:
|
|
1701
|
+
- `if_light_mode_needed` → `provide-theme-toggle`
|
|
1702
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1703
|
+
|
|
1704
|
+
## 🔴 149. Local Events & Discovery
|
|
1705
|
+
|
|
1706
|
+
- **Recommended pattern**: Hero-Centric Design + Feature-Rich
|
|
1707
|
+
- **Style priority**: Vibrant & Block-based + Motion-Driven
|
|
1708
|
+
- **Color mood**: City vibrant + event category colors + map accent + date highlight
|
|
1709
|
+
- **Typography mood**: Energetic + Bold + Large
|
|
1710
|
+
- **Key effects**: Scroll animations + Parallax + Page transitions
|
|
1711
|
+
- **Anti-patterns**: Muted colors + Low energy
|
|
1712
|
+
- **Decision rules**:
|
|
1713
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1714
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1715
|
+
|
|
1716
|
+
## 🔴 150. Study Together / Virtual Coworking
|
|
1717
|
+
|
|
1718
|
+
- **Recommended pattern**: Social Proof-Focused + Feature-Rich
|
|
1719
|
+
- **Style priority**: Minimalism + Soft UI Evolution
|
|
1720
|
+
- **Color mood**: Calm focus blue + session progress indicator + ambient warm neutrals
|
|
1721
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1722
|
+
- **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
|
|
1723
|
+
- **Anti-patterns**: Excessive decoration
|
|
1724
|
+
- **Decision rules**:
|
|
1725
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1726
|
+
|
|
1727
|
+
## 🔴 151. Coding Challenge & Practice
|
|
1728
|
+
|
|
1729
|
+
- **Recommended pattern**: Feature-Rich Showcase + Social Proof
|
|
1730
|
+
- **Style priority**: Dark Mode (OLED) + Cyberpunk UI
|
|
1731
|
+
- **Color mood**: Code editor dark + success green + difficulty gradient (easy green / medium amber / hard red)
|
|
1732
|
+
- **Typography mood**: High contrast + Light on dark
|
|
1733
|
+
- **Key effects**: Subtle glow + Neon accents + High contrast
|
|
1734
|
+
- **Anti-patterns**: Pure white backgrounds
|
|
1735
|
+
- **Decision rules**:
|
|
1736
|
+
- `if_light_mode_needed` → `provide-theme-toggle`
|
|
1737
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1738
|
+
|
|
1739
|
+
## 🔴 152. Kids Learning (ABC & Math)
|
|
1740
|
+
|
|
1741
|
+
- **Recommended pattern**: Social Proof-Focused + Trust
|
|
1742
|
+
- **Style priority**: Claymorphism + Vibrant & Block-based
|
|
1743
|
+
- **Color mood**: Bright primary + child-safe pastels + reward gold + interactive accent
|
|
1744
|
+
- **Typography mood**: Playful + Rounded + Friendly
|
|
1745
|
+
- **Key effects**: Multi-layer shadows + Spring bounce + Soft press 200ms
|
|
1746
|
+
- **Anti-patterns**: Muted colors + Low energy
|
|
1747
|
+
- **Decision rules**:
|
|
1748
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1749
|
+
|
|
1750
|
+
## 🔴 153. Music Instrument Learning
|
|
1751
|
+
|
|
1752
|
+
- **Recommended pattern**: Interactive Product Demo + Social Proof
|
|
1753
|
+
- **Style priority**: Vibrant & Block-based + Motion-Driven
|
|
1754
|
+
- **Color mood**: Musical warm deep red/brown + note color system + skill progress bar
|
|
1755
|
+
- **Typography mood**: Energetic + Bold + Large
|
|
1756
|
+
- **Key effects**: Scroll animations + Parallax + Page transitions
|
|
1757
|
+
- **Anti-patterns**: Muted colors + Low energy
|
|
1758
|
+
- **Decision rules**:
|
|
1759
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1760
|
+
|
|
1761
|
+
## 🔴 154. Parking Finder
|
|
1762
|
+
|
|
1763
|
+
- **Recommended pattern**: Conversion-Optimized + Feature-Rich
|
|
1764
|
+
- **Style priority**: Minimalism + Glassmorphism
|
|
1765
|
+
- **Color mood**: Trust blue + available green + occupied red + map neutral
|
|
1766
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1767
|
+
- **Key effects**: Backdrop blur (10-20px) + Translucent overlays
|
|
1768
|
+
- **Anti-patterns**: Excessive decoration
|
|
1769
|
+
- **Decision rules**:
|
|
1770
|
+
- `if_low_performance` → `fallback-to-flat`
|
|
1771
|
+
- `if_conversion_focused` → `add-urgency-colors`
|
|
1772
|
+
|
|
1773
|
+
## 🔴 155. Public Transit Guide
|
|
1774
|
+
|
|
1775
|
+
- **Recommended pattern**: Feature-Rich Showcase + Interactive Demo
|
|
1776
|
+
- **Style priority**: Flat Design + Accessible & Ethical
|
|
1777
|
+
- **Color mood**: Transit brand line colors + real-time indicator green/red + map neutral
|
|
1778
|
+
- **Typography mood**: Bold + Clean + Sans-serif
|
|
1779
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1780
|
+
- **Anti-patterns**: Complex shadows + 3D effects + Color-only indicators
|
|
1781
|
+
- **Decision rules**:
|
|
1782
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1783
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1784
|
+
|
|
1785
|
+
## 🔴 156. Road Trip Planner
|
|
1786
|
+
|
|
1787
|
+
- **Recommended pattern**: Storytelling-Driven + Hero-Centric
|
|
1788
|
+
- **Style priority**: Aurora UI + Organic Biophilic
|
|
1789
|
+
- **Color mood**: Adventure warm sunset orange + map teal + stop markers + road neutral
|
|
1790
|
+
- **Typography mood**: Elegant + Gradient-friendly
|
|
1791
|
+
- **Key effects**: Flowing gradients 8-12s + Color morphing
|
|
1792
|
+
- **Anti-patterns**: Inconsistent styling + Poor contrast ratios
|
|
1793
|
+
- **Decision rules**:
|
|
1794
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1795
|
+
- `if_mobile` → `optimize-touch-targets`
|
|
1796
|
+
|
|
1797
|
+
## 🔴 157. VPN & Privacy Tool
|
|
1798
|
+
|
|
1799
|
+
- **Recommended pattern**: Trust & Authority + Conversion-Optimized
|
|
1800
|
+
- **Style priority**: Minimalism + Dark Mode (OLED)
|
|
1801
|
+
- **Color mood**: Dark shield blue + connected green + disconnected red + trust accent
|
|
1802
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1803
|
+
- **Key effects**: Subtle glow + Neon accents + High contrast
|
|
1804
|
+
- **Anti-patterns**: Excessive decoration + Pure white backgrounds
|
|
1805
|
+
- **Decision rules**:
|
|
1806
|
+
- `if_light_mode_needed` → `provide-theme-toggle`
|
|
1807
|
+
- `if_conversion_focused` → `add-urgency-colors`
|
|
1808
|
+
|
|
1809
|
+
## 🔴 158. Emergency SOS & Safety
|
|
1810
|
+
|
|
1811
|
+
- **Recommended pattern**: Trust & Authority + Social Proof
|
|
1812
|
+
- **Style priority**: Accessible & Ethical + Flat Design
|
|
1813
|
+
- **Color mood**: Alert red + safety blue + location green + high contrast critical
|
|
1814
|
+
- **Typography mood**: Bold + Clean + Sans-serif
|
|
1815
|
+
- **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
|
|
1816
|
+
- **Anti-patterns**: Complex shadows + 3D effects + Color-only indicators
|
|
1817
|
+
- **Decision rules**:
|
|
1818
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1819
|
+
|
|
1820
|
+
## 🔴 159. Wallpaper & Theme App
|
|
1821
|
+
|
|
1822
|
+
- **Recommended pattern**: Feature-Rich Showcase + Social Proof
|
|
1823
|
+
- **Style priority**: Vibrant & Block-based + Aurora UI
|
|
1824
|
+
- **Color mood**: Content-driven + trending aesthetic palettes + download accent
|
|
1825
|
+
- **Typography mood**: Energetic + Bold + Large
|
|
1826
|
+
- **Key effects**: Large section gaps 48px+ + Color shift hover + Scroll-snap
|
|
1827
|
+
- **Anti-patterns**: Muted colors + Low energy
|
|
1828
|
+
- **Decision rules**:
|
|
1829
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1830
|
+
|
|
1831
|
+
## 🔴 160. White Noise & Ambient Sound
|
|
1832
|
+
|
|
1833
|
+
- **Recommended pattern**: Minimal & Direct + Social Proof
|
|
1834
|
+
- **Style priority**: Minimalism + Dark Mode (OLED)
|
|
1835
|
+
- **Color mood**: Calming dark + ambient texture visual + subtle sound wave + sleep blue
|
|
1836
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1837
|
+
- **Key effects**: Subtle glow + Neon accents + High contrast
|
|
1838
|
+
- **Anti-patterns**: Excessive decoration + Pure white backgrounds
|
|
1839
|
+
- **Decision rules**:
|
|
1840
|
+
- `if_light_mode_needed` → `provide-theme-toggle`
|
|
1841
|
+
- `if_trust_needed` → `add-testimonials`
|
|
1842
|
+
|
|
1843
|
+
## 🔴 161. Home Decoration & Interior Design
|
|
1844
|
+
|
|
1845
|
+
- **Recommended pattern**: Storytelling-Driven + Feature-Rich
|
|
1846
|
+
- **Style priority**: Minimalism + 3D Product Preview
|
|
1847
|
+
- **Color mood**: Neutral interior palette + material texture accent + AR blue
|
|
1848
|
+
- **Typography mood**: Professional + Clean hierarchy
|
|
1849
|
+
- **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
|
|
1850
|
+
- **Anti-patterns**: Excessive decoration
|
|
1851
|
+
- **Decision rules**:
|
|
1852
|
+
- `if_ux_focused` → `prioritize-clarity`
|
|
1853
|
+
- `if_mobile` → `optimize-touch-targets`
|