ui-ux-pro-max-skill/cli/assets/data/ui-reasoning.csv
Viet Tran a38d04c3d5
feat(search): overhaul relevance and curated design data
Overhaul BM25 relevance, reasoning and data-quality contracts; refresh UI styles and framework guidance; add resilient text, chip, badge and micro-interaction guidance; strengthen release, provenance and catalog refresh gates; update bilingual documentation.
2026-08-14 00:08:23 +07:00

76 KiB

1NoUI_CategoryRecommended_PatternStyle_PriorityColor_MoodTypography_MoodKey_EffectsDecision_RulesAnti_PatternsSeverityReasoningConfidence
21SaaS (General)Hero + Features + CTAGlassmorphism + Flat DesignTrust blue + Accent contrastProfessional + HierarchySubtle hover (200-250ms) + Smooth transitions{"if_ux_focused":["style:minimalism-and-swiss-style"],"if_data_heavy":["style:glassmorphism"]}Excessive animation + Dark mode by defaultHIGH
32Micro SaaSHero-Centric + TrustMotion-Driven + Vibrant & Block-basedBold primaries + Accent contrastModern + Energetic typographyScroll-triggered animations + Parallax{"if_pre_launch":["pattern:Waitlist/Coming Soon"],"if_video_ready":["constraint:add-hero-video"]}Static design + No video + Poor mobileHIGH
43E-commerceFeature-Rich ShowcaseVibrant & Block-basedBrand primary + Success greenEngaging + Clear hierarchyCard hover lift (200ms) + Scale effect{"if_luxury":["style:liquid-glass"],"if_conversion_focused":["constraint:add-urgency-colors"]}Flat design without depth + Text-heavy pagesHIGH
54E-commerce LuxuryFeature-Rich ShowcaseLiquid Glass + GlassmorphismPremium colors + Minimal accentElegant + Refined typographyChromatic aberration + Fluid animations (400-600ms){"if_checkout":["constraint:emphasize-trust"],"if_hero_needed":["style:3d-and-hyperrealism"]}Vibrant & Block-based + Playful colorsHIGH
65B2B ServiceFeature-Rich Showcase + TrustAccessible & Ethical + Minimalism & Swiss StyleProfessional blue + Neutral greyFormal + Clear typographySection transitions + Feature reveals{"must_have":["constraint:case-studies","constraint:roi-messaging"]}Playful design + Hidden credentials + AI purple/pink gradientsHIGH
76Financial DashboardData-Dense DashboardDark Mode (OLED) + Data-Dense DashboardDark bg + Red/Green alerts + Trust blueClear + Readable typographyReal-time number animations + Alert pulse{"must_have":["constraint:real-time-updates","constraint:high-contrast"]}Light mode default + Slow renderingHIGH
87Analytics DashboardData-Dense + Drill-DownData-Dense Dashboard + Heat Map & Heatmap StyleCool→Hot gradients + Neutral greyClear + Functional typographyHover tooltips + Chart zoom + Filter animations{"must_have":["constraint:data-export"],"if_large_dataset":["constraint:virtualize-lists"]}Ornate design + No filteringHIGH
98Healthcare AppSocial Proof-FocusedNeumorphism + Accessible & EthicalCalm blue + Health greenReadable + Large type (16px+)Soft box-shadow + Smooth press (150ms){"must_have":["constraint:wcag-aaa-compliance"],"if_medication":["constraint:red-alert-colors"]}Bright neon colors + Motion-heavy animations + AI purple/pink gradientsHIGH
109Educational AppFeature-Rich ShowcaseClaymorphism + Micro-interactionsPlayful colors + Clear hierarchyFriendly + Engaging typographySoft press (200ms) + Fluffy elements{"if_gamification":["constraint:add-progress-animation"],"if_children":["constraint:increase-playfulness"]}Dark modes + Complex jargonMEDIUM
1110Creative AgencyStorytelling-DrivenBrutalism + Motion-DrivenBold primaries + Artistic freedomBold + Expressive typographyCRT scanlines + Neon glow + Glitch effects{"must_have":["constraint:case-studies"],"if_boutique":["constraint:increase-artistic-freedom"]}Corporate minimalism + Hidden portfolioHIGH
1211Portfolio/PersonalStorytelling-DrivenMotion-Driven + Minimalism & Swiss StyleBrand primary + ArtisticExpressive + Variable typographyParallax (3-5 layers) + Scroll-triggered reveals{"if_creative_field":["style:brutalism"],"if_minimal_portfolio":["constraint:reduce-motion"]}Corporate templates + Generic layoutsMEDIUM
1312GamingFeature-Rich Showcase3D & Hyperrealism + Retro-FuturismVibrant + Neon + ImmersiveBold + Impactful typographyWebGL 3D rendering + Glitch effects{"if_competitive":["constraint:add-real-time-stats"],"if_casual":["constraint:increase-playfulness"]}Minimalist design + Static assetsHIGH
1413Government/Public ServiceMinimal & DirectAccessible & Ethical + Minimalism & Swiss StyleProfessional blue + High contrastClear + Large typographyClear focus rings (3-4px) + Skip links{"must_have":["constraint:wcag-aaa","constraint:keyboard-navigation"]}Ornate design + Low contrast + Motion effects + AI purple/pink gradientsHIGH
1514Fintech/CryptoTrust & AuthorityMinimalism & Swiss Style + Accessible & EthicalNavy + Trust Blue + GoldProfessional + TrustworthySmooth state transitions + Number animations{"must_have":["constraint:security-first"],"if_dashboard":["mode:dark"]}Playful design + Unclear fees + AI purple/pink gradientsHIGH
1615Social Media AppFeature-Rich ShowcaseVibrant & Block-based + Motion-DrivenVibrant + Engagement colorsModern + Bold typographyLarge scroll animations + Icon animations{"if_engagement_metric":["constraint:add-motion"],"if_content_focused":["constraint:minimize-chrome"]}Heavy skeuomorphism + Accessibility ignoredMEDIUM
1716Productivity ToolInteractive Demo + Feature-RichFlat Design + Micro-interactionsClear hierarchy + Functional colorsClean + Efficient typographyQuick actions (150ms) + Task animations{"must_have":["constraint:keyboard-shortcuts"],"if_collaboration":["constraint:add-real-time-cursors"]}Complex onboarding + Slow performanceHIGH
1817Design System/Component LibraryFeature-Rich + DocumentationMinimalism & Swiss Style + Accessible & EthicalClear hierarchy + Code-like structureMonospace + Clear typographyCode copy animations + Component previews{"must_have":["constraint:search","constraint:code-examples"]}Poor documentation + No live previewHIGH
1918AI/Chatbot PlatformInteractive Demo + MinimalAI-Native UI + Minimalism & Swiss StyleNeutral + AI Purple (#6366F1)Modern + Clear typographyStreaming text + Typing indicators + Fade-in{"must_have":["constraint:conversational-ui","constraint:context-awareness"]}Heavy chrome + Slow response feedbackHIGH
2019NFT/Web3 PlatformFeature-Rich ShowcaseCyberpunk UI + GlassmorphismDark + Neon + Gold (#FFD700)Bold + Modern typographyWallet connect animations + Transaction feedback{"must_have":["constraint:wallet-integration","constraint:gas-fees-display"]}Light mode default + No transaction statusHIGH
2120Creator Economy PlatformSocial Proof + Feature-RichVibrant & Block-based + Bento Box GridVibrant + Brand colorsModern + Bold typographyEngagement counter animations + Profile reveals{"must_have":["constraint:creator-profiles","constraint:monetization-display"]}Generic layout + Hidden earningsMEDIUM
2221Remote Work/Collaboration ToolFeature-Rich + Real-TimeSoft UI Evolution + Minimalism & Swiss StyleCalm Blue + Neutral greyClean + Readable typographyReal-time presence indicators + Notification badges{"must_have":["constraint:status-indicators","constraint:video-integration"]}Cluttered interface + No presenceHIGH
2322Mental Health AppSocial Proof-FocusedNeumorphism + Accessible & EthicalCalm Pastels + Trust colorsCalming + Readable typographySoft press + Breathing animations{"must_have":["constraint:privacy-first"],"if_meditation":["constraint:add-breathing-animation"]}Bright neon + Motion overloadHIGH
2423Pet Tech AppStorytelling + Feature-RichClaymorphism + Vibrant & Block-basedPlayful + Warm colorsFriendly + Playful typographyPet profile animations + Health tracking charts{"must_have":["constraint:pet-profiles"],"if_health":["constraint:add-vet-integration"]}Generic design + No personalityMEDIUM
2524Smart Home/IoT DashboardReal-Time MonitoringGlassmorphism + Dark Mode (OLED)Dark + Status indicator colorsClear + Functional typographyDevice status pulse + Quick action animations{"must_have":["constraint:real-time-controls","constraint:energy-monitoring"]}Slow updates + No automationHIGH
2625EV/Charging EcosystemHero-Centric + Feature-RichMinimalism & Swiss Style + Aurora UIElectric Blue (#009CD1) + GreenModern + Clear typographyRange estimation animations + Map interactions{"must_have":["constraint:charging-map","constraint:range-calculator"]}Poor map UX + Hidden costsHIGH
2726Subscription Box ServiceFeature-Rich + ConversionVibrant & Block-based + Motion-DrivenBrand + Excitement colorsEngaging + Clear typographyUnboxing reveal animations + Product carousel{"must_have":["constraint:personalization-quiz","constraint:subscription-management"]}Confusing pricing + No unboxing previewHIGH
2827Podcast PlatformStorytelling + Feature-RichDark Mode (OLED) + Minimalism & Swiss StyleDark + Audio waveform accentsModern + Clear typographyWaveform visualizations + Episode transitions{"must_have":["constraint:audio-player-ux","constraint:episode-discovery"]}Poor audio player + Cluttered layoutHIGH
2928Dating AppSocial Proof + Feature-RichVibrant & Block-based + Motion-DrivenWarm + Romantic (Pink/Red gradients)Modern + Friendly typographyProfile card swipe + Match animations{"must_have":["constraint:profile-cards","constraint:safety-features"]}Generic profiles + No safetyHIGH
3029Micro-Credentials/Badges PlatformTrust & Authority + FeatureMinimalism & Swiss Style + Flat DesignTrust Blue + Gold (#FFD700)Professional + Clear typographyBadge reveal animations + Progress tracking{"must_have":["constraint:credential-verification","constraint:progress-display"]}No verification + Hidden progressMEDIUM
3130Knowledge Base/DocumentationFAQ + MinimalMinimalism & Swiss Style + Accessible & EthicalClean hierarchy + Minimal colorClear + Readable typographySearch highlight + Smooth scrolling{"must_have":["constraint:search-first","constraint:version-switching"]}Poor navigation + No searchHIGH
3231Hyperlocal ServicesConversion + Feature-RichMinimalism & Swiss Style + Vibrant & Block-basedLocation markers + Trust colorsClear + Functional typographyMap hover + Provider card reveals{"must_have":["constraint:map-integration","constraint:booking-system"]}No map + Hidden reviewsHIGH
3332Beauty/Spa/Wellness ServiceHero-Centric + Social ProofSoft UI Evolution + NeumorphismSoft pastels (Pink Sage Cream) + Gold accentsElegant + Calming typographySoft shadows + Smooth transitions (200-300ms) + Gentle hover{"must_have":["constraint:booking-system","constraint:before-after-gallery"],"if_luxury":["constraint:add-gold-accents"]}Bright neon colors + Harsh animations + Dark modeHIGH
3433Luxury/Premium BrandStorytelling + Feature-RichLiquid Glass + GlassmorphismBlack + Gold (#FFD700) + WhiteElegant + Refined typographySlow parallax + Premium reveals (400-600ms){"must_have":["constraint:high-quality-imagery","constraint:storytelling"]}Cheap visuals + Fast animationsHIGH
3534Restaurant/Food ServiceHero-Centric + ConversionVibrant & Block-based + Motion-DrivenWarm colors (Orange Red Brown)Appetizing + Clear typographyFood image reveal + Menu hover effects{"must_have":["constraint:high-quality-images"],"if_delivery":["constraint:emphasize-speed"]}Low-quality imagery + Outdated hoursHIGH
3635Fitness/Gym AppFeature-Rich + DataVibrant & Block-based + Dark Mode (OLED)Energetic (Orange #FF6B35) + Dark bgBold + Motivational typographyProgress ring animations + Achievement unlocks{"must_have":["constraint:progress-tracking","constraint:workout-plans"]}Static design + No gamificationHIGH
3736Real Estate/PropertyHero-Centric + Feature-RichGlassmorphism + Minimalism & Swiss StyleTrust Blue + Gold + WhiteProfessional + Confident3D property tour zoom + Map hover{"if_luxury":["constraint:add-3d-models"],"must_have":["constraint:map-integration"]}Poor photos + No virtual toursHIGH
3837Travel/Tourism AgencyStorytelling-Driven + HeroAurora UI + Motion-DrivenVibrant destination + Sky BlueInspirational + EngagingDestination parallax + Itinerary animations{"if_experience_focused":["style:parallax-storytelling"],"must_have":["constraint:mobile-booking"]}Generic photos + Complex bookingHIGH
3938Hotel/HospitalityHero-Centric + Social ProofLiquid Glass + Minimalism & Swiss StyleWarm neutrals + Gold (#D4AF37)Elegant + Welcoming typographyRoom gallery + Amenity reveals{"must_have":["constraint:room-booking","constraint:virtual-tour"]}Poor photos + Complex bookingHIGH
4039Wedding/Event PlanningStorytelling + Social ProofSoft UI Evolution + Aurora UISoft Pink (#FFD6E0) + Gold + CreamElegant + Romantic typographyGallery reveals + Timeline animations{"must_have":["constraint:portfolio-gallery","constraint:planning-tools"]}Generic templates + No portfolioHIGH
4140Legal ServicesTrust & Authority + MinimalAccessible & Ethical + Minimalism & Swiss StyleNavy Blue (#1E3A5F) + Gold + WhiteProfessional + Authoritative typographyPractice area reveal + Attorney profile animations{"must_have":["constraint:case-results","constraint:credential-display"]}Outdated design + Hidden credentials + AI purple/pink gradientsHIGH
4241Insurance PlatformConversion + TrustAccessible & Ethical + Flat DesignTrust Blue (#0066CC) + Green + NeutralClear + Professional typographyQuote calculator animations + Policy comparison{"must_have":["constraint:quote-calculator","constraint:policy-comparison"]}Confusing pricing + No trust signals + AI purple/pink gradientsHIGH
4342Banking/Traditional FinanceTrust & Authority + FeatureMinimalism & Swiss Style + Accessible & EthicalNavy (#0A1628) + Trust Blue + GoldProfessional + Trustworthy typographySmooth number animations + Security indicators{"must_have":["constraint:security-first","constraint:accessibility"]}Playful design + Poor security UX + AI purple/pink gradientsHIGH
4443Online Course/E-learningFeature-Rich + Social ProofClaymorphism + Vibrant & Block-basedVibrant learning colors + Progress greenFriendly + Engaging typographyProgress bar animations + Certificate reveals{"must_have":["constraint:progress-tracking","constraint:video-player"]}Boring design + No gamificationHIGH
4544Non-profit/CharityStorytelling + TrustAccessible & Ethical + Organic BiophilicCause-related colors + Trust + WarmHeartfelt + Readable typographyImpact counter animations + Story reveals{"must_have":["constraint:impact-stories","constraint:donation-transparency"]}No impact data + Hidden financialsHIGH
4645Music StreamingFeature-Rich ShowcaseDark Mode (OLED) + Vibrant & Block-basedDark (#121212) + Vibrant accents + Album art colorsModern + Bold typographyWaveform visualization + Playlist animations{"must_have":["constraint:audio-player-ux"],"if_discovery_focused":["constraint:add-playlist-recommendations"]}Cluttered layout + Poor audio player UXHIGH
4746Video Streaming/OTTHero-Centric + Feature-RichDark Mode (OLED) + Motion-DrivenDark bg + Poster colors + Brand accentBold + Engaging typographyVideo player animations + Content carousel (parallax){"must_have":["constraint:continue-watching"],"if_personalized":["constraint:add-recommendations"]}Static layout + Slow video playerHIGH
4847Job Board/RecruitmentConversion-Optimized + Feature-RichFlat Design + Minimalism & Swiss StyleProfessional Blue + Success Green + NeutralClear + Professional typographySearch/filter animations + Application flow{"must_have":["constraint:advanced-search"],"if_salary_focused":["constraint:highlight-compensation"]}Outdated forms + Hidden filtersHIGH
4948Marketplace (P2P)Feature-Rich Showcase + Social ProofVibrant & Block-based + Flat DesignTrust colors + Category colors + Success greenModern + Engaging typographyReview star animations + Listing hover effects{"must_have":["constraint:seller-profiles","constraint:secure-payment"]}Low trust signals + Confusing layoutHIGH
5049Logistics/DeliveryFeature-Rich Showcase + Real-TimeMinimalism & Swiss Style + Flat DesignBlue (#2563EB) + Orange (tracking) + GreenClear + Functional typographyReal-time tracking animation + Status pulse{"must_have":["constraint:tracking-map","constraint:delivery-updates"]}Static tracking + No map integration + AI purple/pink gradientsHIGH
5150Agriculture/Farm TechFeature-Rich ShowcaseOrganic Biophilic + Flat DesignEarth Green (#4A7C23) + Brown + Sky BlueClear + Informative typographyData visualization + Weather animations{"must_have":["constraint:sensor-dashboard"],"if_crop_focused":["constraint:add-health-indicators"]}Generic design + Ignored accessibility + AI purple/pink gradientsMEDIUM
5251Construction/ArchitectureHero-Centric + Feature-RichMinimalism & Swiss Style + 3D & HyperrealismGrey (#4A4A4A) + Orange (safety) + Blueprint BlueProfessional + Bold typography3D model viewer + Timeline animations{"must_have":["constraint:project-portfolio"],"if_team_collaboration":["constraint:add-real-time-updates"]}2D-only layouts + Poor image quality + AI purple/pink gradientsHIGH
5352Automotive/Car DealershipHero-Centric + Feature-RichMotion-Driven + 3D & HyperrealismBrand colors + Metallic + Dark/LightBold + Confident typography360 product view + Configurator animations{"must_have":["constraint:vehicle-comparison","constraint:financing-calculator"]}Static product pages + Poor UXHIGH
5453Photography StudioStorytelling-Driven + Hero-CentricMotion-Driven + Minimalism & Swiss StyleBlack + White + Minimal accentElegant + Minimal typographyFull-bleed gallery + Before/after reveal{"must_have":["constraint:portfolio-showcase"],"if_booking":["constraint:add-calendar-system"]}Heavy text + Poor image showcaseHIGH
5554Coworking SpaceHero-Centric + Feature-RichVibrant & Block-based + GlassmorphismEnergetic colors + Wood tones + BrandModern + Engaging typographySpace tour video + Amenity reveal animations{"must_have":["constraint:virtual-tour","constraint:booking-system"]}Outdated photos + Confusing layoutMEDIUM
5655Home Services (Plumber/Electrician)Conversion-Optimized + TrustFlat Design + Accessible & EthicalTrust Blue + Safety Orange + GreyProfessional + Clear typographyEmergency contact highlight + Service menu animations{"must_have":["constraint:emergency-contact","constraint:certifications-display"]}Hidden contact info + No certificationsHIGH
5756Childcare/DaycareSocial Proof-Focused + TrustClaymorphism + Vibrant & Block-basedPlayful pastels + Safe colors + WarmFriendly + Playful typographyParent portal animations + Activity gallery reveal{"must_have":["constraint:parent-communication","constraint:safety-certifications"]}Generic design + Hidden safety infoHIGH
5857Senior Care/ElderlyTrust & Authority + AccessibleAccessible & Ethical + Soft UI EvolutionCalm Blue + Warm neutrals + Large textLarge + Clear typography (18px+)Large touch targets + Clear navigation{"must_have":["constraint:wcag-aaa","constraint:family-portal"]}Small text + Complex navigation + AI purple/pink gradientsHIGH
5958Medical ClinicTrust & Authority + ConversionAccessible & Ethical + Minimalism & Swiss StyleMedical Blue (#0077B6) + Trust WhiteProfessional + Readable typographyOnline booking flow + Doctor profile reveals{"must_have":["constraint:appointment-booking","constraint:insurance-info"]}Outdated interface + Confusing booking + AI purple/pink gradientsHIGH
6059Pharmacy/Drug StoreConversion-Optimized + TrustFlat Design + Accessible & EthicalPharmacy Green + Trust Blue + Clean WhiteClear + Functional typographyPrescription upload flow + Refill reminders{"must_have":["constraint:prescription-management","constraint:drug-interaction-warnings"]}Confusing layout + Privacy concerns + AI purple/pink gradientsHIGH
6160Dental PracticeSocial Proof-Focused + ConversionSoft UI Evolution + Minimalism & Swiss StyleFresh Blue + White + Smile YellowFriendly + Professional typographyBefore/after gallery + Patient testimonial carousel{"must_have":["constraint:before-after-gallery","constraint:appointment-system"]}Poor imagery + No testimonialsHIGH
6261Veterinary ClinicSocial Proof-Focused + TrustClaymorphism + Accessible & EthicalCaring Blue + Pet colors + WarmFriendly + Welcoming typographyPet profile management + Service animations{"must_have":["constraint:pet-portal","constraint:emergency-contact"]}Generic design + Hidden servicesMEDIUM
6362Florist/Plant ShopHero-Centric + ConversionOrganic Biophilic + Vibrant & Block-basedNatural Green + Floral pinks/purplesElegant + Natural typographyProduct reveal + Seasonal transitions{"must_have":["constraint:delivery-scheduling","constraint:care-guides"]}Poor imagery + No seasonal contentMEDIUM
6463Bakery/CafeHero-Centric + ConversionVibrant & Block-based + Soft UI EvolutionWarm Brown + Cream + Appetizing accentsWarm + Inviting typographyMenu hover + Order animations{"must_have":["constraint:menu-display","constraint:online-ordering"]}Poor food photos + Hidden hoursHIGH
6564Brewery/WineryStorytelling + Hero-CentricMotion-Driven + Vintage Analog / Retro FilmDeep amber/burgundy + Gold + CraftArtisanal + Heritage typographyTasting note reveals + Heritage timeline{"must_have":["constraint:product-showcase","constraint:story-heritage"]}Generic product pages + No storyHIGH
6665AirlineConversion + Feature-RichMinimalism & Swiss Style + GlassmorphismSky Blue + Brand colors + TrustClear + Professional typographyFlight search animations + Boarding pass reveals{"must_have":["constraint:flight-search","constraint:mobile-first"]}Complex booking + Poor mobileHIGH
6766News/Media PlatformHero-Centric + Feature-RichMinimalism & Swiss Style + Flat DesignBrand colors + High contrastClear + Readable typographyBreaking news badge + Article reveal animations{"must_have":["constraint:mobile-first-reading","constraint:category-navigation"]}Cluttered layout + Slow loadingHIGH
6867Magazine/BlogStorytelling + Hero-CentricSwiss Modernism 2.0 + Motion-DrivenEditorial colors + Brand + Clean whiteEditorial + Elegant typographyArticle transitions + Category reveals{"must_have":["constraint:article-showcase","constraint:newsletter-signup"]}Poor typography + Slow loadingHIGH
6968Freelancer PlatformFeature-Rich + ConversionFlat Design + Minimalism & Swiss StyleProfessional Blue + Success GreenClear + Professional typographySkill match animations + Review reveals{"must_have":["constraint:portfolio-display","constraint:skill-matching"]}Poor profiles + No reviewsHIGH
7069Marketing AgencyStorytelling + Feature-RichBrutalism + Motion-DrivenBold brand colors + Creative freedomBold + Expressive typographyPortfolio reveals + Results animations{"must_have":["constraint:portfolio","constraint:results-metrics"]}Boring design + Hidden workHIGH
7170Event ManagementHero-Centric + Feature-RichVibrant & Block-based + Motion-DrivenEvent theme colors + Excitement accentsBold + Engaging typographyCountdown timer + Registration flow{"must_have":["constraint:registration","constraint:agenda-display"]}Confusing registration + No countdownHIGH
7271Membership/CommunitySocial Proof + ConversionVibrant & Block-based + Soft UI EvolutionCommunity brand colors + EngagementFriendly + Engaging typographyMember counter + Benefit reveals{"must_have":["constraint:member-benefits","constraint:pricing-tiers"]}Hidden benefits + No community proofHIGH
7372Newsletter PlatformMinimal + ConversionMinimalism & Swiss Style + Flat DesignBrand primary + Clean white + CTAClean + Readable typographySubscribe form + Archive reveals{"must_have":["constraint:subscribe-form","constraint:sample-content"]}Complex signup + No previewMEDIUM
7473Digital Products/DownloadsFeature-Rich + ConversionVibrant & Block-based + Motion-DrivenProduct colors + Brand + Success greenModern + Clear typographyProduct preview + Instant delivery animations{"must_have":["constraint:product-preview","constraint:instant-delivery"]}No preview + Slow deliveryHIGH
7574Church/Religious OrganizationHero-Centric + Social ProofAccessible & Ethical + Soft UI EvolutionWarm Gold + Deep Purple/Blue + WhiteWelcoming + Clear typographyService time highlights + Event calendar{"must_have":["constraint:service-times","constraint:community-events"]}Outdated design + Hidden infoMEDIUM
7675Sports Team/ClubHero-Centric + Feature-RichVibrant & Block-based + Motion-DrivenTeam colors + Energetic accentsBold + Impactful typographyScore animations + Schedule reveals{"must_have":["constraint:schedule","constraint:roster"]}Static content + Poor fan engagementHIGH
7776Museum/GalleryStorytelling + Feature-RichMinimalism & Swiss Style + Motion-DrivenArt-appropriate neutrals + Exhibition accentsElegant + Minimal typographyVirtual tour + Collection reveals{"must_have":["constraint:virtual-tour","constraint:exhibition-info"]}Cluttered layout + No online accessHIGH
7877Theater/CinemaHero-Centric + ConversionDark Mode (OLED) + Motion-DrivenDark + Spotlight accents + GoldDramatic + Bold typographySeat selection + Trailer reveals{"must_have":["constraint:showtimes","constraint:seat-selection"]}Poor booking UX + No trailersHIGH
7978Language Learning AppFeature-Rich + Social ProofClaymorphism + Vibrant & Block-basedPlayful colors + Progress indicatorsFriendly + Clear typographyProgress animations + Achievement unlocks{"must_have":["constraint:progress-tracking","constraint:gamification"]}Boring design + No motivationHIGH
8079Coding BootcampFeature-Rich + Social ProofDark Mode (OLED) + Minimalism & Swiss StyleCode editor colors + Brand + SuccessTechnical + Clear typographyTerminal animations + Career outcome reveals{"must_have":["constraint:curriculum","constraint:career-outcomes"]}Light mode only + Hidden resultsHIGH
8180Cybersecurity PlatformTrust & Authority + Real-TimeCyberpunk UI + Dark Mode (OLED)Matrix Green (#00FF00) + Deep BlackTechnical + Clear typographyThreat visualization + Alert animations{"must_have":["constraint:real-time-monitoring","constraint:threat-display"]}Light mode + Poor data vizHIGH
8281Developer Tool / IDEMinimal + DocumentationDark Mode (OLED) + Minimalism & Swiss StyleDark syntax theme + Blue focusMonospace + Functional typographySyntax highlighting + Command palette{"must_have":["constraint:keyboard-shortcuts","constraint:documentation"]}Light mode default + Slow performanceHIGH
8382Biotech / Life SciencesStorytelling + DataGlassmorphism + Biomimetic / Organic 2.0Sterile White + DNA Blue + Life GreenScientific + Clear typographyData visualization + Research reveals{"must_have":["constraint:data-accuracy","constraint:clean-aesthetic"]}Cluttered data + Poor credibilityHIGH
8483Space Tech / AerospaceImmersive + Feature-RichHUD / Sci-Fi FUI + Dark Mode (OLED)Deep Space Black + Star White + MetallicFuturistic + Precise typographyTelemetry animations + 3D renders{"must_have":["constraint:high-tech-feel","constraint:precision-data"]}Generic design + No immersionHIGH
8584Architecture / InteriorPortfolio + Hero-CentricExaggerated Minimalism + 3D & HyperrealismMonochrome + Gold Accent + High ImageryArchitectural + Elegant typographyProject gallery + Blueprint reveals{"must_have":["constraint:high-res-images","constraint:project-portfolio"]}Poor imagery + Cluttered layoutHIGH
8685Quantum Computing InterfaceImmersive + InteractiveHUD / Sci-Fi FUI + Dark Mode (OLED)Quantum Blue (#00FFFF) + Deep BlackFuturistic + Scientific typographyProbability visualizations + Qubit state animations{"must_have":["constraint:complexity-visualization","constraint:scientific-credibility"]}Generic tech design + No vizHIGH
8786Biohacking / Longevity AppData-Dense + StorytellingBiomimetic / Organic 2.0 + Minimalism & Swiss StyleCellular Pink/Red + DNA Blue + WhiteScientific + Clear typographyBiological data viz + Progress animations{"must_have":["constraint:data-privacy","constraint:scientific-credibility"]}Generic health app + No privacyHIGH
8887Autonomous Drone Fleet ManagerReal-Time + Feature-RichHUD / Sci-Fi FUI + Real-Time MonitoringTactical Green + Alert Red + Map DarkTechnical + Functional typographyTelemetry animations + 3D spatial awareness{"must_have":["constraint:real-time-telemetry","constraint:safety-alerts"]}Slow updates + Poor spatial vizHIGH
8988Generative Art PlatformShowcase + Feature-RichMinimalism & Swiss Style + Gen Z Chaos / MaximalismNeutral (#F5F5F5) + User ContentMinimal + Content-focused typographyGallery masonry + Minting animations{"must_have":["constraint:fast-loading","constraint:creator-attribution"]}Heavy chrome + Slow loadingHIGH
9089Spatial Computing OS / AppImmersive + InteractiveSpatial UI (VisionOS) + GlassmorphismFrosted Glass + System Colors + DepthSpatial + Readable typographyDepth hierarchy + Gaze interactions{"must_have":["constraint:depth-hierarchy","constraint:environment-awareness"]}2D design + No spatial depthHIGH
9190Sustainable Energy / Climate TechData + TrustOrganic Biophilic + E-Ink / PaperEarth Green + Sky Blue + Solar YellowClear + Informative typographyImpact viz + Progress animations{"must_have":["constraint:data-transparency","constraint:impact-visualization"]}Greenwashing + No real dataHIGH
9291Personal Finance TrackerInteractive Product DemoGlassmorphism + Dark Mode (OLED)Calm blue + success green + alert red + chart accentsModern + Clear hierarchyBackdrop blur (10-20px) + Translucent overlays{"if_light_mode_needed":["constraint:provide-theme-toggle"],"if_low_performance":["style:flat-design"]}Pure white backgroundsHIGH
9392Chat & Messaging AppFeature-Rich Showcase + DemoMinimalism & Swiss Style + Micro-interactionsBrand primary + bubble contrast (sender/receiver) + typing greyProfessional + Clean hierarchySubtle hover 200ms + Smooth transitions + Clean{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Excessive decorationHIGH
9493Notes & Writing AppMinimal & DirectMinimalism & Swiss Style + Flat DesignClean white/cream + minimal accent + editor syntax colorsProfessional + Clean hierarchyColor shift hover + Fast 150ms transitions + No shadows{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Excessive decoration + Complex shadows + 3D effectsHIGH
9594Habit TrackerSocial Proof-Focused + DemoClaymorphism + Vibrant & Block-basedStreak warm (amber/orange) + progress green + motivational accentsPlayful + Rounded + FriendlyMulti-layer shadows + Spring bounce + Soft press 200ms{"if_trust_needed":["constraint:add-testimonials"]}Muted colors + Low energyHIGH
9695Food Delivery / On-DemandHero-Centric Design + Feature-RichVibrant & Block-based + Motion-DrivenAppetizing warm (orange/red) + trust blue + map accentEnergetic + Bold + LargeScroll animations + Parallax + Page transitions{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Muted colors + Low energyHIGH
9796Ride Hailing / TransportationConversion-Optimized + DemoMinimalism & Swiss Style + GlassmorphismBrand primary + map neutral + status indicator colorsProfessional + Clean hierarchyBackdrop blur (10-20px) + Translucent overlays{"if_low_performance":["style:flat-design"],"if_conversion_focused":["constraint:add-urgency-colors"]}Excessive decorationHIGH
9897Recipe & Cooking AppHero-Centric Design + Feature-RichClaymorphism + Vibrant & Block-basedWarm food tones (terracotta/sage/cream) + appetizing imageryPlayful + Rounded + FriendlyMulti-layer shadows + Spring bounce + Soft press 200ms{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Muted colors + Low energyHIGH
9998Meditation & MindfulnessStorytelling-Driven + Social ProofNeumorphism + Soft UI EvolutionUltra-calm pastels (lavender/sage/sky) + breathing animation gradientSubtle + Soft + MonochromaticDual shadows (light+dark) + Soft press 150ms{"if_trust_needed":["constraint:add-testimonials"]}Inconsistent styling + Poor contrast ratiosHIGH
10099Weather AppHero-Centric DesignGlassmorphism + Aurora UIAtmospheric gradients (sky blue → sunset → storm grey) + temp scaleModern + Clear hierarchyBackdrop blur (10-20px) + Translucent overlays{"if_low_performance":["style:flat-design"]}Inconsistent styling + Poor contrast ratiosHIGH
101100Diary & Journal AppStorytelling-DrivenSoft UI Evolution + Minimalism & Swiss StyleWarm paper tones (cream/linen) + muted ink + mood-coded accentsProfessional + Clean hierarchySubtle hover 200ms + Smooth transitions + Clean{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Excessive decorationHIGH
102101CRM & Client ManagementFeature-Rich Showcase + DemoFlat Design + Minimalism & Swiss StyleProfessional blue + pipeline stage colors + closed-won greenProfessional + Clean hierarchyColor shift hover + Fast 150ms transitions + No shadows{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Excessive decoration + Complex shadows + 3D effectsHIGH
103102Inventory & Stock ManagementFeature-Rich ShowcaseFlat Design + Minimalism & Swiss StyleFunctional neutral + status traffic-light (green/amber/red) + scanner accentProfessional + Clean hierarchyColor shift hover + Fast 150ms transitions + No shadows{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Excessive decoration + Complex shadows + 3D effectsHIGH
104103Flashcard & Study ToolFeature-Rich Showcase + DemoClaymorphism + Micro-interactionsPlayful primary + correct green + incorrect red + progress bluePlayful + Rounded + FriendlyMulti-layer shadows + Spring bounce + Soft press 200ms{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Inconsistent styling + Poor contrast ratiosHIGH
105104Booking & Appointment AppConversion-OptimizedSoft UI Evolution + Flat DesignTrust blue + available green + booked grey + confirm accentBold + Clean + Sans-serifColor shift hover + Fast 150ms transitions + No shadows{"if_conversion_focused":["constraint:add-urgency-colors"]}Complex shadows + 3D effectsHIGH
106105Invoice & Billing ToolConversion-Optimized + TrustMinimalism & Swiss Style + Flat DesignProfessional navy + paid green + overdue red + neutral greyProfessional + Clean hierarchyColor shift hover + Fast 150ms transitions + No shadows{"if_conversion_focused":["constraint:add-urgency-colors"]}Excessive decoration + Complex shadows + 3D effectsHIGH
107106Grocery & Shopping ListMinimal & Direct + DemoFlat Design + Vibrant & Block-basedFresh green + food-category colors + checkmark accentBold + Clean + Sans-serifColor shift hover + Fast 150ms transitions + No shadows{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Complex shadows + 3D effects + Muted colors + Low energyHIGH
108107Timer & PomodoroMinimal & DirectMinimalism & Swiss Style + NeumorphismHigh-contrast on dark + focus red/amber + break greenProfessional + Clean hierarchyDual shadows (light+dark) + Soft press 150ms{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Excessive decorationHIGH
109108Parenting & Baby TrackerSocial Proof-Focused + TrustClaymorphism + Soft UI EvolutionSoft pastels (baby pink/sky blue/mint/peach) + warm accentsPlayful + Rounded + FriendlyMulti-layer shadows + Spring bounce + Soft press 200ms{"if_trust_needed":["constraint:add-testimonials"]}Inconsistent styling + Poor contrast ratiosHIGH
110109Scanner & Document ManagerFeature-Rich Showcase + DemoMinimalism & Swiss Style + Flat DesignClean white + camera viewfinder accent + file-type color codingProfessional + Clean hierarchyColor shift hover + Fast 150ms transitions + No shadows{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Excessive decoration + Complex shadows + 3D effectsHIGH
111110Calendar & Scheduling AppFeature-Rich Showcase + DemoFlat Design + Micro-interactionsClean blue + event category accent colors + success greenBold + Clean + Sans-serifColor shift hover + Fast 150ms transitions + No shadows{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Complex shadows + 3D effectsHIGH
112111Password ManagerTrust & Authority + Feature-RichMinimalism & Swiss Style + Accessible & EthicalTrust blue + security green + dark neutralProfessional + Clean hierarchySubtle hover 200ms + Smooth transitions + Clean{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Excessive decoration + Color-only indicatorsHIGH
113112Expense Splitter / Bill SplitMinimal & Direct + DemoFlat Design + Vibrant & Block-basedSuccess green + alert red + neutral grey + avatar accent colorsBold + Clean + Sans-serifColor shift hover + Fast 150ms transitions + No shadows{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Complex shadows + 3D effects + Muted colors + Low energyHIGH
114113Voice Recorder & MemoInteractive Product Demo + MinimalMinimalism & Swiss Style + AI-Native UIClean white + recording red + waveform accentProfessional + Clean hierarchySubtle hover 200ms + Smooth transitions + Clean{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Excessive decorationHIGH
115114Bookmark & Read-LaterMinimal & Direct + DemoMinimalism & Swiss Style + Flat DesignPaper warm white + ink neutral + minimal accent + tag colorsProfessional + Clean hierarchyColor shift hover + Fast 150ms transitions + No shadows{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Excessive decoration + Complex shadows + 3D effectsHIGH
116115Translator AppFeature-Rich Showcase + Interactive DemoFlat Design + AI-Native UIGlobal blue + neutral grey + language flag accentBold + Clean + Sans-serifColor shift hover + Fast 150ms transitions + No shadows{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Complex shadows + 3D effectsHIGH
117116Calculator & Unit ConverterMinimal & DirectNeumorphism + Minimalism & Swiss StyleDark functional + orange operation keys + clear button hierarchyProfessional + Clean hierarchyDual shadows (light+dark) + Soft press 150ms{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Excessive decorationHIGH
118117Alarm & World ClockMinimal & DirectDark Mode (OLED) + Minimalism & Swiss StyleDeep dark + ambient glow accent + timezone gradientProfessional + Clean hierarchySubtle glow + Neon accents + High contrast{"if_light_mode_needed":["constraint:provide-theme-toggle"]}Excessive decoration + Pure white backgroundsHIGH
119118File Manager & TransferFeature-Rich Showcase + DemoFlat Design + Minimalism & Swiss StyleFunctional neutral + file type color coding (PDF orange, doc blue, image purple)Professional + Clean hierarchyColor shift hover + Fast 150ms transitions + No shadows{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Excessive decoration + Complex shadows + 3D effectsHIGH
120119Email ClientFeature-Rich Showcase + DemoFlat Design + Minimalism & Swiss StyleClean white + brand primary + priority red + snooze amberProfessional + Clean hierarchyColor shift hover + Fast 150ms transitions + No shadows{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Excessive decoration + Complex shadows + 3D effectsHIGH
121120Casual Puzzle GameFeature-Rich Showcase + Social ProofClaymorphism + Vibrant & Block-basedCheerful pastels + progression gradient + reward gold + bright accentPlayful + Rounded + FriendlyMulti-layer shadows + Spring bounce + Soft press 200ms{"if_trust_needed":["constraint:add-testimonials"]}Muted colors + Low energyHIGH
122121Trivia & Quiz GameFeature-Rich Showcase + Social ProofVibrant & Block-based + Micro-interactionsEnergetic blue + correct green + incorrect red + leaderboard goldEnergetic + Bold + LargeHaptic feedback + Small 50-100ms animations{"if_trust_needed":["constraint:add-testimonials"]}Muted colors + Low energyHIGH
123122Card & Board GameFeature-Rich Showcase3D & Hyperrealism + Flat DesignGame-theme felt green + dark wood + card back patternsBold + Clean + Sans-serifColor shift hover + Fast 150ms transitions + No shadows{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Complex shadows + 3D effectsHIGH
124123Idle & Clicker GameFeature-Rich ShowcaseVibrant & Block-based + Motion-DrivenCoin gold + upgrade blue + prestige purple + progress greenEnergetic + Bold + LargeScroll animations + Parallax + Page transitions{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Muted colors + Low energyHIGH
125124Word & Crossword GameMinimal & Direct + DemoMinimalism & Swiss Style + Flat DesignClean white + warm letter tiles + success green + shake redProfessional + Clean hierarchyColor shift hover + Fast 150ms transitions + No shadows{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Excessive decoration + Complex shadows + 3D effectsHIGH
126125Arcade & Retro GameFeature-Rich Showcase + Hero-CentricPixel Art + Retro-FuturismNeon on black + pixel palette + score gold + danger redNostalgic + Monospace + NeonSubtle hover (200ms) + Smooth transitions{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Inconsistent styling + Poor contrast ratiosHIGH
127126Photo Editor & FiltersFeature-Rich Showcase + Interactive DemoMinimalism & Swiss Style + Dark Mode (OLED)Dark editor background + vibrant filter preview strip + tool icon accentProfessional + Clean hierarchySubtle glow + Neon accents + High contrast{"if_light_mode_needed":["constraint:provide-theme-toggle"]}Excessive decoration + Pure white backgroundsHIGH
128127Short Video EditorFeature-Rich Showcase + Hero-CentricDark Mode (OLED) + Motion-DrivenDark background + timeline track accent colors + effect preview vividHigh contrast + Light on darkSubtle glow + Neon accents + High contrast{"if_light_mode_needed":["constraint:provide-theme-toggle"]}Pure white backgroundsHIGH
129128Drawing & Sketching CanvasInteractive Product Demo + StorytellingMinimalism & Swiss Style + Dark Mode (OLED)Neutral canvas + full-spectrum color picker + tool panel darkProfessional + Clean hierarchySubtle glow + Neon accents + High contrast{"if_light_mode_needed":["constraint:provide-theme-toggle"]}Excessive decoration + Pure white backgroundsHIGH
130129Music Creation & Beat MakerInteractive Product Demo + StorytellingDark Mode (OLED) + Motion-DrivenDark studio background + track colors rainbow + waveform accent + BPM pulseHigh contrast + Light on darkSubtle glow + Neon accents + High contrast{"if_light_mode_needed":["constraint:provide-theme-toggle"]}Pure white backgroundsHIGH
131130Meme & Sticker MakerFeature-Rich Showcase + Social ProofVibrant & Block-based + Flat DesignBold primary + comedic yellow + viral red + high saturation accentBold + Clean + Sans-serifColor shift hover + Fast 150ms transitions + No shadows{"if_trust_needed":["constraint:add-testimonials"]}Complex shadows + 3D effects + Muted colors + Low energyHIGH
132131AI Photo & Avatar GeneratorFeature-Rich Showcase + Social ProofAI-Native UI + Aurora UIAI purple + aurora gradients + before/after neutralElegant + Gradient-friendlyFlowing gradients 8-12s + Color morphing{"if_trust_needed":["constraint:add-testimonials"]}Inconsistent styling + Poor contrast ratiosHIGH
133132Link-in-Bio Page BuilderConversion-Optimized + Social ProofVibrant & Block-based + Bento Box GridBrand-customizable + accent link color + clean white canvasEnergetic + Bold + LargeLarge section gaps 48px+ + Color shift hover + Scroll-snap{"if_conversion_focused":["constraint:add-urgency-colors"],"if_trust_needed":["constraint:add-testimonials"]}Muted colors + Low energyHIGH
134133Wardrobe & Outfit PlannerStorytelling-Driven + Feature-RichMinimalism & Swiss Style + Motion-DrivenClean fashion neutral + full clothes color palette + accentProfessional + Clean hierarchySubtle hover 200ms + Smooth transitions + Clean{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Excessive decorationHIGH
135134Plant Care TrackerStorytelling-Driven + Social ProofOrganic Biophilic + Soft UI EvolutionNature greens + earth brown + sunny yellow reminder + water blueWarm + Humanist + NaturalRounded 16-24px + Natural shadows + Flowing SVG{"if_trust_needed":["constraint:add-testimonials"]}Inconsistent styling + Poor contrast ratiosHIGH
136135Book & Reading TrackerSocial Proof-Focused + Feature-RichSwiss Modernism 2.0 + Minimalism & Swiss StyleWarm paper white + ink brown + reading progress green + book cover colorsProfessional + Clean hierarchySubtle hover 200ms + Smooth transitions + Clean{"if_trust_needed":["constraint:add-testimonials"]}Excessive decorationHIGH
137136Couple & Relationship AppStorytelling-Driven + Social ProofAurora UI + Soft UI EvolutionWarm romantic pink/rose + soft gradient + memory photo tonesElegant + Gradient-friendlyFlowing gradients 8-12s + Color morphing{"if_trust_needed":["constraint:add-testimonials"]}Inconsistent styling + Poor contrast ratiosHIGH
138137Family Calendar & ChoresFeature-Rich Showcase + Social ProofFlat Design + ClaymorphismWarm playful + member color coding + chore completion greenPlayful + Rounded + FriendlyMulti-layer shadows + Spring bounce + Soft press 200ms{"if_trust_needed":["constraint:add-testimonials"]}Complex shadows + 3D effectsHIGH
139138Mood TrackerStorytelling-Driven + Social ProofSoft UI Evolution + Minimalism & Swiss StyleEmotion gradient (blue sad to yellow happy) + pastel per mood + insight accentProfessional + Clean hierarchySubtle hover 200ms + Smooth transitions + Clean{"if_trust_needed":["constraint:add-testimonials"]}Excessive decorationHIGH
140139Gift & WishlistMinimal & Direct + ConversionVibrant & Block-based + Soft UI EvolutionCelebration warm pink/gold/red + category colors + surprise accentEnergetic + Bold + LargeLarge section gaps 48px+ + Color shift hover + Scroll-snap{"if_conversion_focused":["constraint:add-urgency-colors"]}Muted colors + Low energyHIGH
141140Running & Cycling GPSFeature-Rich Showcase + Social ProofDark Mode (OLED) + Vibrant & Block-basedEnergetic orange + map accent + pace zones (green/yellow/red)High contrast + Light on darkSubtle glow + Neon accents + High contrast{"if_light_mode_needed":["constraint:provide-theme-toggle"],"if_trust_needed":["constraint:add-testimonials"]}Pure white backgrounds + Muted colors + Low energyHIGH
142141Yoga & Stretching GuideStorytelling-Driven + Social ProofOrganic Biophilic + Soft UI EvolutionEarth calming sage/terracotta/cream + breathing gradient + warm accentWarm + Humanist + NaturalRounded 16-24px + Natural shadows + Flowing SVG{"if_trust_needed":["constraint:add-testimonials"]}Inconsistent styling + Poor contrast ratiosHIGH
143142Sleep TrackerFeature-Rich Showcase + Social ProofDark Mode (OLED) + NeumorphismDeep midnight blue + stars/moon accent + sleep quality gradient (poor red to great green)High contrast + Light on darkDual shadows (light+dark) + Soft press 150ms{"if_light_mode_needed":["constraint:provide-theme-toggle"],"if_trust_needed":["constraint:add-testimonials"]}Pure white backgroundsHIGH
144143Calorie & Nutrition CounterFeature-Rich Showcase + Social ProofFlat Design + Vibrant & Block-basedHealthy green + macro colors (protein blue, carb orange, fat yellow) + progress circleBold + Clean + Sans-serifColor shift hover + Fast 150ms transitions + No shadows{"if_trust_needed":["constraint:add-testimonials"]}Complex shadows + 3D effects + Muted colors + Low energyHIGH
145144Period & Cycle TrackerSocial Proof-Focused + TrustSoft UI Evolution + Aurora UIRose/blush + lavender + fertility green + soft calendar tonesElegant + Gradient-friendlyFlowing gradients 8-12s + Color morphing{"if_trust_needed":["constraint:add-testimonials"]}Inconsistent styling + Poor contrast ratiosHIGH
146145Medication & Pill ReminderTrust & Authority + Feature-RichAccessible & Ethical + Flat DesignMedical trust blue + missed alert red + taken green + clean whiteBold + Clean + Sans-serifColor shift hover + Fast 150ms transitions + No shadows{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Complex shadows + 3D effects + Color-only indicatorsHIGH
147146Water & Hydration ReminderMinimal & Direct + DemoClaymorphism + Vibrant & Block-basedRefreshing blue + water wave animation + goal progress accentPlayful + Rounded + FriendlyMulti-layer shadows + Spring bounce + Soft press 200ms{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Muted colors + Low energyHIGH
148147Fasting & Intermittent TimerFeature-Rich Showcase + Social ProofMinimalism & Swiss Style + Dark Mode (OLED)Fasting deep blue/purple + eating window green + timeline neutralProfessional + Clean hierarchySubtle glow + Neon accents + High contrast{"if_light_mode_needed":["constraint:provide-theme-toggle"],"if_trust_needed":["constraint:add-testimonials"]}Excessive decoration + Pure white backgroundsHIGH
149148Anonymous Community / ConfessionSocial Proof-Focused + Feature-RichDark Mode (OLED) + Minimalism & Swiss StyleDark protective + subtle gradient + upvote green + empathy warm accentProfessional + Clean hierarchySubtle glow + Neon accents + High contrast{"if_light_mode_needed":["constraint:provide-theme-toggle"],"if_trust_needed":["constraint:add-testimonials"]}Excessive decoration + Pure white backgroundsHIGH
150149Local Events & DiscoveryHero-Centric Design + Feature-RichVibrant & Block-based + Motion-DrivenCity vibrant + event category colors + map accent + date highlightEnergetic + Bold + LargeScroll animations + Parallax + Page transitions{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Muted colors + Low energyHIGH
151150Study Together / Virtual CoworkingSocial Proof-Focused + Feature-RichMinimalism & Swiss Style + Soft UI EvolutionCalm focus blue + session progress indicator + ambient warm neutralsProfessional + Clean hierarchySubtle hover 200ms + Smooth transitions + Clean{"if_trust_needed":["constraint:add-testimonials"]}Excessive decorationHIGH
152151Coding Challenge & PracticeFeature-Rich Showcase + Social ProofDark Mode (OLED) + Cyberpunk UICode editor dark + success green + difficulty gradient (easy green / medium amber / hard red)High contrast + Light on darkSubtle glow + Neon accents + High contrast{"if_light_mode_needed":["constraint:provide-theme-toggle"],"if_trust_needed":["constraint:add-testimonials"]}Pure white backgroundsHIGH
153152Kids Learning (ABC & Math)Social Proof-Focused + TrustClaymorphism + Vibrant & Block-basedBright primary + child-safe pastels + reward gold + interactive accentPlayful + Rounded + FriendlyMulti-layer shadows + Spring bounce + Soft press 200ms{"if_trust_needed":["constraint:add-testimonials"]}Muted colors + Low energyHIGH
154153Music Instrument LearningInteractive Product Demo + Social ProofVibrant & Block-based + Motion-DrivenMusical warm deep red/brown + note color system + skill progress barEnergetic + Bold + LargeScroll animations + Parallax + Page transitions{"if_trust_needed":["constraint:add-testimonials"]}Muted colors + Low energyHIGH
155154Parking FinderConversion-Optimized + Feature-RichMinimalism & Swiss Style + GlassmorphismTrust blue + available green + occupied red + map neutralProfessional + Clean hierarchyBackdrop blur (10-20px) + Translucent overlays{"if_low_performance":["style:flat-design"],"if_conversion_focused":["constraint:add-urgency-colors"]}Excessive decorationHIGH
156155Public Transit GuideFeature-Rich Showcase + Interactive DemoFlat Design + Accessible & EthicalTransit brand line colors + real-time indicator green/red + map neutralBold + Clean + Sans-serifColor shift hover + Fast 150ms transitions + No shadows{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Complex shadows + 3D effects + Color-only indicatorsHIGH
157156Road Trip PlannerStorytelling-Driven + Hero-CentricAurora UI + Organic BiophilicAdventure warm sunset orange + map teal + stop markers + road neutralElegant + Gradient-friendlyFlowing gradients 8-12s + Color morphing{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Inconsistent styling + Poor contrast ratiosHIGH
158157VPN & Privacy ToolTrust & Authority + Conversion-OptimizedMinimalism & Swiss Style + Dark Mode (OLED)Dark shield blue + connected green + disconnected red + trust accentProfessional + Clean hierarchySubtle glow + Neon accents + High contrast{"if_light_mode_needed":["constraint:provide-theme-toggle"],"if_conversion_focused":["constraint:add-urgency-colors"]}Excessive decoration + Pure white backgroundsHIGH
159158Emergency SOS & SafetyTrust & Authority + Social ProofAccessible & Ethical + Flat DesignAlert red + safety blue + location green + high contrast criticalBold + Clean + Sans-serifColor shift hover + Fast 150ms transitions + No shadows{"if_trust_needed":["constraint:add-testimonials"]}Complex shadows + 3D effects + Color-only indicatorsHIGH
160159Wallpaper & Theme AppFeature-Rich Showcase + Social ProofVibrant & Block-based + Aurora UIContent-driven + trending aesthetic palettes + download accentEnergetic + Bold + LargeLarge section gaps 48px+ + Color shift hover + Scroll-snap{"if_trust_needed":["constraint:add-testimonials"]}Muted colors + Low energyHIGH
161160White Noise & Ambient SoundMinimal & Direct + Social ProofMinimalism & Swiss Style + Dark Mode (OLED)Calming dark + ambient texture visual + subtle sound wave + sleep blueProfessional + Clean hierarchySubtle glow + Neon accents + High contrast{"if_light_mode_needed":["constraint:provide-theme-toggle"],"if_trust_needed":["constraint:add-testimonials"]}Excessive decoration + Pure white backgroundsHIGH
162161Home Decoration & Interior DesignStorytelling-Driven + Feature-RichMinimalism & Swiss Style + 3D Product PreviewNeutral interior palette + material texture accent + AR blueProfessional + Clean hierarchySubtle hover 200ms + Smooth transitions + Clean{"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Excessive decorationHIGH
163162Academic Journal / Scholarly PublishingNewsletter / Content FirstSwiss Modernism 2.0 + Accessible & EthicalTrust navy + White + Citation blue + Serif accentsSerif body + Formal hierarchySearch highlight + Smooth scrolling{"must_have":["constraint:abstract-doi-prominence","constraint:citation-links","constraint:search-first","constraint:wcag-aaa","constraint:issue-browse"],"if_content_focused":["constraint:prioritize-clarity"],"if_trust_needed":["constraint:reduce-motion"]}Low contrast + Visual clutter + motion-heavy chromeMEDIUMacademic credibility needs searchable citation-first navigation and restrained motion0.88
164163API Developer PortalFAQ/Documentation LandingMinimalism & Swiss Style + GlassmorphismDark code theme + Brand accent + Syntax colorsMonospace + Clear typographySyntax highlighting + Copy-to-clipboard samples{"must_have":["constraint:endpoint-discoverability","constraint:code-samples","constraint:auth-flow-clarity","constraint:version-switching","constraint:rate-limit-visibility"],"if_trust_needed":["constraint:prioritize-clarity"],"if_ux_focused":["style:flat-design"]}Buried endpoints + Broken version switching + missing rate-limit stateHIGHdeveloper docs win on immediate code reuse and predictable auth/version discovery0.92
165164Forum / Discussion BoardCommunity/Forum LandingDark Mode (OLED) + Flat DesignDark neutral + topic accent colors + unread indicator + reputation badgeReadable + Community-first typographyThread expand/collapse + Reply composer cues{"must_have":["constraint:thread-list","constraint:reply-composer","constraint:vote-signals","constraint:moderation-tools","constraint:user-badges"],"if_content_focused":["constraint:prioritize-clarity"],"if_ux_focused":["constraint:optimize-touch-targets"]}No moderation cues + cluttered threads + hidden post stateHIGHdiscussion UX depends on scan-friendly threads, reputation cues, and visible moderation states0.93
166165Directory / Listing SiteMarketplace / DirectoryFlat Design + Bento Box GridNeutral bg + category color chips + map accent + verified badgeScan-friendly + Neutral typographyFilter chips + Map/list toggle{"must_have":["constraint:category-tree","constraint:multi-filter-sidebar","constraint:map-list-toggle","constraint:verified-badges","constraint:claim-listing"],"if_discovery_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}No trust cues + Text-heavy cards + hidden filtersHIGHlistings live or die on discovery speed, trust cues, and clear sort/filter affordances0.93
167166Status Page / Incident ManagementReal-Time / Operations LandingDark Mode (OLED) + Data-Dense DashboardStatus green + incident red + maintenance amber + neutral darkFunctional + Status typographyStatus matrix + incident timeline transitions{"must_have":["constraint:service-status-matrix","constraint:incident-timeline","constraint:severity-badges","constraint:maintenance-schedule","constraint:uptime-history"],"if_trust_needed":["constraint:prioritize-clarity"],"if_dashboard":["constraint:red-alert-colors"]}Slow dashboards + decorative charts + hidden error statesHIGHoperators need instant state recognition and a reliable incident chronology0.94
168167Wiki / EncyclopediaFAQ/Documentation LandingSwiss Modernism 2.0 + Accessible & EthicalClean white + link blue + heading hierarchy + citation greyClear + Hierarchical typographyTable of contents sticky nav + search highlight{"must_have":["constraint:full-text-search","constraint:toc-sidebar","constraint:edit-history","constraint:interpage-linking","constraint:print-friendly"],"if_content_focused":["constraint:prioritize-clarity"],"if_ux_focused":["constraint:virtualize-lists"]}No search + flat hierarchy + noisy page chromeMEDIUMreference content needs search, hierarchy, and low-friction cross-linking0.91
169168Auction PlatformReal-Time / Operations LandingDark Mode (OLED) + Motion-DrivenDark bg + bid green + outbid red + countdown amberBold + Urgent typographyCountdown timer + live bid updates{"must_have":["constraint:live-bid-updates","constraint:countdown-timer","constraint:auto-bid-ceiling","constraint:outbid-notifications","constraint:bid-history"],"if_conversion_focused":["constraint:add-urgency-colors"],"if_mobile":["constraint:optimize-touch-targets"]}Static design + No bid state + poor mobileHIGHauction flows need urgency, status clarity, and instant feedback on bid changes0.93
170169Changelog / Release NotesNewsletter / Content FirstMinimalism & Swiss Style + Flat DesignNeutral bg + version badge colors + date greyNeutral + Versioned hierarchyTimeline transitions + version badges{"must_have":["constraint:chronological-feed","constraint:semver-badges","constraint:breaking-change-warnings","constraint:copy-paste-install","constraint:version-search"],"if_content_focused":["constraint:prioritize-clarity"],"if_low_performance":["constraint:reduce-motion"]}No chronological order + no version tags + noisy marketing copyMEDIUMrelease notes should be skimmable, versioned, and safe to scan for breaking changes0.90
171170Citizen Science PlatformScroll-Triggered StorytellingOrganic Biophilic + Motion-DrivenEarth green + discovery orange + volunteer badge blue + data neutralReadable + Community-first typographyProgress badges + contribution feedback{"must_have":["constraint:project-cards","constraint:contribution-tracker","constraint:data-quality-feedback","constraint:community-forums","constraint:leaderboards"],"if_engagement_metric":["constraint:add-progress-animation"],"if_content_focused":["constraint:increase-playfulness"]}No progress feedback + reward-less contributionsMEDIUMparticipation loops need visible impact, feedback, and lightweight community momentum0.89
172171Classifieds / Buy-SellMarketplace / DirectoryFlat Design + Bento Box GridNeutral bg + price green + category chips + verified seller badgeScan-friendly + Marketplace typographyPhoto-first cards + map/list toggle{"must_have":["constraint:photo-first-cards","constraint:multi-filter-sidebar","constraint:price-negotiation","constraint:location-radius","constraint:seller-reputation"],"if_discovery_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}No trust cues + text-heavy pages + hidden filtersHIGHresale discovery depends on trust, proximity, and fast comparison of nearby inventory0.93
173172Conference / Symposium Landing PageEvent/Conference LandingSwiss Modernism 2.0 + Accessible & EthicalAcademic navy + track color chips + gold keynote + neutral whiteAcademic + Hierarchical typographySpeaker grid + agenda reveal{"must_have":["constraint:speaker-grid","constraint:multi-track-agenda","constraint:cfp-countdown","constraint:venue-map","constraint:sponsor-tiers"],"if_trust_needed":["constraint:prioritize-clarity"],"if_conversion_focused":["constraint:add-urgency-colors"]}Ornate design + unclear schedule + hidden speaker infoMEDIUMevent pages need strong credibility, schedule clarity, and deadline pressure0.90
174173Crowdfunding PlatformScroll-Triggered StorytellingVibrant & Block-based + Motion-DrivenBrand primary + funding progress green + urgency amber + reward tier colorsEmotional + High-contrast typographyProgress bar + reward-tier animations{"must_have":["constraint:progress-bar","constraint:reward-tier-selector","constraint:backer-count","constraint:countdown-timer","constraint:updates-feed"],"if_conversion_focused":["constraint:add-urgency-colors"],"if_engagement_metric":["constraint:add-progress-animation"]}Static design + no progress bar + weak social proofHIGHcrowdfunding conversion rises when progress, scarcity, and creator story stay visible0.92
175174Digital Signage / KioskImmersive/Interactive ExperienceFlat Design + Dark Mode (OLED)High contrast + brand accent + touch target emphasisLarge + Immediate typographyAuto-rotate transitions + large touch feedback{"must_have":["constraint:single-purpose-layout","constraint:touch-targets","constraint:auto-rotate-content","constraint:offline-fallback","constraint:brightness-aware-palette"],"if_mobile":["constraint:optimize-touch-targets"],"if_low_performance":["constraint:reduce-motion"]}Tiny tap targets + scroll-heavy layout + flashy motionMEDIUMkiosk UI must survive bad lighting, low attention, and partial offline operation0.88
176175E-signature / Document WorkflowEnterprise GatewayMinimalism & Swiss Style + Accessible & EthicalTrust navy + signature green + pending amber + neutral greyProfessional + Document-readable typographySignature placement highlights + audit trail states{"must_have":["constraint:document-preview","constraint:signature-placement","constraint:multi-signer-flow","constraint:audit-trail","constraint:compliance-badges"],"if_trust_needed":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Confusing signing flow + weak audit trail + hidden consentHIGHsigning flows live on trust, legibility, and irreversible action clarity0.93
177176Feature Flag / Config ManagementProduct Demo + FeaturesDark Mode (OLED) + Data-Dense DashboardDark bg + enabled green + disabled grey + experimental amber + kill-switch redFunctional + Technical typographyToggle state transitions + rollout sliders{"must_have":["constraint:feature-toggle-list","constraint:rollout-slider","constraint:environment-switcher","constraint:targeting-rules","constraint:kill-switch"],"if_dashboard":["constraint:virtualize-lists"],"if_trust_needed":["constraint:prioritize-clarity"]}Decorative visuals + ambiguous toggle states + slow performanceHIGHconfig tools need dense state visibility and unambiguous rollout control0.91
178177Government Portal / Civic ServicesEnterprise GatewayAccessible & Ethical + Inclusive DesignProfessional blue + accessibility high contrast + service category colorsClear + Large typographySkip-link focus states + save-progress forms{"must_have":["constraint:plain-language-copy","constraint:service-a-z","constraint:save-progress","constraint:document-upload","constraint:appointment-booking"],"if_trust_needed":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Ornate design + low contrast + motion effects + AI purple/pink gradientsHIGHcivic flows must stay plain, accessible, and resilient for interrupted form completion0.95
179178Grant / Funding PortalMarketplace / DirectoryAccessible & Ethical + Swiss Modernism 2.0Institution navy + funding green + deadline red + neutral whiteFormal + Clear typographyDeadline countdown + status tracking{"must_have":["constraint:opportunity-cards","constraint:eligibility-checker","constraint:deadline-countdown","constraint:application-wizard","constraint:status-tracker"],"if_trust_needed":["constraint:prioritize-clarity"],"if_conversion_focused":["constraint:add-urgency-colors"]}No deadlines + no eligibility clarity + buried docsHIGHfunding portals need deadline visibility, eligibility clarity, and a strong evidence trail0.92
180179LMS (Learning Management System)Feature-Rich ShowcaseFlat Design + Accessible & EthicalCalm blue + course category colors + grade green + alert redReadable + Instructional typographyCourse progress + calendar reminders{"must_have":["constraint:course-grid","constraint:assignment-deadlines","constraint:gradebook","constraint:discussion-forums","constraint:calendar-integration"],"if_content_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Hidden assignments + poor mobile + cluttered navigationHIGHlearning systems must stay structured, legible, and reminder-driven across devices0.93
181180No-code / Low-code BuilderProduct Demo + FeaturesVibrant & Block-based + Bento Box GridBrand primary + component palette colors + canvas neutral + connect blueFunctional + UI-focused typographyDrag-drop canvas + live preview sync{"must_have":["constraint:drag-drop-canvas","constraint:component-sidebar","constraint:logic-flow-editor","constraint:live-preview","constraint:template-gallery"],"if_dashboard":["constraint:virtualize-lists"],"if_ux_focused":["constraint:add-progress-animation"]}No live preview + hidden logic + sluggish canvasHIGHbuilders need visual affordance density without sacrificing preview fidelity or performance0.89
182181Open Source Project LandingHero + Features + CTAFlat Design + Minimalism & Swiss StyleDark bg + language color bar + star gold + fork silver + sponsor purpleTechnical + Clear typographyInstall-command copy + contributor stats{"must_have":["constraint:install-command","constraint:contributor-stats","constraint:language-bar","constraint:issue-pr-status","constraint:sponsor-cta"],"if_trust_needed":["constraint:prioritize-clarity"],"if_content_focused":["style:flat-design"]}No install command + weak contributor proof + marketing fluffMEDIUMopen-source landings succeed when setup, social proof, and maintenance status are immediate0.90
183182Patient Portal / Health RecordsTrust & Authority + ConversionMinimalism & Swiss Style + Accessible & EthicalClinical blue + health green + alert red + calm white + accessible contrastProfessional + Readable typographyLabs timeline + message status states{"must_have":["constraint:lab-results-timeline","constraint:medication-list","constraint:appointment-scheduling","constraint:message-care-team","constraint:family-access"],"if_trust_needed":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Confusing booking + low contrast + missing lab hierarchyHIGHhealth records need trust, hierarchy, and fast access to the next actionable item0.94
184183Patent / IP DatabaseMarketplace / DirectorySwiss Modernism 2.0 + Data-Dense DashboardFormal neutral + patent type chips + status badgesFormal + Search-friendly typographyFull-text search highlight + citation graph{"must_have":["constraint:full-text-search","constraint:classification-tree","constraint:citation-graph","constraint:prior-art-comparison","constraint:legal-status-tracker"],"if_data_heavy":["constraint:virtualize-lists"],"if_trust_needed":["constraint:prioritize-clarity"]}No search + no citation graph + visual clutterHIGHIP discovery depends on precise search, citation context, and legal-status visibility0.89
185184Q&A Community PlatformCommunity/Forum LandingMinimalism & Swiss Style + Flat DesignClean white + upvote orange + accepted green + reputation gold + tag colorsReadable + Code-friendly typographyVote count emphasis + code-block highlighting{"must_have":["constraint:vote-count","constraint:code-blocks","constraint:tag-filter","constraint:accepted-answer","constraint:bookmark-save"],"if_content_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}No code support + poor vote clarity + hidden accepted answerHIGHQ&A works when answer ranking, code readability, and tag discovery are all obvious0.93
186185Research Lab / University DepartmentPortfolio GridSwiss Modernism 2.0 + Editorial Grid / MagazineInstitutional navy + white + research-area accents + serif headingsAcademic + Clear typographyPublication cards + people grid{"must_have":["constraint:pi-bio","constraint:member-grid","constraint:publication-list","constraint:open-positions","constraint:funding-acknowledgments"],"if_content_focused":["constraint:prioritize-clarity"],"if_trust_needed":["constraint:reduce-motion"]}Low hierarchy + no publication filtering + cluttered visualsMEDIUMlab pages must present publications, team structure, and open opportunities with high credibility0.91
187186Resume / CV BuilderProduct Demo + FeaturesMinimalism & Swiss Style + Accessible & EthicalProfessional navy + section accent + success green + clean whiteProfessional + Resume-friendly typographyReal-time preview + ATS score indicator{"must_have":["constraint:template-picker","constraint:section-editor","constraint:real-time-preview","constraint:ats-score","constraint:pdf-export"],"if_conversion_focused":["constraint:add-progress-animation"],"if_trust_needed":["constraint:prioritize-clarity"]}No live preview + weak ATS signals + decorative clutterHIGHresume tools need immediate feedback, export confidence, and minimal layout noise0.92
188187Review PlatformProduct Review/Ratings FocusedBento Box Grid + Vibrant & Block-basedBrand primary + star gold + positive green + negative red + verified blueReadable + Review-first typographyRating distribution + verified badge emphasis{"must_have":["constraint:rating-summary","constraint:verified-badge","constraint:photo-video-reviews","constraint:helpful-votes","constraint:sort-by-recency"],"if_trust_needed":["constraint:add-testimonials"],"if_conversion_focused":["constraint:add-urgency-colors"]}No verified badges + text-heavy pages + hidden filter controlsHIGHreview UX depends on trust signals, filtering, and fast scan of the rating spread0.94
189188RPA / Automation DashboardReal-Time / Operations LandingDark Mode (OLED) + Data-Dense DashboardDark bg + running green + failed red + queued amber + completed blueFunctional + Operational typographyStatus matrix + alert transitions{"must_have":["constraint:bot-status-grid","constraint:queue-depth","constraint:process-flow","constraint:exception-alerts","constraint:roi-metrics"],"if_dashboard":["constraint:virtualize-lists"],"if_trust_needed":["constraint:red-alert-colors"]}Slow dashboards + decorative charts + hidden error statesHIGHautomation ops need dense state surfaces, failure visibility, and ROI proof0.93
190189Survey / Form BuilderProduct Demo + FeaturesMinimalism & Swiss Style + Micro-interactionsClean white + question accent + progress green + submit blueClear + Form-first typographyConditional-logic flow + progress animation{"must_have":["constraint:drag-drop-builder","constraint:question-library","constraint:conditional-logic","constraint:theme-picker","constraint:response-dashboard"],"if_ux_focused":["constraint:add-progress-animation"],"if_mobile":["constraint:optimize-touch-targets"]}Static forms + hidden conditional logic + weak progress cuesHIGHform builders need visible logic, easy composition, and response clarity0.92
191190Telemedicine PlatformTrust & Authority + ConversionNeumorphism + Accessible & EthicalCalm medical blue + video green + waiting amber + trust whiteProfessional + Calm typographyVideo-call state transitions + waiting-room ETA{"must_have":["constraint:video-call-ui","constraint:appointment-queue","constraint:symptom-intake","constraint:prescription-delivery","constraint:waiting-room-eta"],"if_trust_needed":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]}Low trust cues + confusing waiting state + tiny controlsHIGHtelemedicine must reduce anxiety, surface wait state, and keep control sizing forgiving0.88
192191Testimonial & Social Proof WidgetHero + Testimonials + CTABento Box Grid + Vibrant & Block-basedBrand primary + quote accent + star gold + verified blueReadable + Social-proof typographyCard carousel + photo/video cards{"must_have":["constraint:testimonial-cards","constraint:star-ratings","constraint:video-testimonials","constraint:case-study-summaries","constraint:embed-code"],"if_trust_needed":["constraint:add-testimonials"],"if_conversion_focused":["constraint:increase-playfulness"]}No evidence badges + static layout + tiny mediaMEDIUMsocial proof widgets exist to compress trust into a quick, embeddable read0.91
193192Ticketing / Box OfficeEvent/Conference LandingVibrant & Block-based + Motion-DrivenEvent theme colors + available green + sold-out red + seat map neutralBold + Event typographySeat-map hover states + countdown urgency{"must_have":["constraint:event-cards","constraint:seat-map","constraint:cart-countdown","constraint:qr-ticket","constraint:refund-policy"],"if_conversion_focused":["constraint:add-urgency-colors"],"if_mobile":["constraint:optimize-touch-targets"]}No seat-map feedback + hidden fees + weak mobileHIGHticketing must make inventory, urgency, and purchase confidence visible at once0.93