Skip to content

UI category decision rules

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.

πŸ”΄ 1. SaaS (General)

  • Recommended pattern: Hero + Features + CTA
  • Style priority: Glassmorphism + Flat Design
  • Color mood: Trust blue + Accent contrast
  • Typography mood: Professional + Hierarchy
  • Key effects: Subtle hover (200-250ms) + Smooth transitions
  • Anti-patterns: Excessive animation + Dark mode by default
  • Decision rules:
  • if_ux_focused β†’ ['style:minimalism-and-swiss-style']
  • if_data_heavy β†’ ['style:glassmorphism']

πŸ”΄ 2. Micro SaaS

  • Recommended pattern: Hero-Centric + Trust
  • Style priority: Motion-Driven + Vibrant & Block-based
  • Color mood: Bold primaries + Accent contrast
  • Typography mood: Modern + Energetic typography
  • Key effects: Scroll-triggered animations + Parallax
  • Anti-patterns: Static design + No video + Poor mobile
  • Decision rules:
  • if_pre_launch β†’ ['pattern:Waitlist/Coming Soon']
  • if_video_ready β†’ ['constraint:add-hero-video']

πŸ”΄ 3. E-commerce

  • Recommended pattern: Feature-Rich Showcase
  • Style priority: Vibrant & Block-based
  • Color mood: Brand primary + Success green
  • Typography mood: Engaging + Clear hierarchy
  • Key effects: Card hover lift (200ms) + Scale effect
  • Anti-patterns: Flat design without depth + Text-heavy pages
  • Decision rules:
  • if_luxury β†’ ['style:liquid-glass']
  • if_conversion_focused β†’ ['constraint:add-urgency-colors']

πŸ”΄ 4. E-commerce Luxury

  • Recommended pattern: Feature-Rich Showcase
  • Style priority: Liquid Glass + Glassmorphism
  • Color mood: Premium colors + Minimal accent
  • Typography mood: Elegant + Refined typography
  • Key effects: Chromatic aberration + Fluid animations (400-600ms)
  • Anti-patterns: Vibrant & Block-based + Playful colors
  • Decision rules:
  • if_checkout β†’ ['constraint:emphasize-trust']
  • if_hero_needed β†’ ['style:3d-and-hyperrealism']

πŸ”΄ 5. B2B Service

  • Recommended pattern: Feature-Rich Showcase + Trust
  • Style priority: Accessible & Ethical + Minimalism & Swiss Style
  • Color mood: Professional blue + Neutral grey
  • Typography mood: Formal + Clear typography
  • Key effects: Section transitions + Feature reveals
  • Anti-patterns: Playful design + Hidden credentials + AI purple/pink gradients
  • Decision rules:
  • must_have β†’ ['constraint:case-studies', 'constraint:roi-messaging']

πŸ”΄ 6. Financial Dashboard

  • Recommended pattern: Data-Dense Dashboard
  • Style priority: Dark Mode (OLED) + Data-Dense Dashboard
  • Color mood: Dark bg + Red/Green alerts + Trust blue
  • Typography mood: Clear + Readable typography
  • Key effects: Real-time number animations + Alert pulse
  • Anti-patterns: Light mode default + Slow rendering
  • Decision rules:
  • must_have β†’ ['constraint:real-time-updates', 'constraint:high-contrast']

πŸ”΄ 7. Analytics Dashboard

  • Recommended pattern: Data-Dense + Drill-Down
  • Style priority: Data-Dense Dashboard + Heat Map & Heatmap Style
  • Color mood: Coolβ†’Hot gradients + Neutral grey
  • Typography mood: Clear + Functional typography
  • Key effects: Hover tooltips + Chart zoom + Filter animations
  • Anti-patterns: Ornate design + No filtering
  • Decision rules:
  • must_have β†’ ['constraint:data-export']
  • if_large_dataset β†’ ['constraint:virtualize-lists']

πŸ”΄ 8. Healthcare App

  • Recommended pattern: Social Proof-Focused
  • Style priority: Neumorphism + Accessible & Ethical
  • Color mood: Calm blue + Health green
  • Typography mood: Readable + Large type (16px+)
  • Key effects: Soft box-shadow + Smooth press (150ms)
  • Anti-patterns: Bright neon colors + Motion-heavy animations + AI purple/pink gradients
  • Decision rules:
  • must_have β†’ ['constraint:wcag-aaa-compliance']
  • if_medication β†’ ['constraint:red-alert-colors']

🟑 9. Educational App

  • Recommended pattern: Feature-Rich Showcase
  • Style priority: Claymorphism + Micro-interactions
  • Color mood: Playful colors + Clear hierarchy
  • Typography mood: Friendly + Engaging typography
  • Key effects: Soft press (200ms) + Fluffy elements
  • Anti-patterns: Dark modes + Complex jargon
  • Decision rules:
  • if_gamification β†’ ['constraint:add-progress-animation']
  • if_children β†’ ['constraint:increase-playfulness']

πŸ”΄ 10. Creative Agency

  • Recommended pattern: Storytelling-Driven
  • Style priority: Brutalism + Motion-Driven
  • Color mood: Bold primaries + Artistic freedom
  • Typography mood: Bold + Expressive typography
  • Key effects: CRT scanlines + Neon glow + Glitch effects
  • Anti-patterns: Corporate minimalism + Hidden portfolio
  • Decision rules:
  • must_have β†’ ['constraint:case-studies']
  • if_boutique β†’ ['constraint:increase-artistic-freedom']

🟑 11. Portfolio/Personal

  • Recommended pattern: Storytelling-Driven
  • Style priority: Motion-Driven + Minimalism & Swiss Style
  • Color mood: Brand primary + Artistic
  • Typography mood: Expressive + Variable typography
  • Key effects: Parallax (3-5 layers) + Scroll-triggered reveals
  • Anti-patterns: Corporate templates + Generic layouts
  • Decision rules:
  • if_creative_field β†’ ['style:brutalism']
  • if_minimal_portfolio β†’ ['constraint:reduce-motion']

πŸ”΄ 12. Gaming

  • Recommended pattern: Feature-Rich Showcase
  • Style priority: 3D & Hyperrealism + Retro-Futurism
  • Color mood: Vibrant + Neon + Immersive
  • Typography mood: Bold + Impactful typography
  • Key effects: WebGL 3D rendering + Glitch effects
  • Anti-patterns: Minimalist design + Static assets
  • Decision rules:
  • if_competitive β†’ ['constraint:add-real-time-stats']
  • if_casual β†’ ['constraint:increase-playfulness']

πŸ”΄ 13. Government/Public Service

  • Recommended pattern: Minimal & Direct
  • Style priority: Accessible & Ethical + Minimalism & Swiss Style
  • Color mood: Professional blue + High contrast
  • Typography mood: Clear + Large typography
  • Key effects: Clear focus rings (3-4px) + Skip links
  • Anti-patterns: Ornate design + Low contrast + Motion effects + AI purple/pink gradients
  • Decision rules:
  • must_have β†’ ['constraint:wcag-aaa', 'constraint:keyboard-navigation']

πŸ”΄ 14. Fintech/Crypto

  • Recommended pattern: Trust & Authority
  • Style priority: Minimalism & Swiss Style + Accessible & Ethical
  • Color mood: Navy + Trust Blue + Gold
  • Typography mood: Professional + Trustworthy
  • Key effects: Smooth state transitions + Number animations
  • Anti-patterns: Playful design + Unclear fees + AI purple/pink gradients
  • Decision rules:
  • must_have β†’ ['constraint:security-first']
  • if_dashboard β†’ ['mode:dark']

🟑 15. Social Media App

  • Recommended pattern: Feature-Rich Showcase
  • Style priority: Vibrant & Block-based + Motion-Driven
  • Color mood: Vibrant + Engagement colors
  • Typography mood: Modern + Bold typography
  • Key effects: Large scroll animations + Icon animations
  • Anti-patterns: Heavy skeuomorphism + Accessibility ignored
  • Decision rules:
  • if_engagement_metric β†’ ['constraint:add-motion']
  • if_content_focused β†’ ['constraint:minimize-chrome']

πŸ”΄ 16. Productivity Tool

  • Recommended pattern: Interactive Demo + Feature-Rich
  • Style priority: Flat Design + Micro-interactions
  • Color mood: Clear hierarchy + Functional colors
  • Typography mood: Clean + Efficient typography
  • Key effects: Quick actions (150ms) + Task animations
  • Anti-patterns: Complex onboarding + Slow performance
  • Decision rules:
  • must_have β†’ ['constraint:keyboard-shortcuts']
  • if_collaboration β†’ ['constraint:add-real-time-cursors']

πŸ”΄ 17. Design System/Component Library

  • Recommended pattern: Feature-Rich + Documentation
  • Style priority: Minimalism & Swiss Style + Accessible & Ethical
  • Color mood: Clear hierarchy + Code-like structure
  • Typography mood: Monospace + Clear typography
  • Key effects: Code copy animations + Component previews
  • Anti-patterns: Poor documentation + No live preview
  • Decision rules:
  • must_have β†’ ['constraint:search', 'constraint:code-examples']

πŸ”΄ 18. AI/Chatbot Platform

  • Recommended pattern: Interactive Demo + Minimal
  • Style priority: AI-Native UI + Minimalism & Swiss Style
  • Color mood: Neutral + AI Purple (#6366F1)
  • Typography mood: Modern + Clear typography
  • Key effects: Streaming text + Typing indicators + Fade-in
  • Anti-patterns: Heavy chrome + Slow response feedback
  • Decision rules:
  • must_have β†’ ['constraint:conversational-ui', 'constraint:context-awareness']

πŸ”΄ 19. NFT/Web3 Platform

  • Recommended pattern: Feature-Rich Showcase
  • Style priority: Cyberpunk UI + Glassmorphism
  • Color mood: Dark + Neon + Gold (#FFD700)
  • Typography mood: Bold + Modern typography
  • Key effects: Wallet connect animations + Transaction feedback
  • Anti-patterns: Light mode default + No transaction status
  • Decision rules:
  • must_have β†’ ['constraint:wallet-integration', 'constraint:gas-fees-display']

🟑 20. Creator Economy Platform

  • Recommended pattern: Social Proof + Feature-Rich
  • Style priority: Vibrant & Block-based + Bento Box Grid
  • Color mood: Vibrant + Brand colors
  • Typography mood: Modern + Bold typography
  • Key effects: Engagement counter animations + Profile reveals
  • Anti-patterns: Generic layout + Hidden earnings
  • Decision rules:
  • must_have β†’ ['constraint:creator-profiles', 'constraint:monetization-display']

πŸ”΄ 21. Remote Work/Collaboration Tool

  • Recommended pattern: Feature-Rich + Real-Time
  • Style priority: Soft UI Evolution + Minimalism & Swiss Style
  • Color mood: Calm Blue + Neutral grey
  • Typography mood: Clean + Readable typography
  • Key effects: Real-time presence indicators + Notification badges
  • Anti-patterns: Cluttered interface + No presence
  • Decision rules:
  • must_have β†’ ['constraint:status-indicators', 'constraint:video-integration']

πŸ”΄ 22. Mental Health App

  • Recommended pattern: Social Proof-Focused
  • Style priority: Neumorphism + Accessible & Ethical
  • Color mood: Calm Pastels + Trust colors
  • Typography mood: Calming + Readable typography
  • Key effects: Soft press + Breathing animations
  • Anti-patterns: Bright neon + Motion overload
  • Decision rules:
  • must_have β†’ ['constraint:privacy-first']
  • if_meditation β†’ ['constraint:add-breathing-animation']

🟑 23. Pet Tech App

  • Recommended pattern: Storytelling + Feature-Rich
  • Style priority: Claymorphism + Vibrant & Block-based
  • Color mood: Playful + Warm colors
  • Typography mood: Friendly + Playful typography
  • Key effects: Pet profile animations + Health tracking charts
  • Anti-patterns: Generic design + No personality
  • Decision rules:
  • must_have β†’ ['constraint:pet-profiles']
  • if_health β†’ ['constraint:add-vet-integration']

πŸ”΄ 24. Smart Home/IoT Dashboard

  • Recommended pattern: Real-Time Monitoring
  • Style priority: Glassmorphism + Dark Mode (OLED)
  • Color mood: Dark + Status indicator colors
  • Typography mood: Clear + Functional typography
  • Key effects: Device status pulse + Quick action animations
  • Anti-patterns: Slow updates + No automation
  • Decision rules:
  • must_have β†’ ['constraint:real-time-controls', 'constraint:energy-monitoring']

πŸ”΄ 25. EV/Charging Ecosystem

  • Recommended pattern: Hero-Centric + Feature-Rich
  • Style priority: Minimalism & Swiss Style + Aurora UI
  • Color mood: Electric Blue (#009CD1) + Green
  • Typography mood: Modern + Clear typography
  • Key effects: Range estimation animations + Map interactions
  • Anti-patterns: Poor map UX + Hidden costs
  • Decision rules:
  • must_have β†’ ['constraint:charging-map', 'constraint:range-calculator']

πŸ”΄ 26. Subscription Box Service

  • Recommended pattern: Feature-Rich + Conversion
  • Style priority: Vibrant & Block-based + Motion-Driven
  • Color mood: Brand + Excitement colors
  • Typography mood: Engaging + Clear typography
  • Key effects: Unboxing reveal animations + Product carousel
  • Anti-patterns: Confusing pricing + No unboxing preview
  • Decision rules:
  • must_have β†’ ['constraint:personalization-quiz', 'constraint:subscription-management']

πŸ”΄ 27. Podcast Platform

  • Recommended pattern: Storytelling + Feature-Rich
  • Style priority: Dark Mode (OLED) + Minimalism & Swiss Style
  • Color mood: Dark + Audio waveform accents
  • Typography mood: Modern + Clear typography
  • Key effects: Waveform visualizations + Episode transitions
  • Anti-patterns: Poor audio player + Cluttered layout
  • Decision rules:
  • must_have β†’ ['constraint:audio-player-ux', 'constraint:episode-discovery']

πŸ”΄ 28. Dating App

  • Recommended pattern: Social Proof + Feature-Rich
  • Style priority: Vibrant & Block-based + Motion-Driven
  • Color mood: Warm + Romantic (Pink/Red gradients)
  • Typography mood: Modern + Friendly typography
  • Key effects: Profile card swipe + Match animations
  • Anti-patterns: Generic profiles + No safety
  • Decision rules:
  • must_have β†’ ['constraint:profile-cards', 'constraint:safety-features']

🟑 29. Micro-Credentials/Badges Platform

  • Recommended pattern: Trust & Authority + Feature
  • Style priority: Minimalism & Swiss Style + Flat Design
  • Color mood: Trust Blue + Gold (#FFD700)
  • Typography mood: Professional + Clear typography
  • Key effects: Badge reveal animations + Progress tracking
  • Anti-patterns: No verification + Hidden progress
  • Decision rules:
  • must_have β†’ ['constraint:credential-verification', 'constraint:progress-display']

πŸ”΄ 30. Knowledge Base/Documentation

  • Recommended pattern: FAQ + Minimal
  • Style priority: Minimalism & Swiss Style + Accessible & Ethical
  • Color mood: Clean hierarchy + Minimal color
  • Typography mood: Clear + Readable typography
  • Key effects: Search highlight + Smooth scrolling
  • Anti-patterns: Poor navigation + No search
  • Decision rules:
  • must_have β†’ ['constraint:search-first', 'constraint:version-switching']

πŸ”΄ 31. Hyperlocal Services

  • Recommended pattern: Conversion + Feature-Rich
  • Style priority: Minimalism & Swiss Style + Vibrant & Block-based
  • Color mood: Location markers + Trust colors
  • Typography mood: Clear + Functional typography
  • Key effects: Map hover + Provider card reveals
  • Anti-patterns: No map + Hidden reviews
  • Decision rules:
  • must_have β†’ ['constraint:map-integration', 'constraint:booking-system']

πŸ”΄ 32. Beauty/Spa/Wellness Service

  • Recommended pattern: Hero-Centric + Social Proof
  • Style priority: Soft UI Evolution + Neumorphism
  • Color mood: Soft pastels (Pink Sage Cream) + Gold accents
  • Typography mood: Elegant + Calming typography
  • Key effects: Soft shadows + Smooth transitions (200-300ms) + Gentle hover
  • Anti-patterns: Bright neon colors + Harsh animations + Dark mode
  • Decision rules:
  • must_have β†’ ['constraint:booking-system', 'constraint:before-after-gallery']
  • if_luxury β†’ ['constraint:add-gold-accents']

πŸ”΄ 33. Luxury/Premium Brand

  • Recommended pattern: Storytelling + Feature-Rich
  • Style priority: Liquid Glass + Glassmorphism
  • Color mood: Black + Gold (#FFD700) + White
  • Typography mood: Elegant + Refined typography
  • Key effects: Slow parallax + Premium reveals (400-600ms)
  • Anti-patterns: Cheap visuals + Fast animations
  • Decision rules:
  • must_have β†’ ['constraint:high-quality-imagery', 'constraint:storytelling']

πŸ”΄ 34. Restaurant/Food Service

  • Recommended pattern: Hero-Centric + Conversion
  • Style priority: Vibrant & Block-based + Motion-Driven
  • Color mood: Warm colors (Orange Red Brown)
  • Typography mood: Appetizing + Clear typography
  • Key effects: Food image reveal + Menu hover effects
  • Anti-patterns: Low-quality imagery + Outdated hours
  • Decision rules:
  • must_have β†’ ['constraint:high-quality-images']
  • if_delivery β†’ ['constraint:emphasize-speed']

πŸ”΄ 35. Fitness/Gym App

  • Recommended pattern: Feature-Rich + Data
  • Style priority: Vibrant & Block-based + Dark Mode (OLED)
  • Color mood: Energetic (Orange #FF6B35) + Dark bg
  • Typography mood: Bold + Motivational typography
  • Key effects: Progress ring animations + Achievement unlocks
  • Anti-patterns: Static design + No gamification
  • Decision rules:
  • must_have β†’ ['constraint:progress-tracking', 'constraint:workout-plans']

πŸ”΄ 36. Real Estate/Property

  • Recommended pattern: Hero-Centric + Feature-Rich
  • Style priority: Glassmorphism + Minimalism & Swiss Style
  • Color mood: Trust Blue + Gold + White
  • Typography mood: Professional + Confident
  • Key effects: 3D property tour zoom + Map hover
  • Anti-patterns: Poor photos + No virtual tours
  • Decision rules:
  • if_luxury β†’ ['constraint:add-3d-models']
  • must_have β†’ ['constraint:map-integration']

πŸ”΄ 37. Travel/Tourism Agency

  • Recommended pattern: Storytelling-Driven + Hero
  • Style priority: Aurora UI + Motion-Driven
  • Color mood: Vibrant destination + Sky Blue
  • Typography mood: Inspirational + Engaging
  • Key effects: Destination parallax + Itinerary animations
  • Anti-patterns: Generic photos + Complex booking
  • Decision rules:
  • if_experience_focused β†’ ['style:parallax-storytelling']
  • must_have β†’ ['constraint:mobile-booking']

πŸ”΄ 38. Hotel/Hospitality

  • Recommended pattern: Hero-Centric + Social Proof
  • Style priority: Liquid Glass + Minimalism & Swiss Style
  • Color mood: Warm neutrals + Gold (#D4AF37)
  • Typography mood: Elegant + Welcoming typography
  • Key effects: Room gallery + Amenity reveals
  • Anti-patterns: Poor photos + Complex booking
  • Decision rules:
  • must_have β†’ ['constraint:room-booking', 'constraint:virtual-tour']

πŸ”΄ 39. Wedding/Event Planning

  • Recommended pattern: Storytelling + Social Proof
  • Style priority: Soft UI Evolution + Aurora UI
  • Color mood: Soft Pink (#FFD6E0) + Gold + Cream
  • Typography mood: Elegant + Romantic typography
  • Key effects: Gallery reveals + Timeline animations
  • Anti-patterns: Generic templates + No portfolio
  • Decision rules:
  • must_have β†’ ['constraint:portfolio-gallery', 'constraint:planning-tools']
  • Recommended pattern: Trust & Authority + Minimal
  • Style priority: Accessible & Ethical + Minimalism & Swiss Style
  • Color mood: Navy Blue (#1E3A5F) + Gold + White
  • Typography mood: Professional + Authoritative typography
  • Key effects: Practice area reveal + Attorney profile animations
  • Anti-patterns: Outdated design + Hidden credentials + AI purple/pink gradients
  • Decision rules:
  • must_have β†’ ['constraint:case-results', 'constraint:credential-display']

πŸ”΄ 41. Insurance Platform

  • Recommended pattern: Conversion + Trust
  • Style priority: Accessible & Ethical + Flat Design
  • Color mood: Trust Blue (#0066CC) + Green + Neutral
  • Typography mood: Clear + Professional typography
  • Key effects: Quote calculator animations + Policy comparison
  • Anti-patterns: Confusing pricing + No trust signals + AI purple/pink gradients
  • Decision rules:
  • must_have β†’ ['constraint:quote-calculator', 'constraint:policy-comparison']

πŸ”΄ 42. Banking/Traditional Finance

  • Recommended pattern: Trust & Authority + Feature
  • Style priority: Minimalism & Swiss Style + Accessible & Ethical
  • Color mood: Navy (#0A1628) + Trust Blue + Gold
  • Typography mood: Professional + Trustworthy typography
  • Key effects: Smooth number animations + Security indicators
  • Anti-patterns: Playful design + Poor security UX + AI purple/pink gradients
  • Decision rules:
  • must_have β†’ ['constraint:security-first', 'constraint:accessibility']

πŸ”΄ 43. Online Course/E-learning

  • Recommended pattern: Feature-Rich + Social Proof
  • Style priority: Claymorphism + Vibrant & Block-based
  • Color mood: Vibrant learning colors + Progress green
  • Typography mood: Friendly + Engaging typography
  • Key effects: Progress bar animations + Certificate reveals
  • Anti-patterns: Boring design + No gamification
  • Decision rules:
  • must_have β†’ ['constraint:progress-tracking', 'constraint:video-player']

πŸ”΄ 44. Non-profit/Charity

  • Recommended pattern: Storytelling + Trust
  • Style priority: Accessible & Ethical + Organic Biophilic
  • Color mood: Cause-related colors + Trust + Warm
  • Typography mood: Heartfelt + Readable typography
  • Key effects: Impact counter animations + Story reveals
  • Anti-patterns: No impact data + Hidden financials
  • Decision rules:
  • must_have β†’ ['constraint:impact-stories', 'constraint:donation-transparency']

πŸ”΄ 45. Music Streaming

  • Recommended pattern: Feature-Rich Showcase
  • Style priority: Dark Mode (OLED) + Vibrant & Block-based
  • Color mood: Dark (#121212) + Vibrant accents + Album art colors
  • Typography mood: Modern + Bold typography
  • Key effects: Waveform visualization + Playlist animations
  • Anti-patterns: Cluttered layout + Poor audio player UX
  • Decision rules:
  • must_have β†’ ['constraint:audio-player-ux']
  • if_discovery_focused β†’ ['constraint:add-playlist-recommendations']

πŸ”΄ 46. Video Streaming/OTT

  • Recommended pattern: Hero-Centric + Feature-Rich
  • Style priority: Dark Mode (OLED) + Motion-Driven
  • Color mood: Dark bg + Poster colors + Brand accent
  • Typography mood: Bold + Engaging typography
  • Key effects: Video player animations + Content carousel (parallax)
  • Anti-patterns: Static layout + Slow video player
  • Decision rules:
  • must_have β†’ ['constraint:continue-watching']
  • if_personalized β†’ ['constraint:add-recommendations']

πŸ”΄ 47. Job Board/Recruitment

  • Recommended pattern: Conversion-Optimized + Feature-Rich
  • Style priority: Flat Design + Minimalism & Swiss Style
  • Color mood: Professional Blue + Success Green + Neutral
  • Typography mood: Clear + Professional typography
  • Key effects: Search/filter animations + Application flow
  • Anti-patterns: Outdated forms + Hidden filters
  • Decision rules:
  • must_have β†’ ['constraint:advanced-search']
  • if_salary_focused β†’ ['constraint:highlight-compensation']

πŸ”΄ 48. Marketplace (P2P)

  • Recommended pattern: Feature-Rich Showcase + Social Proof
  • Style priority: Vibrant & Block-based + Flat Design
  • Color mood: Trust colors + Category colors + Success green
  • Typography mood: Modern + Engaging typography
  • Key effects: Review star animations + Listing hover effects
  • Anti-patterns: Low trust signals + Confusing layout
  • Decision rules:
  • must_have β†’ ['constraint:seller-profiles', 'constraint:secure-payment']

πŸ”΄ 49. Logistics/Delivery

  • Recommended pattern: Feature-Rich Showcase + Real-Time
  • Style priority: Minimalism & Swiss Style + Flat Design
  • Color mood: Blue (#2563EB) + Orange (tracking) + Green
  • Typography mood: Clear + Functional typography
  • Key effects: Real-time tracking animation + Status pulse
  • Anti-patterns: Static tracking + No map integration + AI purple/pink gradients
  • Decision rules:
  • must_have β†’ ['constraint:tracking-map', 'constraint:delivery-updates']

🟑 50. Agriculture/Farm Tech

  • Recommended pattern: Feature-Rich Showcase
  • Style priority: Organic Biophilic + Flat Design
  • Color mood: Earth Green (#4A7C23) + Brown + Sky Blue
  • Typography mood: Clear + Informative typography
  • Key effects: Data visualization + Weather animations
  • Anti-patterns: Generic design + Ignored accessibility + AI purple/pink gradients
  • Decision rules:
  • must_have β†’ ['constraint:sensor-dashboard']
  • if_crop_focused β†’ ['constraint:add-health-indicators']

πŸ”΄ 51. Construction/Architecture

  • Recommended pattern: Hero-Centric + Feature-Rich
  • Style priority: Minimalism & Swiss Style + 3D & Hyperrealism
  • Color mood: Grey (#4A4A4A) + Orange (safety) + Blueprint Blue
  • Typography mood: Professional + Bold typography
  • Key effects: 3D model viewer + Timeline animations
  • Anti-patterns: 2D-only layouts + Poor image quality + AI purple/pink gradients
  • Decision rules:
  • must_have β†’ ['constraint:project-portfolio']
  • if_team_collaboration β†’ ['constraint:add-real-time-updates']

πŸ”΄ 52. Automotive/Car Dealership

  • Recommended pattern: Hero-Centric + Feature-Rich
  • Style priority: Motion-Driven + 3D & Hyperrealism
  • Color mood: Brand colors + Metallic + Dark/Light
  • Typography mood: Bold + Confident typography
  • Key effects: 360 product view + Configurator animations
  • Anti-patterns: Static product pages + Poor UX
  • Decision rules:
  • must_have β†’ ['constraint:vehicle-comparison', 'constraint:financing-calculator']

πŸ”΄ 53. Photography Studio

  • Recommended pattern: Storytelling-Driven + Hero-Centric
  • Style priority: Motion-Driven + Minimalism & Swiss Style
  • Color mood: Black + White + Minimal accent
  • Typography mood: Elegant + Minimal typography
  • Key effects: Full-bleed gallery + Before/after reveal
  • Anti-patterns: Heavy text + Poor image showcase
  • Decision rules:
  • must_have β†’ ['constraint:portfolio-showcase']
  • if_booking β†’ ['constraint:add-calendar-system']

🟑 54. Coworking Space

  • Recommended pattern: Hero-Centric + Feature-Rich
  • Style priority: Vibrant & Block-based + Glassmorphism
  • Color mood: Energetic colors + Wood tones + Brand
  • Typography mood: Modern + Engaging typography
  • Key effects: Space tour video + Amenity reveal animations
  • Anti-patterns: Outdated photos + Confusing layout
  • Decision rules:
  • must_have β†’ ['constraint:virtual-tour', 'constraint:booking-system']

πŸ”΄ 55. Home Services (Plumber/Electrician)

  • Recommended pattern: Conversion-Optimized + Trust
  • Style priority: Flat Design + Accessible & Ethical
  • Color mood: Trust Blue + Safety Orange + Grey
  • Typography mood: Professional + Clear typography
  • Key effects: Emergency contact highlight + Service menu animations
  • Anti-patterns: Hidden contact info + No certifications
  • Decision rules:
  • must_have β†’ ['constraint:emergency-contact', 'constraint:certifications-display']

πŸ”΄ 56. Childcare/Daycare

  • Recommended pattern: Social Proof-Focused + Trust
  • Style priority: Claymorphism + Vibrant & Block-based
  • Color mood: Playful pastels + Safe colors + Warm
  • Typography mood: Friendly + Playful typography
  • Key effects: Parent portal animations + Activity gallery reveal
  • Anti-patterns: Generic design + Hidden safety info
  • Decision rules:
  • must_have β†’ ['constraint:parent-communication', 'constraint:safety-certifications']

πŸ”΄ 57. Senior Care/Elderly

  • Recommended pattern: Trust & Authority + Accessible
  • Style priority: Accessible & Ethical + Soft UI Evolution
  • Color mood: Calm Blue + Warm neutrals + Large text
  • Typography mood: Large + Clear typography (18px+)
  • Key effects: Large touch targets + Clear navigation
  • Anti-patterns: Small text + Complex navigation + AI purple/pink gradients
  • Decision rules:
  • must_have β†’ ['constraint:wcag-aaa', 'constraint:family-portal']

πŸ”΄ 58. Medical Clinic

  • Recommended pattern: Trust & Authority + Conversion
  • Style priority: Accessible & Ethical + Minimalism & Swiss Style
  • Color mood: Medical Blue (#0077B6) + Trust White
  • Typography mood: Professional + Readable typography
  • Key effects: Online booking flow + Doctor profile reveals
  • Anti-patterns: Outdated interface + Confusing booking + AI purple/pink gradients
  • Decision rules:
  • must_have β†’ ['constraint:appointment-booking', 'constraint:insurance-info']

πŸ”΄ 59. Pharmacy/Drug Store

  • Recommended pattern: Conversion-Optimized + Trust
  • Style priority: Flat Design + Accessible & Ethical
  • Color mood: Pharmacy Green + Trust Blue + Clean White
  • Typography mood: Clear + Functional typography
  • Key effects: Prescription upload flow + Refill reminders
  • Anti-patterns: Confusing layout + Privacy concerns + AI purple/pink gradients
  • Decision rules:
  • must_have β†’ ['constraint:prescription-management', 'constraint:drug-interaction-warnings']

πŸ”΄ 60. Dental Practice

  • Recommended pattern: Social Proof-Focused + Conversion
  • Style priority: Soft UI Evolution + Minimalism & Swiss Style
  • Color mood: Fresh Blue + White + Smile Yellow
  • Typography mood: Friendly + Professional typography
  • Key effects: Before/after gallery + Patient testimonial carousel
  • Anti-patterns: Poor imagery + No testimonials
  • Decision rules:
  • must_have β†’ ['constraint:before-after-gallery', 'constraint:appointment-system']

🟑 61. Veterinary Clinic

  • Recommended pattern: Social Proof-Focused + Trust
  • Style priority: Claymorphism + Accessible & Ethical
  • Color mood: Caring Blue + Pet colors + Warm
  • Typography mood: Friendly + Welcoming typography
  • Key effects: Pet profile management + Service animations
  • Anti-patterns: Generic design + Hidden services
  • Decision rules:
  • must_have β†’ ['constraint:pet-portal', 'constraint:emergency-contact']

🟑 62. Florist/Plant Shop

  • Recommended pattern: Hero-Centric + Conversion
  • Style priority: Organic Biophilic + Vibrant & Block-based
  • Color mood: Natural Green + Floral pinks/purples
  • Typography mood: Elegant + Natural typography
  • Key effects: Product reveal + Seasonal transitions
  • Anti-patterns: Poor imagery + No seasonal content
  • Decision rules:
  • must_have β†’ ['constraint:delivery-scheduling', 'constraint:care-guides']

πŸ”΄ 63. Bakery/Cafe

  • Recommended pattern: Hero-Centric + Conversion
  • Style priority: Vibrant & Block-based + Soft UI Evolution
  • Color mood: Warm Brown + Cream + Appetizing accents
  • Typography mood: Warm + Inviting typography
  • Key effects: Menu hover + Order animations
  • Anti-patterns: Poor food photos + Hidden hours
  • Decision rules:
  • must_have β†’ ['constraint:menu-display', 'constraint:online-ordering']

πŸ”΄ 64. Brewery/Winery

  • Recommended pattern: Storytelling + Hero-Centric
  • Style priority: Motion-Driven + Vintage Analog / Retro Film
  • Color mood: Deep amber/burgundy + Gold + Craft
  • Typography mood: Artisanal + Heritage typography
  • Key effects: Tasting note reveals + Heritage timeline
  • Anti-patterns: Generic product pages + No story
  • Decision rules:
  • must_have β†’ ['constraint:product-showcase', 'constraint:story-heritage']

πŸ”΄ 65. Airline

  • Recommended pattern: Conversion + Feature-Rich
  • Style priority: Minimalism & Swiss Style + Glassmorphism
  • Color mood: Sky Blue + Brand colors + Trust
  • Typography mood: Clear + Professional typography
  • Key effects: Flight search animations + Boarding pass reveals
  • Anti-patterns: Complex booking + Poor mobile
  • Decision rules:
  • must_have β†’ ['constraint:flight-search', 'constraint:mobile-first']

πŸ”΄ 66. News/Media Platform

  • Recommended pattern: Hero-Centric + Feature-Rich
  • Style priority: Minimalism & Swiss Style + Flat Design
  • Color mood: Brand colors + High contrast
  • Typography mood: Clear + Readable typography
  • Key effects: Breaking news badge + Article reveal animations
  • Anti-patterns: Cluttered layout + Slow loading
  • Decision rules:
  • must_have β†’ ['constraint:mobile-first-reading', 'constraint:category-navigation']

πŸ”΄ 67. Magazine/Blog

  • Recommended pattern: Storytelling + Hero-Centric
  • Style priority: Swiss Modernism 2.0 + Motion-Driven
  • Color mood: Editorial colors + Brand + Clean white
  • Typography mood: Editorial + Elegant typography
  • Key effects: Article transitions + Category reveals
  • Anti-patterns: Poor typography + Slow loading
  • Decision rules:
  • must_have β†’ ['constraint:article-showcase', 'constraint:newsletter-signup']

πŸ”΄ 68. Freelancer Platform

  • Recommended pattern: Feature-Rich + Conversion
  • Style priority: Flat Design + Minimalism & Swiss Style
  • Color mood: Professional Blue + Success Green
  • Typography mood: Clear + Professional typography
  • Key effects: Skill match animations + Review reveals
  • Anti-patterns: Poor profiles + No reviews
  • Decision rules:
  • must_have β†’ ['constraint:portfolio-display', 'constraint:skill-matching']

πŸ”΄ 69. Marketing Agency

  • Recommended pattern: Storytelling + Feature-Rich
  • Style priority: Brutalism + Motion-Driven
  • Color mood: Bold brand colors + Creative freedom
  • Typography mood: Bold + Expressive typography
  • Key effects: Portfolio reveals + Results animations
  • Anti-patterns: Boring design + Hidden work
  • Decision rules:
  • must_have β†’ ['constraint:portfolio', 'constraint:results-metrics']

πŸ”΄ 70. Event Management

  • Recommended pattern: Hero-Centric + Feature-Rich
  • Style priority: Vibrant & Block-based + Motion-Driven
  • Color mood: Event theme colors + Excitement accents
  • Typography mood: Bold + Engaging typography
  • Key effects: Countdown timer + Registration flow
  • Anti-patterns: Confusing registration + No countdown
  • Decision rules:
  • must_have β†’ ['constraint:registration', 'constraint:agenda-display']

πŸ”΄ 71. Membership/Community

  • Recommended pattern: Social Proof + Conversion
  • Style priority: Vibrant & Block-based + Soft UI Evolution
  • Color mood: Community brand colors + Engagement
  • Typography mood: Friendly + Engaging typography
  • Key effects: Member counter + Benefit reveals
  • Anti-patterns: Hidden benefits + No community proof
  • Decision rules:
  • must_have β†’ ['constraint:member-benefits', 'constraint:pricing-tiers']

🟑 72. Newsletter Platform

  • Recommended pattern: Minimal + Conversion
  • Style priority: Minimalism & Swiss Style + Flat Design
  • Color mood: Brand primary + Clean white + CTA
  • Typography mood: Clean + Readable typography
  • Key effects: Subscribe form + Archive reveals
  • Anti-patterns: Complex signup + No preview
  • Decision rules:
  • must_have β†’ ['constraint:subscribe-form', 'constraint:sample-content']

πŸ”΄ 73. Digital Products/Downloads

  • Recommended pattern: Feature-Rich + Conversion
  • Style priority: Vibrant & Block-based + Motion-Driven
  • Color mood: Product colors + Brand + Success green
  • Typography mood: Modern + Clear typography
  • Key effects: Product preview + Instant delivery animations
  • Anti-patterns: No preview + Slow delivery
  • Decision rules:
  • must_have β†’ ['constraint:product-preview', 'constraint:instant-delivery']

🟑 74. Church/Religious Organization

  • Recommended pattern: Hero-Centric + Social Proof
  • Style priority: Accessible & Ethical + Soft UI Evolution
  • Color mood: Warm Gold + Deep Purple/Blue + White
  • Typography mood: Welcoming + Clear typography
  • Key effects: Service time highlights + Event calendar
  • Anti-patterns: Outdated design + Hidden info
  • Decision rules:
  • must_have β†’ ['constraint:service-times', 'constraint:community-events']

πŸ”΄ 75. Sports Team/Club

  • Recommended pattern: Hero-Centric + Feature-Rich
  • Style priority: Vibrant & Block-based + Motion-Driven
  • Color mood: Team colors + Energetic accents
  • Typography mood: Bold + Impactful typography
  • Key effects: Score animations + Schedule reveals
  • Anti-patterns: Static content + Poor fan engagement
  • Decision rules:
  • must_have β†’ ['constraint:schedule', 'constraint:roster']

πŸ”΄ 76. Museum/Gallery

  • Recommended pattern: Storytelling + Feature-Rich
  • Style priority: Minimalism & Swiss Style + Motion-Driven
  • Color mood: Art-appropriate neutrals + Exhibition accents
  • Typography mood: Elegant + Minimal typography
  • Key effects: Virtual tour + Collection reveals
  • Anti-patterns: Cluttered layout + No online access
  • Decision rules:
  • must_have β†’ ['constraint:virtual-tour', 'constraint:exhibition-info']

πŸ”΄ 77. Theater/Cinema

  • Recommended pattern: Hero-Centric + Conversion
  • Style priority: Dark Mode (OLED) + Motion-Driven
  • Color mood: Dark + Spotlight accents + Gold
  • Typography mood: Dramatic + Bold typography
  • Key effects: Seat selection + Trailer reveals
  • Anti-patterns: Poor booking UX + No trailers
  • Decision rules:
  • must_have β†’ ['constraint:showtimes', 'constraint:seat-selection']

πŸ”΄ 78. Language Learning App

  • Recommended pattern: Feature-Rich + Social Proof
  • Style priority: Claymorphism + Vibrant & Block-based
  • Color mood: Playful colors + Progress indicators
  • Typography mood: Friendly + Clear typography
  • Key effects: Progress animations + Achievement unlocks
  • Anti-patterns: Boring design + No motivation
  • Decision rules:
  • must_have β†’ ['constraint:progress-tracking', 'constraint:gamification']

πŸ”΄ 79. Coding Bootcamp

  • Recommended pattern: Feature-Rich + Social Proof
  • Style priority: Dark Mode (OLED) + Minimalism & Swiss Style
  • Color mood: Code editor colors + Brand + Success
  • Typography mood: Technical + Clear typography
  • Key effects: Terminal animations + Career outcome reveals
  • Anti-patterns: Light mode only + Hidden results
  • Decision rules:
  • must_have β†’ ['constraint:curriculum', 'constraint:career-outcomes']

πŸ”΄ 80. Cybersecurity Platform

  • Recommended pattern: Trust & Authority + Real-Time
  • Style priority: Cyberpunk UI + Dark Mode (OLED)
  • Color mood: Matrix Green (#00FF00) + Deep Black
  • Typography mood: Technical + Clear typography
  • Key effects: Threat visualization + Alert animations
  • Anti-patterns: Light mode + Poor data viz
  • Decision rules:
  • must_have β†’ ['constraint:real-time-monitoring', 'constraint:threat-display']

πŸ”΄ 81. Developer Tool / IDE

  • Recommended pattern: Minimal + Documentation
  • Style priority: Dark Mode (OLED) + Minimalism & Swiss Style
  • Color mood: Dark syntax theme + Blue focus
  • Typography mood: Monospace + Functional typography
  • Key effects: Syntax highlighting + Command palette
  • Anti-patterns: Light mode default + Slow performance
  • Decision rules:
  • must_have β†’ ['constraint:keyboard-shortcuts', 'constraint:documentation']

πŸ”΄ 82. Biotech / Life Sciences

  • Recommended pattern: Storytelling + Data
  • Style priority: Glassmorphism + Biomimetic / Organic 2.0
  • Color mood: Sterile White + DNA Blue + Life Green
  • Typography mood: Scientific + Clear typography
  • Key effects: Data visualization + Research reveals
  • Anti-patterns: Cluttered data + Poor credibility
  • Decision rules:
  • must_have β†’ ['constraint:data-accuracy', 'constraint:clean-aesthetic']

πŸ”΄ 83. Space Tech / Aerospace

  • Recommended pattern: Immersive + Feature-Rich
  • Style priority: HUD / Sci-Fi FUI + Dark Mode (OLED)
  • Color mood: Deep Space Black + Star White + Metallic
  • Typography mood: Futuristic + Precise typography
  • Key effects: Telemetry animations + 3D renders
  • Anti-patterns: Generic design + No immersion
  • Decision rules:
  • must_have β†’ ['constraint:high-tech-feel', 'constraint:precision-data']

πŸ”΄ 84. Architecture / Interior

  • Recommended pattern: Portfolio + Hero-Centric
  • Style priority: Exaggerated Minimalism + 3D & Hyperrealism
  • Color mood: Monochrome + Gold Accent + High Imagery
  • Typography mood: Architectural + Elegant typography
  • Key effects: Project gallery + Blueprint reveals
  • Anti-patterns: Poor imagery + Cluttered layout
  • Decision rules:
  • must_have β†’ ['constraint:high-res-images', 'constraint:project-portfolio']

πŸ”΄ 85. Quantum Computing Interface

  • Recommended pattern: Immersive + Interactive
  • Style priority: HUD / Sci-Fi FUI + Dark Mode (OLED)
  • Color mood: Quantum Blue (#00FFFF) + Deep Black
  • Typography mood: Futuristic + Scientific typography
  • Key effects: Probability visualizations + Qubit state animations
  • Anti-patterns: Generic tech design + No viz
  • Decision rules:
  • must_have β†’ ['constraint:complexity-visualization', 'constraint:scientific-credibility']

πŸ”΄ 86. Biohacking / Longevity App

  • Recommended pattern: Data-Dense + Storytelling
  • Style priority: Biomimetic / Organic 2.0 + Minimalism & Swiss Style
  • Color mood: Cellular Pink/Red + DNA Blue + White
  • Typography mood: Scientific + Clear typography
  • Key effects: Biological data viz + Progress animations
  • Anti-patterns: Generic health app + No privacy
  • Decision rules:
  • must_have β†’ ['constraint:data-privacy', 'constraint:scientific-credibility']

πŸ”΄ 87. Autonomous Drone Fleet Manager

  • Recommended pattern: Real-Time + Feature-Rich
  • Style priority: HUD / Sci-Fi FUI + Real-Time Monitoring
  • Color mood: Tactical Green + Alert Red + Map Dark
  • Typography mood: Technical + Functional typography
  • Key effects: Telemetry animations + 3D spatial awareness
  • Anti-patterns: Slow updates + Poor spatial viz
  • Decision rules:
  • must_have β†’ ['constraint:real-time-telemetry', 'constraint:safety-alerts']

πŸ”΄ 88. Generative Art Platform

  • Recommended pattern: Showcase + Feature-Rich
  • Style priority: Minimalism & Swiss Style + Gen Z Chaos / Maximalism
  • Color mood: Neutral (#F5F5F5) + User Content
  • Typography mood: Minimal + Content-focused typography
  • Key effects: Gallery masonry + Minting animations
  • Anti-patterns: Heavy chrome + Slow loading
  • Decision rules:
  • must_have β†’ ['constraint:fast-loading', 'constraint:creator-attribution']

πŸ”΄ 89. Spatial Computing OS / App

  • Recommended pattern: Immersive + Interactive
  • Style priority: Spatial UI (VisionOS) + Glassmorphism
  • Color mood: Frosted Glass + System Colors + Depth
  • Typography mood: Spatial + Readable typography
  • Key effects: Depth hierarchy + Gaze interactions
  • Anti-patterns: 2D design + No spatial depth
  • Decision rules:
  • must_have β†’ ['constraint:depth-hierarchy', 'constraint:environment-awareness']

πŸ”΄ 90. Sustainable Energy / Climate Tech

  • Recommended pattern: Data + Trust
  • Style priority: Organic Biophilic + E-Ink / Paper
  • Color mood: Earth Green + Sky Blue + Solar Yellow
  • Typography mood: Clear + Informative typography
  • Key effects: Impact viz + Progress animations
  • Anti-patterns: Greenwashing + No real data
  • Decision rules:
  • must_have β†’ ['constraint:data-transparency', 'constraint:impact-visualization']

πŸ”΄ 91. Personal Finance Tracker

  • Recommended pattern: Interactive Product Demo
  • Style priority: Glassmorphism + Dark Mode (OLED)
  • Color mood: Calm blue + success green + alert red + chart accents
  • Typography mood: Modern + Clear hierarchy
  • Key effects: Backdrop blur (10-20px) + Translucent overlays
  • Anti-patterns: Pure white backgrounds
  • Decision rules:
  • if_light_mode_needed β†’ ['constraint:provide-theme-toggle']
  • if_low_performance β†’ ['style:flat-design']

πŸ”΄ 92. Chat & Messaging App

  • Recommended pattern: Feature-Rich Showcase + Demo
  • Style priority: Minimalism & Swiss Style + Micro-interactions
  • Color mood: Brand primary + bubble contrast (sender/receiver) + typing grey
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Subtle hover 200ms + Smooth transitions + Clean
  • Anti-patterns: Excessive decoration
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 93. Notes & Writing App

  • Recommended pattern: Minimal & Direct
  • Style priority: Minimalism & Swiss Style + Flat Design
  • Color mood: Clean white/cream + minimal accent + editor syntax colors
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Excessive decoration + Complex shadows + 3D effects
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 94. Habit Tracker

  • Recommended pattern: Social Proof-Focused + Demo
  • Style priority: Claymorphism + Vibrant & Block-based
  • Color mood: Streak warm (amber/orange) + progress green + motivational accents
  • Typography mood: Playful + Rounded + Friendly
  • Key effects: Multi-layer shadows + Spring bounce + Soft press 200ms
  • Anti-patterns: Muted colors + Low energy
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 95. Food Delivery / On-Demand

  • Recommended pattern: Hero-Centric Design + Feature-Rich
  • Style priority: Vibrant & Block-based + Motion-Driven
  • Color mood: Appetizing warm (orange/red) + trust blue + map accent
  • Typography mood: Energetic + Bold + Large
  • Key effects: Scroll animations + Parallax + Page transitions
  • Anti-patterns: Muted colors + Low energy
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 96. Ride Hailing / Transportation

  • Recommended pattern: Conversion-Optimized + Demo
  • Style priority: Minimalism & Swiss Style + Glassmorphism
  • Color mood: Brand primary + map neutral + status indicator colors
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Backdrop blur (10-20px) + Translucent overlays
  • Anti-patterns: Excessive decoration
  • Decision rules:
  • if_low_performance β†’ ['style:flat-design']
  • if_conversion_focused β†’ ['constraint:add-urgency-colors']

πŸ”΄ 97. Recipe & Cooking App

  • Recommended pattern: Hero-Centric Design + Feature-Rich
  • Style priority: Claymorphism + Vibrant & Block-based
  • Color mood: Warm food tones (terracotta/sage/cream) + appetizing imagery
  • Typography mood: Playful + Rounded + Friendly
  • Key effects: Multi-layer shadows + Spring bounce + Soft press 200ms
  • Anti-patterns: Muted colors + Low energy
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 98. Meditation & Mindfulness

  • Recommended pattern: Storytelling-Driven + Social Proof
  • Style priority: Neumorphism + Soft UI Evolution
  • Color mood: Ultra-calm pastels (lavender/sage/sky) + breathing animation gradient
  • Typography mood: Subtle + Soft + Monochromatic
  • Key effects: Dual shadows (light+dark) + Soft press 150ms
  • Anti-patterns: Inconsistent styling + Poor contrast ratios
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 99. Weather App

  • Recommended pattern: Hero-Centric Design
  • Style priority: Glassmorphism + Aurora UI
  • Color mood: Atmospheric gradients (sky blue β†’ sunset β†’ storm grey) + temp scale
  • Typography mood: Modern + Clear hierarchy
  • Key effects: Backdrop blur (10-20px) + Translucent overlays
  • Anti-patterns: Inconsistent styling + Poor contrast ratios
  • Decision rules:
  • if_low_performance β†’ ['style:flat-design']

πŸ”΄ 100. Diary & Journal App

  • Recommended pattern: Storytelling-Driven
  • Style priority: Soft UI Evolution + Minimalism & Swiss Style
  • Color mood: Warm paper tones (cream/linen) + muted ink + mood-coded accents
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Subtle hover 200ms + Smooth transitions + Clean
  • Anti-patterns: Excessive decoration
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 101. CRM & Client Management

  • Recommended pattern: Feature-Rich Showcase + Demo
  • Style priority: Flat Design + Minimalism & Swiss Style
  • Color mood: Professional blue + pipeline stage colors + closed-won green
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Excessive decoration + Complex shadows + 3D effects
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 102. Inventory & Stock Management

  • Recommended pattern: Feature-Rich Showcase
  • Style priority: Flat Design + Minimalism & Swiss Style
  • Color mood: Functional neutral + status traffic-light (green/amber/red) + scanner accent
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Excessive decoration + Complex shadows + 3D effects
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 103. Flashcard & Study Tool

  • Recommended pattern: Feature-Rich Showcase + Demo
  • Style priority: Claymorphism + Micro-interactions
  • Color mood: Playful primary + correct green + incorrect red + progress blue
  • Typography mood: Playful + Rounded + Friendly
  • Key effects: Multi-layer shadows + Spring bounce + Soft press 200ms
  • Anti-patterns: Inconsistent styling + Poor contrast ratios
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 104. Booking & Appointment App

  • Recommended pattern: Conversion-Optimized
  • Style priority: Soft UI Evolution + Flat Design
  • Color mood: Trust blue + available green + booked grey + confirm accent
  • Typography mood: Bold + Clean + Sans-serif
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Complex shadows + 3D effects
  • Decision rules:
  • if_conversion_focused β†’ ['constraint:add-urgency-colors']

πŸ”΄ 105. Invoice & Billing Tool

  • Recommended pattern: Conversion-Optimized + Trust
  • Style priority: Minimalism & Swiss Style + Flat Design
  • Color mood: Professional navy + paid green + overdue red + neutral grey
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Excessive decoration + Complex shadows + 3D effects
  • Decision rules:
  • if_conversion_focused β†’ ['constraint:add-urgency-colors']

πŸ”΄ 106. Grocery & Shopping List

  • Recommended pattern: Minimal & Direct + Demo
  • Style priority: Flat Design + Vibrant & Block-based
  • Color mood: Fresh green + food-category colors + checkmark accent
  • Typography mood: Bold + Clean + Sans-serif
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Complex shadows + 3D effects + Muted colors + Low energy
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 107. Timer & Pomodoro

  • Recommended pattern: Minimal & Direct
  • Style priority: Minimalism & Swiss Style + Neumorphism
  • Color mood: High-contrast on dark + focus red/amber + break green
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Dual shadows (light+dark) + Soft press 150ms
  • Anti-patterns: Excessive decoration
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 108. Parenting & Baby Tracker

  • Recommended pattern: Social Proof-Focused + Trust
  • Style priority: Claymorphism + Soft UI Evolution
  • Color mood: Soft pastels (baby pink/sky blue/mint/peach) + warm accents
  • Typography mood: Playful + Rounded + Friendly
  • Key effects: Multi-layer shadows + Spring bounce + Soft press 200ms
  • Anti-patterns: Inconsistent styling + Poor contrast ratios
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 109. Scanner & Document Manager

  • Recommended pattern: Feature-Rich Showcase + Demo
  • Style priority: Minimalism & Swiss Style + Flat Design
  • Color mood: Clean white + camera viewfinder accent + file-type color coding
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Excessive decoration + Complex shadows + 3D effects
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 110. Calendar & Scheduling App

  • Recommended pattern: Feature-Rich Showcase + Demo
  • Style priority: Flat Design + Micro-interactions
  • Color mood: Clean blue + event category accent colors + success green
  • Typography mood: Bold + Clean + Sans-serif
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Complex shadows + 3D effects
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 111. Password Manager

  • Recommended pattern: Trust & Authority + Feature-Rich
  • Style priority: Minimalism & Swiss Style + Accessible & Ethical
  • Color mood: Trust blue + security green + dark neutral
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Subtle hover 200ms + Smooth transitions + Clean
  • Anti-patterns: Excessive decoration + Color-only indicators
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 112. Expense Splitter / Bill Split

  • Recommended pattern: Minimal & Direct + Demo
  • Style priority: Flat Design + Vibrant & Block-based
  • Color mood: Success green + alert red + neutral grey + avatar accent colors
  • Typography mood: Bold + Clean + Sans-serif
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Complex shadows + 3D effects + Muted colors + Low energy
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 113. Voice Recorder & Memo

  • Recommended pattern: Interactive Product Demo + Minimal
  • Style priority: Minimalism & Swiss Style + AI-Native UI
  • Color mood: Clean white + recording red + waveform accent
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Subtle hover 200ms + Smooth transitions + Clean
  • Anti-patterns: Excessive decoration
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 114. Bookmark & Read-Later

  • Recommended pattern: Minimal & Direct + Demo
  • Style priority: Minimalism & Swiss Style + Flat Design
  • Color mood: Paper warm white + ink neutral + minimal accent + tag colors
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Excessive decoration + Complex shadows + 3D effects
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 115. Translator App

  • Recommended pattern: Feature-Rich Showcase + Interactive Demo
  • Style priority: Flat Design + AI-Native UI
  • Color mood: Global blue + neutral grey + language flag accent
  • Typography mood: Bold + Clean + Sans-serif
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Complex shadows + 3D effects
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 116. Calculator & Unit Converter

  • Recommended pattern: Minimal & Direct
  • Style priority: Neumorphism + Minimalism & Swiss Style
  • Color mood: Dark functional + orange operation keys + clear button hierarchy
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Dual shadows (light+dark) + Soft press 150ms
  • Anti-patterns: Excessive decoration
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 117. Alarm & World Clock

  • Recommended pattern: Minimal & Direct
  • Style priority: Dark Mode (OLED) + Minimalism & Swiss Style
  • Color mood: Deep dark + ambient glow accent + timezone gradient
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Subtle glow + Neon accents + High contrast
  • Anti-patterns: Excessive decoration + Pure white backgrounds
  • Decision rules:
  • if_light_mode_needed β†’ ['constraint:provide-theme-toggle']

πŸ”΄ 118. File Manager & Transfer

  • Recommended pattern: Feature-Rich Showcase + Demo
  • Style priority: Flat Design + Minimalism & Swiss Style
  • Color mood: Functional neutral + file type color coding (PDF orange, doc blue, image purple)
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Excessive decoration + Complex shadows + 3D effects
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 119. Email Client

  • Recommended pattern: Feature-Rich Showcase + Demo
  • Style priority: Flat Design + Minimalism & Swiss Style
  • Color mood: Clean white + brand primary + priority red + snooze amber
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Excessive decoration + Complex shadows + 3D effects
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 120. Casual Puzzle Game

  • Recommended pattern: Feature-Rich Showcase + Social Proof
  • Style priority: Claymorphism + Vibrant & Block-based
  • Color mood: Cheerful pastels + progression gradient + reward gold + bright accent
  • Typography mood: Playful + Rounded + Friendly
  • Key effects: Multi-layer shadows + Spring bounce + Soft press 200ms
  • Anti-patterns: Muted colors + Low energy
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 121. Trivia & Quiz Game

  • Recommended pattern: Feature-Rich Showcase + Social Proof
  • Style priority: Vibrant & Block-based + Micro-interactions
  • Color mood: Energetic blue + correct green + incorrect red + leaderboard gold
  • Typography mood: Energetic + Bold + Large
  • Key effects: Haptic feedback + Small 50-100ms animations
  • Anti-patterns: Muted colors + Low energy
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 122. Card & Board Game

  • Recommended pattern: Feature-Rich Showcase
  • Style priority: 3D & Hyperrealism + Flat Design
  • Color mood: Game-theme felt green + dark wood + card back patterns
  • Typography mood: Bold + Clean + Sans-serif
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Complex shadows + 3D effects
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 123. Idle & Clicker Game

  • Recommended pattern: Feature-Rich Showcase
  • Style priority: Vibrant & Block-based + Motion-Driven
  • Color mood: Coin gold + upgrade blue + prestige purple + progress green
  • Typography mood: Energetic + Bold + Large
  • Key effects: Scroll animations + Parallax + Page transitions
  • Anti-patterns: Muted colors + Low energy
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 124. Word & Crossword Game

  • Recommended pattern: Minimal & Direct + Demo
  • Style priority: Minimalism & Swiss Style + Flat Design
  • Color mood: Clean white + warm letter tiles + success green + shake red
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Excessive decoration + Complex shadows + 3D effects
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 125. Arcade & Retro Game

  • Recommended pattern: Feature-Rich Showcase + Hero-Centric
  • Style priority: Pixel Art + Retro-Futurism
  • Color mood: Neon on black + pixel palette + score gold + danger red
  • Typography mood: Nostalgic + Monospace + Neon
  • Key effects: Subtle hover (200ms) + Smooth transitions
  • Anti-patterns: Inconsistent styling + Poor contrast ratios
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 126. Photo Editor & Filters

  • Recommended pattern: Feature-Rich Showcase + Interactive Demo
  • Style priority: Minimalism & Swiss Style + Dark Mode (OLED)
  • Color mood: Dark editor background + vibrant filter preview strip + tool icon accent
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Subtle glow + Neon accents + High contrast
  • Anti-patterns: Excessive decoration + Pure white backgrounds
  • Decision rules:
  • if_light_mode_needed β†’ ['constraint:provide-theme-toggle']

πŸ”΄ 127. Short Video Editor

  • Recommended pattern: Feature-Rich Showcase + Hero-Centric
  • Style priority: Dark Mode (OLED) + Motion-Driven
  • Color mood: Dark background + timeline track accent colors + effect preview vivid
  • Typography mood: High contrast + Light on dark
  • Key effects: Subtle glow + Neon accents + High contrast
  • Anti-patterns: Pure white backgrounds
  • Decision rules:
  • if_light_mode_needed β†’ ['constraint:provide-theme-toggle']

πŸ”΄ 128. Drawing & Sketching Canvas

  • Recommended pattern: Interactive Product Demo + Storytelling
  • Style priority: Minimalism & Swiss Style + Dark Mode (OLED)
  • Color mood: Neutral canvas + full-spectrum color picker + tool panel dark
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Subtle glow + Neon accents + High contrast
  • Anti-patterns: Excessive decoration + Pure white backgrounds
  • Decision rules:
  • if_light_mode_needed β†’ ['constraint:provide-theme-toggle']

πŸ”΄ 129. Music Creation & Beat Maker

  • Recommended pattern: Interactive Product Demo + Storytelling
  • Style priority: Dark Mode (OLED) + Motion-Driven
  • Color mood: Dark studio background + track colors rainbow + waveform accent + BPM pulse
  • Typography mood: High contrast + Light on dark
  • Key effects: Subtle glow + Neon accents + High contrast
  • Anti-patterns: Pure white backgrounds
  • Decision rules:
  • if_light_mode_needed β†’ ['constraint:provide-theme-toggle']

πŸ”΄ 130. Meme & Sticker Maker

  • Recommended pattern: Feature-Rich Showcase + Social Proof
  • Style priority: Vibrant & Block-based + Flat Design
  • Color mood: Bold primary + comedic yellow + viral red + high saturation accent
  • Typography mood: Bold + Clean + Sans-serif
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Complex shadows + 3D effects + Muted colors + Low energy
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 131. AI Photo & Avatar Generator

  • Recommended pattern: Feature-Rich Showcase + Social Proof
  • Style priority: AI-Native UI + Aurora UI
  • Color mood: AI purple + aurora gradients + before/after neutral
  • Typography mood: Elegant + Gradient-friendly
  • Key effects: Flowing gradients 8-12s + Color morphing
  • Anti-patterns: Inconsistent styling + Poor contrast ratios
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']
  • Recommended pattern: Conversion-Optimized + Social Proof
  • Style priority: Vibrant & Block-based + Bento Box Grid
  • Color mood: Brand-customizable + accent link color + clean white canvas
  • Typography mood: Energetic + Bold + Large
  • Key effects: Large section gaps 48px+ + Color shift hover + Scroll-snap
  • Anti-patterns: Muted colors + Low energy
  • Decision rules:
  • if_conversion_focused β†’ ['constraint:add-urgency-colors']
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 133. Wardrobe & Outfit Planner

  • Recommended pattern: Storytelling-Driven + Feature-Rich
  • Style priority: Minimalism & Swiss Style + Motion-Driven
  • Color mood: Clean fashion neutral + full clothes color palette + accent
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Subtle hover 200ms + Smooth transitions + Clean
  • Anti-patterns: Excessive decoration
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 134. Plant Care Tracker

  • Recommended pattern: Storytelling-Driven + Social Proof
  • Style priority: Organic Biophilic + Soft UI Evolution
  • Color mood: Nature greens + earth brown + sunny yellow reminder + water blue
  • Typography mood: Warm + Humanist + Natural
  • Key effects: Rounded 16-24px + Natural shadows + Flowing SVG
  • Anti-patterns: Inconsistent styling + Poor contrast ratios
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 135. Book & Reading Tracker

  • Recommended pattern: Social Proof-Focused + Feature-Rich
  • Style priority: Swiss Modernism 2.0 + Minimalism & Swiss Style
  • Color mood: Warm paper white + ink brown + reading progress green + book cover colors
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Subtle hover 200ms + Smooth transitions + Clean
  • Anti-patterns: Excessive decoration
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 136. Couple & Relationship App

  • Recommended pattern: Storytelling-Driven + Social Proof
  • Style priority: Aurora UI + Soft UI Evolution
  • Color mood: Warm romantic pink/rose + soft gradient + memory photo tones
  • Typography mood: Elegant + Gradient-friendly
  • Key effects: Flowing gradients 8-12s + Color morphing
  • Anti-patterns: Inconsistent styling + Poor contrast ratios
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 137. Family Calendar & Chores

  • Recommended pattern: Feature-Rich Showcase + Social Proof
  • Style priority: Flat Design + Claymorphism
  • Color mood: Warm playful + member color coding + chore completion green
  • Typography mood: Playful + Rounded + Friendly
  • Key effects: Multi-layer shadows + Spring bounce + Soft press 200ms
  • Anti-patterns: Complex shadows + 3D effects
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 138. Mood Tracker

  • Recommended pattern: Storytelling-Driven + Social Proof
  • Style priority: Soft UI Evolution + Minimalism & Swiss Style
  • Color mood: Emotion gradient (blue sad to yellow happy) + pastel per mood + insight accent
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Subtle hover 200ms + Smooth transitions + Clean
  • Anti-patterns: Excessive decoration
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 139. Gift & Wishlist

  • Recommended pattern: Minimal & Direct + Conversion
  • Style priority: Vibrant & Block-based + Soft UI Evolution
  • Color mood: Celebration warm pink/gold/red + category colors + surprise accent
  • Typography mood: Energetic + Bold + Large
  • Key effects: Large section gaps 48px+ + Color shift hover + Scroll-snap
  • Anti-patterns: Muted colors + Low energy
  • Decision rules:
  • if_conversion_focused β†’ ['constraint:add-urgency-colors']

πŸ”΄ 140. Running & Cycling GPS

  • Recommended pattern: Feature-Rich Showcase + Social Proof
  • Style priority: Dark Mode (OLED) + Vibrant & Block-based
  • Color mood: Energetic orange + map accent + pace zones (green/yellow/red)
  • Typography mood: High contrast + Light on dark
  • Key effects: Subtle glow + Neon accents + High contrast
  • Anti-patterns: Pure white backgrounds + Muted colors + Low energy
  • Decision rules:
  • if_light_mode_needed β†’ ['constraint:provide-theme-toggle']
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 141. Yoga & Stretching Guide

  • Recommended pattern: Storytelling-Driven + Social Proof
  • Style priority: Organic Biophilic + Soft UI Evolution
  • Color mood: Earth calming sage/terracotta/cream + breathing gradient + warm accent
  • Typography mood: Warm + Humanist + Natural
  • Key effects: Rounded 16-24px + Natural shadows + Flowing SVG
  • Anti-patterns: Inconsistent styling + Poor contrast ratios
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 142. Sleep Tracker

  • Recommended pattern: Feature-Rich Showcase + Social Proof
  • Style priority: Dark Mode (OLED) + Neumorphism
  • Color mood: Deep midnight blue + stars/moon accent + sleep quality gradient (poor red to great green)
  • Typography mood: High contrast + Light on dark
  • Key effects: Dual shadows (light+dark) + Soft press 150ms
  • Anti-patterns: Pure white backgrounds
  • Decision rules:
  • if_light_mode_needed β†’ ['constraint:provide-theme-toggle']
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 143. Calorie & Nutrition Counter

  • Recommended pattern: Feature-Rich Showcase + Social Proof
  • Style priority: Flat Design + Vibrant & Block-based
  • Color mood: Healthy green + macro colors (protein blue, carb orange, fat yellow) + progress circle
  • Typography mood: Bold + Clean + Sans-serif
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Complex shadows + 3D effects + Muted colors + Low energy
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 144. Period & Cycle Tracker

  • Recommended pattern: Social Proof-Focused + Trust
  • Style priority: Soft UI Evolution + Aurora UI
  • Color mood: Rose/blush + lavender + fertility green + soft calendar tones
  • Typography mood: Elegant + Gradient-friendly
  • Key effects: Flowing gradients 8-12s + Color morphing
  • Anti-patterns: Inconsistent styling + Poor contrast ratios
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 145. Medication & Pill Reminder

  • Recommended pattern: Trust & Authority + Feature-Rich
  • Style priority: Accessible & Ethical + Flat Design
  • Color mood: Medical trust blue + missed alert red + taken green + clean white
  • Typography mood: Bold + Clean + Sans-serif
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Complex shadows + 3D effects + Color-only indicators
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 146. Water & Hydration Reminder

  • Recommended pattern: Minimal & Direct + Demo
  • Style priority: Claymorphism + Vibrant & Block-based
  • Color mood: Refreshing blue + water wave animation + goal progress accent
  • Typography mood: Playful + Rounded + Friendly
  • Key effects: Multi-layer shadows + Spring bounce + Soft press 200ms
  • Anti-patterns: Muted colors + Low energy
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 147. Fasting & Intermittent Timer

  • Recommended pattern: Feature-Rich Showcase + Social Proof
  • Style priority: Minimalism & Swiss Style + Dark Mode (OLED)
  • Color mood: Fasting deep blue/purple + eating window green + timeline neutral
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Subtle glow + Neon accents + High contrast
  • Anti-patterns: Excessive decoration + Pure white backgrounds
  • Decision rules:
  • if_light_mode_needed β†’ ['constraint:provide-theme-toggle']
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 148. Anonymous Community / Confession

  • Recommended pattern: Social Proof-Focused + Feature-Rich
  • Style priority: Dark Mode (OLED) + Minimalism & Swiss Style
  • Color mood: Dark protective + subtle gradient + upvote green + empathy warm accent
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Subtle glow + Neon accents + High contrast
  • Anti-patterns: Excessive decoration + Pure white backgrounds
  • Decision rules:
  • if_light_mode_needed β†’ ['constraint:provide-theme-toggle']
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 149. Local Events & Discovery

  • Recommended pattern: Hero-Centric Design + Feature-Rich
  • Style priority: Vibrant & Block-based + Motion-Driven
  • Color mood: City vibrant + event category colors + map accent + date highlight
  • Typography mood: Energetic + Bold + Large
  • Key effects: Scroll animations + Parallax + Page transitions
  • Anti-patterns: Muted colors + Low energy
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 150. Study Together / Virtual Coworking

  • Recommended pattern: Social Proof-Focused + Feature-Rich
  • Style priority: Minimalism & Swiss Style + Soft UI Evolution
  • Color mood: Calm focus blue + session progress indicator + ambient warm neutrals
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Subtle hover 200ms + Smooth transitions + Clean
  • Anti-patterns: Excessive decoration
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 151. Coding Challenge & Practice

  • Recommended pattern: Feature-Rich Showcase + Social Proof
  • Style priority: Dark Mode (OLED) + Cyberpunk UI
  • Color mood: Code editor dark + success green + difficulty gradient (easy green / medium amber / hard red)
  • Typography mood: High contrast + Light on dark
  • Key effects: Subtle glow + Neon accents + High contrast
  • Anti-patterns: Pure white backgrounds
  • Decision rules:
  • if_light_mode_needed β†’ ['constraint:provide-theme-toggle']
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 152. Kids Learning (ABC & Math)

  • Recommended pattern: Social Proof-Focused + Trust
  • Style priority: Claymorphism + Vibrant & Block-based
  • Color mood: Bright primary + child-safe pastels + reward gold + interactive accent
  • Typography mood: Playful + Rounded + Friendly
  • Key effects: Multi-layer shadows + Spring bounce + Soft press 200ms
  • Anti-patterns: Muted colors + Low energy
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 153. Music Instrument Learning

  • Recommended pattern: Interactive Product Demo + Social Proof
  • Style priority: Vibrant & Block-based + Motion-Driven
  • Color mood: Musical warm deep red/brown + note color system + skill progress bar
  • Typography mood: Energetic + Bold + Large
  • Key effects: Scroll animations + Parallax + Page transitions
  • Anti-patterns: Muted colors + Low energy
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 154. Parking Finder

  • Recommended pattern: Conversion-Optimized + Feature-Rich
  • Style priority: Minimalism & Swiss Style + Glassmorphism
  • Color mood: Trust blue + available green + occupied red + map neutral
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Backdrop blur (10-20px) + Translucent overlays
  • Anti-patterns: Excessive decoration
  • Decision rules:
  • if_low_performance β†’ ['style:flat-design']
  • if_conversion_focused β†’ ['constraint:add-urgency-colors']

πŸ”΄ 155. Public Transit Guide

  • Recommended pattern: Feature-Rich Showcase + Interactive Demo
  • Style priority: Flat Design + Accessible & Ethical
  • Color mood: Transit brand line colors + real-time indicator green/red + map neutral
  • Typography mood: Bold + Clean + Sans-serif
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Complex shadows + 3D effects + Color-only indicators
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 156. Road Trip Planner

  • Recommended pattern: Storytelling-Driven + Hero-Centric
  • Style priority: Aurora UI + Organic Biophilic
  • Color mood: Adventure warm sunset orange + map teal + stop markers + road neutral
  • Typography mood: Elegant + Gradient-friendly
  • Key effects: Flowing gradients 8-12s + Color morphing
  • Anti-patterns: Inconsistent styling + Poor contrast ratios
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

πŸ”΄ 157. VPN & Privacy Tool

  • Recommended pattern: Trust & Authority + Conversion-Optimized
  • Style priority: Minimalism & Swiss Style + Dark Mode (OLED)
  • Color mood: Dark shield blue + connected green + disconnected red + trust accent
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Subtle glow + Neon accents + High contrast
  • Anti-patterns: Excessive decoration + Pure white backgrounds
  • Decision rules:
  • if_light_mode_needed β†’ ['constraint:provide-theme-toggle']
  • if_conversion_focused β†’ ['constraint:add-urgency-colors']

πŸ”΄ 158. Emergency SOS & Safety

  • Recommended pattern: Trust & Authority + Social Proof
  • Style priority: Accessible & Ethical + Flat Design
  • Color mood: Alert red + safety blue + location green + high contrast critical
  • Typography mood: Bold + Clean + Sans-serif
  • Key effects: Color shift hover + Fast 150ms transitions + No shadows
  • Anti-patterns: Complex shadows + 3D effects + Color-only indicators
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 159. Wallpaper & Theme App

  • Recommended pattern: Feature-Rich Showcase + Social Proof
  • Style priority: Vibrant & Block-based + Aurora UI
  • Color mood: Content-driven + trending aesthetic palettes + download accent
  • Typography mood: Energetic + Bold + Large
  • Key effects: Large section gaps 48px+ + Color shift hover + Scroll-snap
  • Anti-patterns: Muted colors + Low energy
  • Decision rules:
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 160. White Noise & Ambient Sound

  • Recommended pattern: Minimal & Direct + Social Proof
  • Style priority: Minimalism & Swiss Style + Dark Mode (OLED)
  • Color mood: Calming dark + ambient texture visual + subtle sound wave + sleep blue
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Subtle glow + Neon accents + High contrast
  • Anti-patterns: Excessive decoration + Pure white backgrounds
  • Decision rules:
  • if_light_mode_needed β†’ ['constraint:provide-theme-toggle']
  • if_trust_needed β†’ ['constraint:add-testimonials']

πŸ”΄ 161. Home Decoration & Interior Design

  • Recommended pattern: Storytelling-Driven + Feature-Rich
  • Style priority: Minimalism & Swiss Style + 3D Product Preview
  • Color mood: Neutral interior palette + material texture accent + AR blue
  • Typography mood: Professional + Clean hierarchy
  • Key effects: Subtle hover 200ms + Smooth transitions + Clean
  • Anti-patterns: Excessive decoration
  • Decision rules:
  • if_ux_focused β†’ ['constraint:prioritize-clarity']
  • if_mobile β†’ ['constraint:optimize-touch-targets']

🟑 162. Academic Journal / Scholarly Publishing

  • Recommended pattern: Newsletter / Content First
  • Style priority: Swiss Modernism 2.0 + Accessible & Ethical
  • Color mood: Trust navy + White + Citation blue + Serif accents
  • Typography mood: Serif body + Formal hierarchy
  • Key effects: Search highlight + Smooth scrolling
  • Anti-patterns: Low contrast + Visual clutter + motion-heavy chrome
  • Decision rules:
  • 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']

πŸ”΄ 163. API Developer Portal

  • Recommended pattern: FAQ/Documentation Landing
  • Style priority: Minimalism & Swiss Style + Glassmorphism
  • Color mood: Dark code theme + Brand accent + Syntax colors
  • Typography mood: Monospace + Clear typography
  • Key effects: Syntax highlighting + Copy-to-clipboard samples
  • Anti-patterns: Buried endpoints + Broken version switching + missing rate-limit state
  • Decision rules:
  • 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']

πŸ”΄ 164. Forum / Discussion Board

  • Recommended pattern: Community/Forum Landing
  • Style priority: Dark Mode (OLED) + Flat Design
  • Color mood: Dark neutral + topic accent colors + unread indicator + reputation badge
  • Typography mood: Readable + Community-first typography
  • Key effects: Thread expand/collapse + Reply composer cues
  • Anti-patterns: No moderation cues + cluttered threads + hidden post state
  • Decision rules:
  • 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']

πŸ”΄ 165. Directory / Listing Site

  • Recommended pattern: Marketplace / Directory
  • Style priority: Flat Design + Bento Box Grid
  • Color mood: Neutral bg + category color chips + map accent + verified badge
  • Typography mood: Scan-friendly + Neutral typography
  • Key effects: Filter chips + Map/list toggle
  • Anti-patterns: No trust cues + Text-heavy cards + hidden filters
  • Decision rules:
  • 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']

πŸ”΄ 166. Status Page / Incident Management

  • Recommended pattern: Real-Time / Operations Landing
  • Style priority: Dark Mode (OLED) + Data-Dense Dashboard
  • Color mood: Status green + incident red + maintenance amber + neutral dark
  • Typography mood: Functional + Status typography
  • Key effects: Status matrix + incident timeline transitions
  • Anti-patterns: Slow dashboards + decorative charts + hidden error states
  • Decision rules:
  • 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']

🟑 167. Wiki / Encyclopedia

  • Recommended pattern: FAQ/Documentation Landing
  • Style priority: Swiss Modernism 2.0 + Accessible & Ethical
  • Color mood: Clean white + link blue + heading hierarchy + citation grey
  • Typography mood: Clear + Hierarchical typography
  • Key effects: Table of contents sticky nav + search highlight
  • Anti-patterns: No search + flat hierarchy + noisy page chrome
  • Decision rules:
  • 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']

πŸ”΄ 168. Auction Platform

  • Recommended pattern: Real-Time / Operations Landing
  • Style priority: Dark Mode (OLED) + Motion-Driven
  • Color mood: Dark bg + bid green + outbid red + countdown amber
  • Typography mood: Bold + Urgent typography
  • Key effects: Countdown timer + live bid updates
  • Anti-patterns: Static design + No bid state + poor mobile
  • Decision rules:
  • 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']

🟑 169. Changelog / Release Notes

  • Recommended pattern: Newsletter / Content First
  • Style priority: Minimalism & Swiss Style + Flat Design
  • Color mood: Neutral bg + version badge colors + date grey
  • Typography mood: Neutral + Versioned hierarchy
  • Key effects: Timeline transitions + version badges
  • Anti-patterns: No chronological order + no version tags + noisy marketing copy
  • Decision rules:
  • 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']

🟑 170. Citizen Science Platform

  • Recommended pattern: Scroll-Triggered Storytelling
  • Style priority: Organic Biophilic + Motion-Driven
  • Color mood: Earth green + discovery orange + volunteer badge blue + data neutral
  • Typography mood: Readable + Community-first typography
  • Key effects: Progress badges + contribution feedback
  • Anti-patterns: No progress feedback + reward-less contributions
  • Decision rules:
  • 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']

πŸ”΄ 171. Classifieds / Buy-Sell

  • Recommended pattern: Marketplace / Directory
  • Style priority: Flat Design + Bento Box Grid
  • Color mood: Neutral bg + price green + category chips + verified seller badge
  • Typography mood: Scan-friendly + Marketplace typography
  • Key effects: Photo-first cards + map/list toggle
  • Anti-patterns: No trust cues + text-heavy pages + hidden filters
  • Decision rules:
  • 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']

🟑 172. Conference / Symposium Landing Page

  • Recommended pattern: Event/Conference Landing
  • Style priority: Swiss Modernism 2.0 + Accessible & Ethical
  • Color mood: Academic navy + track color chips + gold keynote + neutral white
  • Typography mood: Academic + Hierarchical typography
  • Key effects: Speaker grid + agenda reveal
  • Anti-patterns: Ornate design + unclear schedule + hidden speaker info
  • Decision rules:
  • 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']

πŸ”΄ 173. Crowdfunding Platform

  • Recommended pattern: Scroll-Triggered Storytelling
  • Style priority: Vibrant & Block-based + Motion-Driven
  • Color mood: Brand primary + funding progress green + urgency amber + reward tier colors
  • Typography mood: Emotional + High-contrast typography
  • Key effects: Progress bar + reward-tier animations
  • Anti-patterns: Static design + no progress bar + weak social proof
  • Decision rules:
  • 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']

🟑 174. Digital Signage / Kiosk

  • Recommended pattern: Immersive/Interactive Experience
  • Style priority: Flat Design + Dark Mode (OLED)
  • Color mood: High contrast + brand accent + touch target emphasis
  • Typography mood: Large + Immediate typography
  • Key effects: Auto-rotate transitions + large touch feedback
  • Anti-patterns: Tiny tap targets + scroll-heavy layout + flashy motion
  • Decision rules:
  • 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']

πŸ”΄ 175. E-signature / Document Workflow

  • Recommended pattern: Enterprise Gateway
  • Style priority: Minimalism & Swiss Style + Accessible & Ethical
  • Color mood: Trust navy + signature green + pending amber + neutral grey
  • Typography mood: Professional + Document-readable typography
  • Key effects: Signature placement highlights + audit trail states
  • Anti-patterns: Confusing signing flow + weak audit trail + hidden consent
  • Decision rules:
  • 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']

πŸ”΄ 176. Feature Flag / Config Management

  • Recommended pattern: Product Demo + Features
  • Style priority: Dark Mode (OLED) + Data-Dense Dashboard
  • Color mood: Dark bg + enabled green + disabled grey + experimental amber + kill-switch red
  • Typography mood: Functional + Technical typography
  • Key effects: Toggle state transitions + rollout sliders
  • Anti-patterns: Decorative visuals + ambiguous toggle states + slow performance
  • Decision rules:
  • 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']

πŸ”΄ 177. Government Portal / Civic Services

  • Recommended pattern: Enterprise Gateway
  • Style priority: Accessible & Ethical + Inclusive Design
  • Color mood: Professional blue + accessibility high contrast + service category colors
  • Typography mood: Clear + Large typography
  • Key effects: Skip-link focus states + save-progress forms
  • Anti-patterns: Ornate design + low contrast + motion effects + AI purple/pink gradients
  • Decision rules:
  • 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']

πŸ”΄ 178. Grant / Funding Portal

  • Recommended pattern: Marketplace / Directory
  • Style priority: Accessible & Ethical + Swiss Modernism 2.0
  • Color mood: Institution navy + funding green + deadline red + neutral white
  • Typography mood: Formal + Clear typography
  • Key effects: Deadline countdown + status tracking
  • Anti-patterns: No deadlines + no eligibility clarity + buried docs
  • Decision rules:
  • 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']

πŸ”΄ 179. LMS (Learning Management System)

  • Recommended pattern: Feature-Rich Showcase
  • Style priority: Flat Design + Accessible & Ethical
  • Color mood: Calm blue + course category colors + grade green + alert red
  • Typography mood: Readable + Instructional typography
  • Key effects: Course progress + calendar reminders
  • Anti-patterns: Hidden assignments + poor mobile + cluttered navigation
  • Decision rules:
  • 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']

πŸ”΄ 180. No-code / Low-code Builder

  • Recommended pattern: Product Demo + Features
  • Style priority: Vibrant & Block-based + Bento Box Grid
  • Color mood: Brand primary + component palette colors + canvas neutral + connect blue
  • Typography mood: Functional + UI-focused typography
  • Key effects: Drag-drop canvas + live preview sync
  • Anti-patterns: No live preview + hidden logic + sluggish canvas
  • Decision rules:
  • 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']

🟑 181. Open Source Project Landing

  • Recommended pattern: Hero + Features + CTA
  • Style priority: Flat Design + Minimalism & Swiss Style
  • Color mood: Dark bg + language color bar + star gold + fork silver + sponsor purple
  • Typography mood: Technical + Clear typography
  • Key effects: Install-command copy + contributor stats
  • Anti-patterns: No install command + weak contributor proof + marketing fluff
  • Decision rules:
  • 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']

πŸ”΄ 182. Patient Portal / Health Records

  • Recommended pattern: Trust & Authority + Conversion
  • Style priority: Minimalism & Swiss Style + Accessible & Ethical
  • Color mood: Clinical blue + health green + alert red + calm white + accessible contrast
  • Typography mood: Professional + Readable typography
  • Key effects: Labs timeline + message status states
  • Anti-patterns: Confusing booking + low contrast + missing lab hierarchy
  • Decision rules:
  • 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']

πŸ”΄ 183. Patent / IP Database

  • Recommended pattern: Marketplace / Directory
  • Style priority: Swiss Modernism 2.0 + Data-Dense Dashboard
  • Color mood: Formal neutral + patent type chips + status badges
  • Typography mood: Formal + Search-friendly typography
  • Key effects: Full-text search highlight + citation graph
  • Anti-patterns: No search + no citation graph + visual clutter
  • Decision rules:
  • 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']

πŸ”΄ 184. Q&A Community Platform

  • Recommended pattern: Community/Forum Landing
  • Style priority: Minimalism & Swiss Style + Flat Design
  • Color mood: Clean white + upvote orange + accepted green + reputation gold + tag colors
  • Typography mood: Readable + Code-friendly typography
  • Key effects: Vote count emphasis + code-block highlighting
  • Anti-patterns: No code support + poor vote clarity + hidden accepted answer
  • Decision rules:
  • 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']

🟑 185. Research Lab / University Department

  • Recommended pattern: Portfolio Grid
  • Style priority: Swiss Modernism 2.0 + Editorial Grid / Magazine
  • Color mood: Institutional navy + white + research-area accents + serif headings
  • Typography mood: Academic + Clear typography
  • Key effects: Publication cards + people grid
  • Anti-patterns: Low hierarchy + no publication filtering + cluttered visuals
  • Decision rules:
  • 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']

πŸ”΄ 186. Resume / CV Builder

  • Recommended pattern: Product Demo + Features
  • Style priority: Minimalism & Swiss Style + Accessible & Ethical
  • Color mood: Professional navy + section accent + success green + clean white
  • Typography mood: Professional + Resume-friendly typography
  • Key effects: Real-time preview + ATS score indicator
  • Anti-patterns: No live preview + weak ATS signals + decorative clutter
  • Decision rules:
  • 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']

πŸ”΄ 187. Review Platform

  • Recommended pattern: Product Review/Ratings Focused
  • Style priority: Bento Box Grid + Vibrant & Block-based
  • Color mood: Brand primary + star gold + positive green + negative red + verified blue
  • Typography mood: Readable + Review-first typography
  • Key effects: Rating distribution + verified badge emphasis
  • Anti-patterns: No verified badges + text-heavy pages + hidden filter controls
  • Decision rules:
  • 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']

πŸ”΄ 188. RPA / Automation Dashboard

  • Recommended pattern: Real-Time / Operations Landing
  • Style priority: Dark Mode (OLED) + Data-Dense Dashboard
  • Color mood: Dark bg + running green + failed red + queued amber + completed blue
  • Typography mood: Functional + Operational typography
  • Key effects: Status matrix + alert transitions
  • Anti-patterns: Slow dashboards + decorative charts + hidden error states
  • Decision rules:
  • 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']

πŸ”΄ 189. Survey / Form Builder

  • Recommended pattern: Product Demo + Features
  • Style priority: Minimalism & Swiss Style + Micro-interactions
  • Color mood: Clean white + question accent + progress green + submit blue
  • Typography mood: Clear + Form-first typography
  • Key effects: Conditional-logic flow + progress animation
  • Anti-patterns: Static forms + hidden conditional logic + weak progress cues
  • Decision rules:
  • 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']

πŸ”΄ 190. Telemedicine Platform

  • Recommended pattern: Trust & Authority + Conversion
  • Style priority: Neumorphism + Accessible & Ethical
  • Color mood: Calm medical blue + video green + waiting amber + trust white
  • Typography mood: Professional + Calm typography
  • Key effects: Video-call state transitions + waiting-room ETA
  • Anti-patterns: Low trust cues + confusing waiting state + tiny controls
  • Decision rules:
  • 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']

🟑 191. Testimonial & Social Proof Widget

  • Recommended pattern: Hero + Testimonials + CTA
  • Style priority: Bento Box Grid + Vibrant & Block-based
  • Color mood: Brand primary + quote accent + star gold + verified blue
  • Typography mood: Readable + Social-proof typography
  • Key effects: Card carousel + photo/video cards
  • Anti-patterns: No evidence badges + static layout + tiny media
  • Decision rules:
  • 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']

πŸ”΄ 192. Ticketing / Box Office

  • Recommended pattern: Event/Conference Landing
  • Style priority: Vibrant & Block-based + Motion-Driven
  • Color mood: Event theme colors + available green + sold-out red + seat map neutral
  • Typography mood: Bold + Event typography
  • Key effects: Seat-map hover states + countdown urgency
  • Anti-patterns: No seat-map feedback + hidden fees + weak mobile
  • Decision rules:
  • 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']