mirror of
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git
synced 2026-08-14 08:49:05 +00:00
Overhaul BM25 relevance, reasoning and data-quality contracts; refresh UI styles and framework guidance; add resilient text, chip, badge and micro-interaction guidance; strengthen release, provenance and catalog refresh gates; update bilingual documentation.
76 KiB
76 KiB
| 1 | No | UI_Category | Recommended_Pattern | Style_Priority | Color_Mood | Typography_Mood | Key_Effects | Decision_Rules | Anti_Patterns | Severity | Reasoning | Confidence |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 2 | 1 | SaaS (General) | Hero + Features + CTA | Glassmorphism + Flat Design | Trust blue + Accent contrast | Professional + Hierarchy | Subtle hover (200-250ms) + Smooth transitions | {"if_ux_focused":["style:minimalism-and-swiss-style"],"if_data_heavy":["style:glassmorphism"]} | Excessive animation + Dark mode by default | HIGH | ||
| 3 | 2 | Micro SaaS | Hero-Centric + Trust | Motion-Driven + Vibrant & Block-based | Bold primaries + Accent contrast | Modern + Energetic typography | Scroll-triggered animations + Parallax | {"if_pre_launch":["pattern:Waitlist/Coming Soon"],"if_video_ready":["constraint:add-hero-video"]} | Static design + No video + Poor mobile | HIGH | ||
| 4 | 3 | E-commerce | Feature-Rich Showcase | Vibrant & Block-based | Brand primary + Success green | Engaging + Clear hierarchy | Card hover lift (200ms) + Scale effect | {"if_luxury":["style:liquid-glass"],"if_conversion_focused":["constraint:add-urgency-colors"]} | Flat design without depth + Text-heavy pages | HIGH | ||
| 5 | 4 | E-commerce Luxury | Feature-Rich Showcase | Liquid Glass + Glassmorphism | Premium colors + Minimal accent | Elegant + Refined typography | Chromatic aberration + Fluid animations (400-600ms) | {"if_checkout":["constraint:emphasize-trust"],"if_hero_needed":["style:3d-and-hyperrealism"]} | Vibrant & Block-based + Playful colors | HIGH | ||
| 6 | 5 | B2B Service | Feature-Rich Showcase + Trust | Accessible & Ethical + Minimalism & Swiss Style | Professional blue + Neutral grey | Formal + Clear typography | Section transitions + Feature reveals | {"must_have":["constraint:case-studies","constraint:roi-messaging"]} | Playful design + Hidden credentials + AI purple/pink gradients | HIGH | ||
| 7 | 6 | Financial Dashboard | Data-Dense Dashboard | Dark Mode (OLED) + Data-Dense Dashboard | Dark bg + Red/Green alerts + Trust blue | Clear + Readable typography | Real-time number animations + Alert pulse | {"must_have":["constraint:real-time-updates","constraint:high-contrast"]} | Light mode default + Slow rendering | HIGH | ||
| 8 | 7 | Analytics Dashboard | Data-Dense + Drill-Down | Data-Dense Dashboard + Heat Map & Heatmap Style | Cool→Hot gradients + Neutral grey | Clear + Functional typography | Hover tooltips + Chart zoom + Filter animations | {"must_have":["constraint:data-export"],"if_large_dataset":["constraint:virtualize-lists"]} | Ornate design + No filtering | HIGH | ||
| 9 | 8 | Healthcare App | Social Proof-Focused | Neumorphism + Accessible & Ethical | Calm blue + Health green | Readable + Large type (16px+) | Soft box-shadow + Smooth press (150ms) | {"must_have":["constraint:wcag-aaa-compliance"],"if_medication":["constraint:red-alert-colors"]} | Bright neon colors + Motion-heavy animations + AI purple/pink gradients | HIGH | ||
| 10 | 9 | Educational App | Feature-Rich Showcase | Claymorphism + Micro-interactions | Playful colors + Clear hierarchy | Friendly + Engaging typography | Soft press (200ms) + Fluffy elements | {"if_gamification":["constraint:add-progress-animation"],"if_children":["constraint:increase-playfulness"]} | Dark modes + Complex jargon | MEDIUM | ||
| 11 | 10 | Creative Agency | Storytelling-Driven | Brutalism + Motion-Driven | Bold primaries + Artistic freedom | Bold + Expressive typography | CRT scanlines + Neon glow + Glitch effects | {"must_have":["constraint:case-studies"],"if_boutique":["constraint:increase-artistic-freedom"]} | Corporate minimalism + Hidden portfolio | HIGH | ||
| 12 | 11 | Portfolio/Personal | Storytelling-Driven | Motion-Driven + Minimalism & Swiss Style | Brand primary + Artistic | Expressive + Variable typography | Parallax (3-5 layers) + Scroll-triggered reveals | {"if_creative_field":["style:brutalism"],"if_minimal_portfolio":["constraint:reduce-motion"]} | Corporate templates + Generic layouts | MEDIUM | ||
| 13 | 12 | Gaming | Feature-Rich Showcase | 3D & Hyperrealism + Retro-Futurism | Vibrant + Neon + Immersive | Bold + Impactful typography | WebGL 3D rendering + Glitch effects | {"if_competitive":["constraint:add-real-time-stats"],"if_casual":["constraint:increase-playfulness"]} | Minimalist design + Static assets | HIGH | ||
| 14 | 13 | Government/Public Service | Minimal & Direct | Accessible & Ethical + Minimalism & Swiss Style | Professional blue + High contrast | Clear + Large typography | Clear focus rings (3-4px) + Skip links | {"must_have":["constraint:wcag-aaa","constraint:keyboard-navigation"]} | Ornate design + Low contrast + Motion effects + AI purple/pink gradients | HIGH | ||
| 15 | 14 | Fintech/Crypto | Trust & Authority | Minimalism & Swiss Style + Accessible & Ethical | Navy + Trust Blue + Gold | Professional + Trustworthy | Smooth state transitions + Number animations | {"must_have":["constraint:security-first"],"if_dashboard":["mode:dark"]} | Playful design + Unclear fees + AI purple/pink gradients | HIGH | ||
| 16 | 15 | Social Media App | Feature-Rich Showcase | Vibrant & Block-based + Motion-Driven | Vibrant + Engagement colors | Modern + Bold typography | Large scroll animations + Icon animations | {"if_engagement_metric":["constraint:add-motion"],"if_content_focused":["constraint:minimize-chrome"]} | Heavy skeuomorphism + Accessibility ignored | MEDIUM | ||
| 17 | 16 | Productivity Tool | Interactive Demo + Feature-Rich | Flat Design + Micro-interactions | Clear hierarchy + Functional colors | Clean + Efficient typography | Quick actions (150ms) + Task animations | {"must_have":["constraint:keyboard-shortcuts"],"if_collaboration":["constraint:add-real-time-cursors"]} | Complex onboarding + Slow performance | HIGH | ||
| 18 | 17 | Design System/Component Library | Feature-Rich + Documentation | Minimalism & Swiss Style + Accessible & Ethical | Clear hierarchy + Code-like structure | Monospace + Clear typography | Code copy animations + Component previews | {"must_have":["constraint:search","constraint:code-examples"]} | Poor documentation + No live preview | HIGH | ||
| 19 | 18 | AI/Chatbot Platform | Interactive Demo + Minimal | AI-Native UI + Minimalism & Swiss Style | Neutral + AI Purple (#6366F1) | Modern + Clear typography | Streaming text + Typing indicators + Fade-in | {"must_have":["constraint:conversational-ui","constraint:context-awareness"]} | Heavy chrome + Slow response feedback | HIGH | ||
| 20 | 19 | NFT/Web3 Platform | Feature-Rich Showcase | Cyberpunk UI + Glassmorphism | Dark + Neon + Gold (#FFD700) | Bold + Modern typography | Wallet connect animations + Transaction feedback | {"must_have":["constraint:wallet-integration","constraint:gas-fees-display"]} | Light mode default + No transaction status | HIGH | ||
| 21 | 20 | Creator Economy Platform | Social Proof + Feature-Rich | Vibrant & Block-based + Bento Box Grid | Vibrant + Brand colors | Modern + Bold typography | Engagement counter animations + Profile reveals | {"must_have":["constraint:creator-profiles","constraint:monetization-display"]} | Generic layout + Hidden earnings | MEDIUM | ||
| 22 | 21 | Remote Work/Collaboration Tool | Feature-Rich + Real-Time | Soft UI Evolution + Minimalism & Swiss Style | Calm Blue + Neutral grey | Clean + Readable typography | Real-time presence indicators + Notification badges | {"must_have":["constraint:status-indicators","constraint:video-integration"]} | Cluttered interface + No presence | HIGH | ||
| 23 | 22 | Mental Health App | Social Proof-Focused | Neumorphism + Accessible & Ethical | Calm Pastels + Trust colors | Calming + Readable typography | Soft press + Breathing animations | {"must_have":["constraint:privacy-first"],"if_meditation":["constraint:add-breathing-animation"]} | Bright neon + Motion overload | HIGH | ||
| 24 | 23 | Pet Tech App | Storytelling + Feature-Rich | Claymorphism + Vibrant & Block-based | Playful + Warm colors | Friendly + Playful typography | Pet profile animations + Health tracking charts | {"must_have":["constraint:pet-profiles"],"if_health":["constraint:add-vet-integration"]} | Generic design + No personality | MEDIUM | ||
| 25 | 24 | Smart Home/IoT Dashboard | Real-Time Monitoring | Glassmorphism + Dark Mode (OLED) | Dark + Status indicator colors | Clear + Functional typography | Device status pulse + Quick action animations | {"must_have":["constraint:real-time-controls","constraint:energy-monitoring"]} | Slow updates + No automation | HIGH | ||
| 26 | 25 | EV/Charging Ecosystem | Hero-Centric + Feature-Rich | Minimalism & Swiss Style + Aurora UI | Electric Blue (#009CD1) + Green | Modern + Clear typography | Range estimation animations + Map interactions | {"must_have":["constraint:charging-map","constraint:range-calculator"]} | Poor map UX + Hidden costs | HIGH | ||
| 27 | 26 | Subscription Box Service | Feature-Rich + Conversion | Vibrant & Block-based + Motion-Driven | Brand + Excitement colors | Engaging + Clear typography | Unboxing reveal animations + Product carousel | {"must_have":["constraint:personalization-quiz","constraint:subscription-management"]} | Confusing pricing + No unboxing preview | HIGH | ||
| 28 | 27 | Podcast Platform | Storytelling + Feature-Rich | Dark Mode (OLED) + Minimalism & Swiss Style | Dark + Audio waveform accents | Modern + Clear typography | Waveform visualizations + Episode transitions | {"must_have":["constraint:audio-player-ux","constraint:episode-discovery"]} | Poor audio player + Cluttered layout | HIGH | ||
| 29 | 28 | Dating App | Social Proof + Feature-Rich | Vibrant & Block-based + Motion-Driven | Warm + Romantic (Pink/Red gradients) | Modern + Friendly typography | Profile card swipe + Match animations | {"must_have":["constraint:profile-cards","constraint:safety-features"]} | Generic profiles + No safety | HIGH | ||
| 30 | 29 | Micro-Credentials/Badges Platform | Trust & Authority + Feature | Minimalism & Swiss Style + Flat Design | Trust Blue + Gold (#FFD700) | Professional + Clear typography | Badge reveal animations + Progress tracking | {"must_have":["constraint:credential-verification","constraint:progress-display"]} | No verification + Hidden progress | MEDIUM | ||
| 31 | 30 | Knowledge Base/Documentation | FAQ + Minimal | Minimalism & Swiss Style + Accessible & Ethical | Clean hierarchy + Minimal color | Clear + Readable typography | Search highlight + Smooth scrolling | {"must_have":["constraint:search-first","constraint:version-switching"]} | Poor navigation + No search | HIGH | ||
| 32 | 31 | Hyperlocal Services | Conversion + Feature-Rich | Minimalism & Swiss Style + Vibrant & Block-based | Location markers + Trust colors | Clear + Functional typography | Map hover + Provider card reveals | {"must_have":["constraint:map-integration","constraint:booking-system"]} | No map + Hidden reviews | HIGH | ||
| 33 | 32 | Beauty/Spa/Wellness Service | Hero-Centric + Social Proof | Soft UI Evolution + Neumorphism | Soft pastels (Pink Sage Cream) + Gold accents | Elegant + Calming typography | Soft shadows + Smooth transitions (200-300ms) + Gentle hover | {"must_have":["constraint:booking-system","constraint:before-after-gallery"],"if_luxury":["constraint:add-gold-accents"]} | Bright neon colors + Harsh animations + Dark mode | HIGH | ||
| 34 | 33 | Luxury/Premium Brand | Storytelling + Feature-Rich | Liquid Glass + Glassmorphism | Black + Gold (#FFD700) + White | Elegant + Refined typography | Slow parallax + Premium reveals (400-600ms) | {"must_have":["constraint:high-quality-imagery","constraint:storytelling"]} | Cheap visuals + Fast animations | HIGH | ||
| 35 | 34 | Restaurant/Food Service | Hero-Centric + Conversion | Vibrant & Block-based + Motion-Driven | Warm colors (Orange Red Brown) | Appetizing + Clear typography | Food image reveal + Menu hover effects | {"must_have":["constraint:high-quality-images"],"if_delivery":["constraint:emphasize-speed"]} | Low-quality imagery + Outdated hours | HIGH | ||
| 36 | 35 | Fitness/Gym App | Feature-Rich + Data | Vibrant & Block-based + Dark Mode (OLED) | Energetic (Orange #FF6B35) + Dark bg | Bold + Motivational typography | Progress ring animations + Achievement unlocks | {"must_have":["constraint:progress-tracking","constraint:workout-plans"]} | Static design + No gamification | HIGH | ||
| 37 | 36 | Real Estate/Property | Hero-Centric + Feature-Rich | Glassmorphism + Minimalism & Swiss Style | Trust Blue + Gold + White | Professional + Confident | 3D property tour zoom + Map hover | {"if_luxury":["constraint:add-3d-models"],"must_have":["constraint:map-integration"]} | Poor photos + No virtual tours | HIGH | ||
| 38 | 37 | Travel/Tourism Agency | Storytelling-Driven + Hero | Aurora UI + Motion-Driven | Vibrant destination + Sky Blue | Inspirational + Engaging | Destination parallax + Itinerary animations | {"if_experience_focused":["style:parallax-storytelling"],"must_have":["constraint:mobile-booking"]} | Generic photos + Complex booking | HIGH | ||
| 39 | 38 | Hotel/Hospitality | Hero-Centric + Social Proof | Liquid Glass + Minimalism & Swiss Style | Warm neutrals + Gold (#D4AF37) | Elegant + Welcoming typography | Room gallery + Amenity reveals | {"must_have":["constraint:room-booking","constraint:virtual-tour"]} | Poor photos + Complex booking | HIGH | ||
| 40 | 39 | Wedding/Event Planning | Storytelling + Social Proof | Soft UI Evolution + Aurora UI | Soft Pink (#FFD6E0) + Gold + Cream | Elegant + Romantic typography | Gallery reveals + Timeline animations | {"must_have":["constraint:portfolio-gallery","constraint:planning-tools"]} | Generic templates + No portfolio | HIGH | ||
| 41 | 40 | Legal Services | Trust & Authority + Minimal | Accessible & Ethical + Minimalism & Swiss Style | Navy Blue (#1E3A5F) + Gold + White | Professional + Authoritative typography | Practice area reveal + Attorney profile animations | {"must_have":["constraint:case-results","constraint:credential-display"]} | Outdated design + Hidden credentials + AI purple/pink gradients | HIGH | ||
| 42 | 41 | Insurance Platform | Conversion + Trust | Accessible & Ethical + Flat Design | Trust Blue (#0066CC) + Green + Neutral | Clear + Professional typography | Quote calculator animations + Policy comparison | {"must_have":["constraint:quote-calculator","constraint:policy-comparison"]} | Confusing pricing + No trust signals + AI purple/pink gradients | HIGH | ||
| 43 | 42 | Banking/Traditional Finance | Trust & Authority + Feature | Minimalism & Swiss Style + Accessible & Ethical | Navy (#0A1628) + Trust Blue + Gold | Professional + Trustworthy typography | Smooth number animations + Security indicators | {"must_have":["constraint:security-first","constraint:accessibility"]} | Playful design + Poor security UX + AI purple/pink gradients | HIGH | ||
| 44 | 43 | Online Course/E-learning | Feature-Rich + Social Proof | Claymorphism + Vibrant & Block-based | Vibrant learning colors + Progress green | Friendly + Engaging typography | Progress bar animations + Certificate reveals | {"must_have":["constraint:progress-tracking","constraint:video-player"]} | Boring design + No gamification | HIGH | ||
| 45 | 44 | Non-profit/Charity | Storytelling + Trust | Accessible & Ethical + Organic Biophilic | Cause-related colors + Trust + Warm | Heartfelt + Readable typography | Impact counter animations + Story reveals | {"must_have":["constraint:impact-stories","constraint:donation-transparency"]} | No impact data + Hidden financials | HIGH | ||
| 46 | 45 | Music Streaming | Feature-Rich Showcase | Dark Mode (OLED) + Vibrant & Block-based | Dark (#121212) + Vibrant accents + Album art colors | Modern + Bold typography | Waveform visualization + Playlist animations | {"must_have":["constraint:audio-player-ux"],"if_discovery_focused":["constraint:add-playlist-recommendations"]} | Cluttered layout + Poor audio player UX | HIGH | ||
| 47 | 46 | Video Streaming/OTT | Hero-Centric + Feature-Rich | Dark Mode (OLED) + Motion-Driven | Dark bg + Poster colors + Brand accent | Bold + Engaging typography | Video player animations + Content carousel (parallax) | {"must_have":["constraint:continue-watching"],"if_personalized":["constraint:add-recommendations"]} | Static layout + Slow video player | HIGH | ||
| 48 | 47 | Job Board/Recruitment | Conversion-Optimized + Feature-Rich | Flat Design + Minimalism & Swiss Style | Professional Blue + Success Green + Neutral | Clear + Professional typography | Search/filter animations + Application flow | {"must_have":["constraint:advanced-search"],"if_salary_focused":["constraint:highlight-compensation"]} | Outdated forms + Hidden filters | HIGH | ||
| 49 | 48 | Marketplace (P2P) | Feature-Rich Showcase + Social Proof | Vibrant & Block-based + Flat Design | Trust colors + Category colors + Success green | Modern + Engaging typography | Review star animations + Listing hover effects | {"must_have":["constraint:seller-profiles","constraint:secure-payment"]} | Low trust signals + Confusing layout | HIGH | ||
| 50 | 49 | Logistics/Delivery | Feature-Rich Showcase + Real-Time | Minimalism & Swiss Style + Flat Design | Blue (#2563EB) + Orange (tracking) + Green | Clear + Functional typography | Real-time tracking animation + Status pulse | {"must_have":["constraint:tracking-map","constraint:delivery-updates"]} | Static tracking + No map integration + AI purple/pink gradients | HIGH | ||
| 51 | 50 | Agriculture/Farm Tech | Feature-Rich Showcase | Organic Biophilic + Flat Design | Earth Green (#4A7C23) + Brown + Sky Blue | Clear + Informative typography | Data visualization + Weather animations | {"must_have":["constraint:sensor-dashboard"],"if_crop_focused":["constraint:add-health-indicators"]} | Generic design + Ignored accessibility + AI purple/pink gradients | MEDIUM | ||
| 52 | 51 | Construction/Architecture | Hero-Centric + Feature-Rich | Minimalism & Swiss Style + 3D & Hyperrealism | Grey (#4A4A4A) + Orange (safety) + Blueprint Blue | Professional + Bold typography | 3D model viewer + Timeline animations | {"must_have":["constraint:project-portfolio"],"if_team_collaboration":["constraint:add-real-time-updates"]} | 2D-only layouts + Poor image quality + AI purple/pink gradients | HIGH | ||
| 53 | 52 | Automotive/Car Dealership | Hero-Centric + Feature-Rich | Motion-Driven + 3D & Hyperrealism | Brand colors + Metallic + Dark/Light | Bold + Confident typography | 360 product view + Configurator animations | {"must_have":["constraint:vehicle-comparison","constraint:financing-calculator"]} | Static product pages + Poor UX | HIGH | ||
| 54 | 53 | Photography Studio | Storytelling-Driven + Hero-Centric | Motion-Driven + Minimalism & Swiss Style | Black + White + Minimal accent | Elegant + Minimal typography | Full-bleed gallery + Before/after reveal | {"must_have":["constraint:portfolio-showcase"],"if_booking":["constraint:add-calendar-system"]} | Heavy text + Poor image showcase | HIGH | ||
| 55 | 54 | Coworking Space | Hero-Centric + Feature-Rich | Vibrant & Block-based + Glassmorphism | Energetic colors + Wood tones + Brand | Modern + Engaging typography | Space tour video + Amenity reveal animations | {"must_have":["constraint:virtual-tour","constraint:booking-system"]} | Outdated photos + Confusing layout | MEDIUM | ||
| 56 | 55 | Home Services (Plumber/Electrician) | Conversion-Optimized + Trust | Flat Design + Accessible & Ethical | Trust Blue + Safety Orange + Grey | Professional + Clear typography | Emergency contact highlight + Service menu animations | {"must_have":["constraint:emergency-contact","constraint:certifications-display"]} | Hidden contact info + No certifications | HIGH | ||
| 57 | 56 | Childcare/Daycare | Social Proof-Focused + Trust | Claymorphism + Vibrant & Block-based | Playful pastels + Safe colors + Warm | Friendly + Playful typography | Parent portal animations + Activity gallery reveal | {"must_have":["constraint:parent-communication","constraint:safety-certifications"]} | Generic design + Hidden safety info | HIGH | ||
| 58 | 57 | Senior Care/Elderly | Trust & Authority + Accessible | Accessible & Ethical + Soft UI Evolution | Calm Blue + Warm neutrals + Large text | Large + Clear typography (18px+) | Large touch targets + Clear navigation | {"must_have":["constraint:wcag-aaa","constraint:family-portal"]} | Small text + Complex navigation + AI purple/pink gradients | HIGH | ||
| 59 | 58 | Medical Clinic | Trust & Authority + Conversion | Accessible & Ethical + Minimalism & Swiss Style | Medical Blue (#0077B6) + Trust White | Professional + Readable typography | Online booking flow + Doctor profile reveals | {"must_have":["constraint:appointment-booking","constraint:insurance-info"]} | Outdated interface + Confusing booking + AI purple/pink gradients | HIGH | ||
| 60 | 59 | Pharmacy/Drug Store | Conversion-Optimized + Trust | Flat Design + Accessible & Ethical | Pharmacy Green + Trust Blue + Clean White | Clear + Functional typography | Prescription upload flow + Refill reminders | {"must_have":["constraint:prescription-management","constraint:drug-interaction-warnings"]} | Confusing layout + Privacy concerns + AI purple/pink gradients | HIGH | ||
| 61 | 60 | Dental Practice | Social Proof-Focused + Conversion | Soft UI Evolution + Minimalism & Swiss Style | Fresh Blue + White + Smile Yellow | Friendly + Professional typography | Before/after gallery + Patient testimonial carousel | {"must_have":["constraint:before-after-gallery","constraint:appointment-system"]} | Poor imagery + No testimonials | HIGH | ||
| 62 | 61 | Veterinary Clinic | Social Proof-Focused + Trust | Claymorphism + Accessible & Ethical | Caring Blue + Pet colors + Warm | Friendly + Welcoming typography | Pet profile management + Service animations | {"must_have":["constraint:pet-portal","constraint:emergency-contact"]} | Generic design + Hidden services | MEDIUM | ||
| 63 | 62 | Florist/Plant Shop | Hero-Centric + Conversion | Organic Biophilic + Vibrant & Block-based | Natural Green + Floral pinks/purples | Elegant + Natural typography | Product reveal + Seasonal transitions | {"must_have":["constraint:delivery-scheduling","constraint:care-guides"]} | Poor imagery + No seasonal content | MEDIUM | ||
| 64 | 63 | Bakery/Cafe | Hero-Centric + Conversion | Vibrant & Block-based + Soft UI Evolution | Warm Brown + Cream + Appetizing accents | Warm + Inviting typography | Menu hover + Order animations | {"must_have":["constraint:menu-display","constraint:online-ordering"]} | Poor food photos + Hidden hours | HIGH | ||
| 65 | 64 | Brewery/Winery | Storytelling + Hero-Centric | Motion-Driven + Vintage Analog / Retro Film | Deep amber/burgundy + Gold + Craft | Artisanal + Heritage typography | Tasting note reveals + Heritage timeline | {"must_have":["constraint:product-showcase","constraint:story-heritage"]} | Generic product pages + No story | HIGH | ||
| 66 | 65 | Airline | Conversion + Feature-Rich | Minimalism & Swiss Style + Glassmorphism | Sky Blue + Brand colors + Trust | Clear + Professional typography | Flight search animations + Boarding pass reveals | {"must_have":["constraint:flight-search","constraint:mobile-first"]} | Complex booking + Poor mobile | HIGH | ||
| 67 | 66 | News/Media Platform | Hero-Centric + Feature-Rich | Minimalism & Swiss Style + Flat Design | Brand colors + High contrast | Clear + Readable typography | Breaking news badge + Article reveal animations | {"must_have":["constraint:mobile-first-reading","constraint:category-navigation"]} | Cluttered layout + Slow loading | HIGH | ||
| 68 | 67 | Magazine/Blog | Storytelling + Hero-Centric | Swiss Modernism 2.0 + Motion-Driven | Editorial colors + Brand + Clean white | Editorial + Elegant typography | Article transitions + Category reveals | {"must_have":["constraint:article-showcase","constraint:newsletter-signup"]} | Poor typography + Slow loading | HIGH | ||
| 69 | 68 | Freelancer Platform | Feature-Rich + Conversion | Flat Design + Minimalism & Swiss Style | Professional Blue + Success Green | Clear + Professional typography | Skill match animations + Review reveals | {"must_have":["constraint:portfolio-display","constraint:skill-matching"]} | Poor profiles + No reviews | HIGH | ||
| 70 | 69 | Marketing Agency | Storytelling + Feature-Rich | Brutalism + Motion-Driven | Bold brand colors + Creative freedom | Bold + Expressive typography | Portfolio reveals + Results animations | {"must_have":["constraint:portfolio","constraint:results-metrics"]} | Boring design + Hidden work | HIGH | ||
| 71 | 70 | Event Management | Hero-Centric + Feature-Rich | Vibrant & Block-based + Motion-Driven | Event theme colors + Excitement accents | Bold + Engaging typography | Countdown timer + Registration flow | {"must_have":["constraint:registration","constraint:agenda-display"]} | Confusing registration + No countdown | HIGH | ||
| 72 | 71 | Membership/Community | Social Proof + Conversion | Vibrant & Block-based + Soft UI Evolution | Community brand colors + Engagement | Friendly + Engaging typography | Member counter + Benefit reveals | {"must_have":["constraint:member-benefits","constraint:pricing-tiers"]} | Hidden benefits + No community proof | HIGH | ||
| 73 | 72 | Newsletter Platform | Minimal + Conversion | Minimalism & Swiss Style + Flat Design | Brand primary + Clean white + CTA | Clean + Readable typography | Subscribe form + Archive reveals | {"must_have":["constraint:subscribe-form","constraint:sample-content"]} | Complex signup + No preview | MEDIUM | ||
| 74 | 73 | Digital Products/Downloads | Feature-Rich + Conversion | Vibrant & Block-based + Motion-Driven | Product colors + Brand + Success green | Modern + Clear typography | Product preview + Instant delivery animations | {"must_have":["constraint:product-preview","constraint:instant-delivery"]} | No preview + Slow delivery | HIGH | ||
| 75 | 74 | Church/Religious Organization | Hero-Centric + Social Proof | Accessible & Ethical + Soft UI Evolution | Warm Gold + Deep Purple/Blue + White | Welcoming + Clear typography | Service time highlights + Event calendar | {"must_have":["constraint:service-times","constraint:community-events"]} | Outdated design + Hidden info | MEDIUM | ||
| 76 | 75 | Sports Team/Club | Hero-Centric + Feature-Rich | Vibrant & Block-based + Motion-Driven | Team colors + Energetic accents | Bold + Impactful typography | Score animations + Schedule reveals | {"must_have":["constraint:schedule","constraint:roster"]} | Static content + Poor fan engagement | HIGH | ||
| 77 | 76 | Museum/Gallery | Storytelling + Feature-Rich | Minimalism & Swiss Style + Motion-Driven | Art-appropriate neutrals + Exhibition accents | Elegant + Minimal typography | Virtual tour + Collection reveals | {"must_have":["constraint:virtual-tour","constraint:exhibition-info"]} | Cluttered layout + No online access | HIGH | ||
| 78 | 77 | Theater/Cinema | Hero-Centric + Conversion | Dark Mode (OLED) + Motion-Driven | Dark + Spotlight accents + Gold | Dramatic + Bold typography | Seat selection + Trailer reveals | {"must_have":["constraint:showtimes","constraint:seat-selection"]} | Poor booking UX + No trailers | HIGH | ||
| 79 | 78 | Language Learning App | Feature-Rich + Social Proof | Claymorphism + Vibrant & Block-based | Playful colors + Progress indicators | Friendly + Clear typography | Progress animations + Achievement unlocks | {"must_have":["constraint:progress-tracking","constraint:gamification"]} | Boring design + No motivation | HIGH | ||
| 80 | 79 | Coding Bootcamp | Feature-Rich + Social Proof | Dark Mode (OLED) + Minimalism & Swiss Style | Code editor colors + Brand + Success | Technical + Clear typography | Terminal animations + Career outcome reveals | {"must_have":["constraint:curriculum","constraint:career-outcomes"]} | Light mode only + Hidden results | HIGH | ||
| 81 | 80 | Cybersecurity Platform | Trust & Authority + Real-Time | Cyberpunk UI + Dark Mode (OLED) | Matrix Green (#00FF00) + Deep Black | Technical + Clear typography | Threat visualization + Alert animations | {"must_have":["constraint:real-time-monitoring","constraint:threat-display"]} | Light mode + Poor data viz | HIGH | ||
| 82 | 81 | Developer Tool / IDE | Minimal + Documentation | Dark Mode (OLED) + Minimalism & Swiss Style | Dark syntax theme + Blue focus | Monospace + Functional typography | Syntax highlighting + Command palette | {"must_have":["constraint:keyboard-shortcuts","constraint:documentation"]} | Light mode default + Slow performance | HIGH | ||
| 83 | 82 | Biotech / Life Sciences | Storytelling + Data | Glassmorphism + Biomimetic / Organic 2.0 | Sterile White + DNA Blue + Life Green | Scientific + Clear typography | Data visualization + Research reveals | {"must_have":["constraint:data-accuracy","constraint:clean-aesthetic"]} | Cluttered data + Poor credibility | HIGH | ||
| 84 | 83 | Space Tech / Aerospace | Immersive + Feature-Rich | HUD / Sci-Fi FUI + Dark Mode (OLED) | Deep Space Black + Star White + Metallic | Futuristic + Precise typography | Telemetry animations + 3D renders | {"must_have":["constraint:high-tech-feel","constraint:precision-data"]} | Generic design + No immersion | HIGH | ||
| 85 | 84 | Architecture / Interior | Portfolio + Hero-Centric | Exaggerated Minimalism + 3D & Hyperrealism | Monochrome + Gold Accent + High Imagery | Architectural + Elegant typography | Project gallery + Blueprint reveals | {"must_have":["constraint:high-res-images","constraint:project-portfolio"]} | Poor imagery + Cluttered layout | HIGH | ||
| 86 | 85 | Quantum Computing Interface | Immersive + Interactive | HUD / Sci-Fi FUI + Dark Mode (OLED) | Quantum Blue (#00FFFF) + Deep Black | Futuristic + Scientific typography | Probability visualizations + Qubit state animations | {"must_have":["constraint:complexity-visualization","constraint:scientific-credibility"]} | Generic tech design + No viz | HIGH | ||
| 87 | 86 | Biohacking / Longevity App | Data-Dense + Storytelling | Biomimetic / Organic 2.0 + Minimalism & Swiss Style | Cellular Pink/Red + DNA Blue + White | Scientific + Clear typography | Biological data viz + Progress animations | {"must_have":["constraint:data-privacy","constraint:scientific-credibility"]} | Generic health app + No privacy | HIGH | ||
| 88 | 87 | Autonomous Drone Fleet Manager | Real-Time + Feature-Rich | HUD / Sci-Fi FUI + Real-Time Monitoring | Tactical Green + Alert Red + Map Dark | Technical + Functional typography | Telemetry animations + 3D spatial awareness | {"must_have":["constraint:real-time-telemetry","constraint:safety-alerts"]} | Slow updates + Poor spatial viz | HIGH | ||
| 89 | 88 | Generative Art Platform | Showcase + Feature-Rich | Minimalism & Swiss Style + Gen Z Chaos / Maximalism | Neutral (#F5F5F5) + User Content | Minimal + Content-focused typography | Gallery masonry + Minting animations | {"must_have":["constraint:fast-loading","constraint:creator-attribution"]} | Heavy chrome + Slow loading | HIGH | ||
| 90 | 89 | Spatial Computing OS / App | Immersive + Interactive | Spatial UI (VisionOS) + Glassmorphism | Frosted Glass + System Colors + Depth | Spatial + Readable typography | Depth hierarchy + Gaze interactions | {"must_have":["constraint:depth-hierarchy","constraint:environment-awareness"]} | 2D design + No spatial depth | HIGH | ||
| 91 | 90 | Sustainable Energy / Climate Tech | Data + Trust | Organic Biophilic + E-Ink / Paper | Earth Green + Sky Blue + Solar Yellow | Clear + Informative typography | Impact viz + Progress animations | {"must_have":["constraint:data-transparency","constraint:impact-visualization"]} | Greenwashing + No real data | HIGH | ||
| 92 | 91 | Personal Finance Tracker | Interactive Product Demo | Glassmorphism + Dark Mode (OLED) | Calm blue + success green + alert red + chart accents | Modern + Clear hierarchy | Backdrop blur (10-20px) + Translucent overlays | {"if_light_mode_needed":["constraint:provide-theme-toggle"],"if_low_performance":["style:flat-design"]} | Pure white backgrounds | HIGH | ||
| 93 | 92 | Chat & Messaging App | Feature-Rich Showcase + Demo | Minimalism & Swiss Style + Micro-interactions | Brand primary + bubble contrast (sender/receiver) + typing grey | Professional + Clean hierarchy | Subtle hover 200ms + Smooth transitions + Clean | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Excessive decoration | HIGH | ||
| 94 | 93 | Notes & Writing App | Minimal & Direct | Minimalism & Swiss Style + Flat Design | Clean white/cream + minimal accent + editor syntax colors | Professional + Clean hierarchy | Color shift hover + Fast 150ms transitions + No shadows | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Excessive decoration + Complex shadows + 3D effects | HIGH | ||
| 95 | 94 | Habit Tracker | Social Proof-Focused + Demo | Claymorphism + Vibrant & Block-based | Streak warm (amber/orange) + progress green + motivational accents | Playful + Rounded + Friendly | Multi-layer shadows + Spring bounce + Soft press 200ms | {"if_trust_needed":["constraint:add-testimonials"]} | Muted colors + Low energy | HIGH | ||
| 96 | 95 | Food Delivery / On-Demand | Hero-Centric Design + Feature-Rich | Vibrant & Block-based + Motion-Driven | Appetizing warm (orange/red) + trust blue + map accent | Energetic + Bold + Large | Scroll animations + Parallax + Page transitions | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Muted colors + Low energy | HIGH | ||
| 97 | 96 | Ride Hailing / Transportation | Conversion-Optimized + Demo | Minimalism & Swiss Style + Glassmorphism | Brand primary + map neutral + status indicator colors | Professional + Clean hierarchy | Backdrop blur (10-20px) + Translucent overlays | {"if_low_performance":["style:flat-design"],"if_conversion_focused":["constraint:add-urgency-colors"]} | Excessive decoration | HIGH | ||
| 98 | 97 | Recipe & Cooking App | Hero-Centric Design + Feature-Rich | Claymorphism + Vibrant & Block-based | Warm food tones (terracotta/sage/cream) + appetizing imagery | Playful + Rounded + Friendly | Multi-layer shadows + Spring bounce + Soft press 200ms | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Muted colors + Low energy | HIGH | ||
| 99 | 98 | Meditation & Mindfulness | Storytelling-Driven + Social Proof | Neumorphism + Soft UI Evolution | Ultra-calm pastels (lavender/sage/sky) + breathing animation gradient | Subtle + Soft + Monochromatic | Dual shadows (light+dark) + Soft press 150ms | {"if_trust_needed":["constraint:add-testimonials"]} | Inconsistent styling + Poor contrast ratios | HIGH | ||
| 100 | 99 | Weather App | Hero-Centric Design | Glassmorphism + Aurora UI | Atmospheric gradients (sky blue → sunset → storm grey) + temp scale | Modern + Clear hierarchy | Backdrop blur (10-20px) + Translucent overlays | {"if_low_performance":["style:flat-design"]} | Inconsistent styling + Poor contrast ratios | HIGH | ||
| 101 | 100 | Diary & Journal App | Storytelling-Driven | Soft UI Evolution + Minimalism & Swiss Style | Warm paper tones (cream/linen) + muted ink + mood-coded accents | Professional + Clean hierarchy | Subtle hover 200ms + Smooth transitions + Clean | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Excessive decoration | HIGH | ||
| 102 | 101 | CRM & Client Management | Feature-Rich Showcase + Demo | Flat Design + Minimalism & Swiss Style | Professional blue + pipeline stage colors + closed-won green | Professional + Clean hierarchy | Color shift hover + Fast 150ms transitions + No shadows | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Excessive decoration + Complex shadows + 3D effects | HIGH | ||
| 103 | 102 | Inventory & Stock Management | Feature-Rich Showcase | Flat Design + Minimalism & Swiss Style | Functional neutral + status traffic-light (green/amber/red) + scanner accent | Professional + Clean hierarchy | Color shift hover + Fast 150ms transitions + No shadows | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Excessive decoration + Complex shadows + 3D effects | HIGH | ||
| 104 | 103 | Flashcard & Study Tool | Feature-Rich Showcase + Demo | Claymorphism + Micro-interactions | Playful primary + correct green + incorrect red + progress blue | Playful + Rounded + Friendly | Multi-layer shadows + Spring bounce + Soft press 200ms | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Inconsistent styling + Poor contrast ratios | HIGH | ||
| 105 | 104 | Booking & Appointment App | Conversion-Optimized | Soft UI Evolution + Flat Design | Trust blue + available green + booked grey + confirm accent | Bold + Clean + Sans-serif | Color shift hover + Fast 150ms transitions + No shadows | {"if_conversion_focused":["constraint:add-urgency-colors"]} | Complex shadows + 3D effects | HIGH | ||
| 106 | 105 | Invoice & Billing Tool | Conversion-Optimized + Trust | Minimalism & Swiss Style + Flat Design | Professional navy + paid green + overdue red + neutral grey | Professional + Clean hierarchy | Color shift hover + Fast 150ms transitions + No shadows | {"if_conversion_focused":["constraint:add-urgency-colors"]} | Excessive decoration + Complex shadows + 3D effects | HIGH | ||
| 107 | 106 | Grocery & Shopping List | Minimal & Direct + Demo | Flat Design + Vibrant & Block-based | Fresh green + food-category colors + checkmark accent | Bold + Clean + Sans-serif | Color shift hover + Fast 150ms transitions + No shadows | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Complex shadows + 3D effects + Muted colors + Low energy | HIGH | ||
| 108 | 107 | Timer & Pomodoro | Minimal & Direct | Minimalism & Swiss Style + Neumorphism | High-contrast on dark + focus red/amber + break green | Professional + Clean hierarchy | Dual shadows (light+dark) + Soft press 150ms | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Excessive decoration | HIGH | ||
| 109 | 108 | Parenting & Baby Tracker | Social Proof-Focused + Trust | Claymorphism + Soft UI Evolution | Soft pastels (baby pink/sky blue/mint/peach) + warm accents | Playful + Rounded + Friendly | Multi-layer shadows + Spring bounce + Soft press 200ms | {"if_trust_needed":["constraint:add-testimonials"]} | Inconsistent styling + Poor contrast ratios | HIGH | ||
| 110 | 109 | Scanner & Document Manager | Feature-Rich Showcase + Demo | Minimalism & Swiss Style + Flat Design | Clean white + camera viewfinder accent + file-type color coding | Professional + Clean hierarchy | Color shift hover + Fast 150ms transitions + No shadows | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Excessive decoration + Complex shadows + 3D effects | HIGH | ||
| 111 | 110 | Calendar & Scheduling App | Feature-Rich Showcase + Demo | Flat Design + Micro-interactions | Clean blue + event category accent colors + success green | Bold + Clean + Sans-serif | Color shift hover + Fast 150ms transitions + No shadows | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Complex shadows + 3D effects | HIGH | ||
| 112 | 111 | Password Manager | Trust & Authority + Feature-Rich | Minimalism & Swiss Style + Accessible & Ethical | Trust blue + security green + dark neutral | Professional + Clean hierarchy | Subtle hover 200ms + Smooth transitions + Clean | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Excessive decoration + Color-only indicators | HIGH | ||
| 113 | 112 | Expense Splitter / Bill Split | Minimal & Direct + Demo | Flat Design + Vibrant & Block-based | Success green + alert red + neutral grey + avatar accent colors | Bold + Clean + Sans-serif | Color shift hover + Fast 150ms transitions + No shadows | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Complex shadows + 3D effects + Muted colors + Low energy | HIGH | ||
| 114 | 113 | Voice Recorder & Memo | Interactive Product Demo + Minimal | Minimalism & Swiss Style + AI-Native UI | Clean white + recording red + waveform accent | Professional + Clean hierarchy | Subtle hover 200ms + Smooth transitions + Clean | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Excessive decoration | HIGH | ||
| 115 | 114 | Bookmark & Read-Later | Minimal & Direct + Demo | Minimalism & Swiss Style + Flat Design | Paper warm white + ink neutral + minimal accent + tag colors | Professional + Clean hierarchy | Color shift hover + Fast 150ms transitions + No shadows | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Excessive decoration + Complex shadows + 3D effects | HIGH | ||
| 116 | 115 | Translator App | Feature-Rich Showcase + Interactive Demo | Flat Design + AI-Native UI | Global blue + neutral grey + language flag accent | Bold + Clean + Sans-serif | Color shift hover + Fast 150ms transitions + No shadows | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Complex shadows + 3D effects | HIGH | ||
| 117 | 116 | Calculator & Unit Converter | Minimal & Direct | Neumorphism + Minimalism & Swiss Style | Dark functional + orange operation keys + clear button hierarchy | Professional + Clean hierarchy | Dual shadows (light+dark) + Soft press 150ms | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Excessive decoration | HIGH | ||
| 118 | 117 | Alarm & World Clock | Minimal & Direct | Dark Mode (OLED) + Minimalism & Swiss Style | Deep dark + ambient glow accent + timezone gradient | Professional + Clean hierarchy | Subtle glow + Neon accents + High contrast | {"if_light_mode_needed":["constraint:provide-theme-toggle"]} | Excessive decoration + Pure white backgrounds | HIGH | ||
| 119 | 118 | File Manager & Transfer | Feature-Rich Showcase + Demo | Flat Design + Minimalism & Swiss Style | Functional neutral + file type color coding (PDF orange, doc blue, image purple) | Professional + Clean hierarchy | Color shift hover + Fast 150ms transitions + No shadows | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Excessive decoration + Complex shadows + 3D effects | HIGH | ||
| 120 | 119 | Email Client | Feature-Rich Showcase + Demo | Flat Design + Minimalism & Swiss Style | Clean white + brand primary + priority red + snooze amber | Professional + Clean hierarchy | Color shift hover + Fast 150ms transitions + No shadows | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Excessive decoration + Complex shadows + 3D effects | HIGH | ||
| 121 | 120 | Casual Puzzle Game | Feature-Rich Showcase + Social Proof | Claymorphism + Vibrant & Block-based | Cheerful pastels + progression gradient + reward gold + bright accent | Playful + Rounded + Friendly | Multi-layer shadows + Spring bounce + Soft press 200ms | {"if_trust_needed":["constraint:add-testimonials"]} | Muted colors + Low energy | HIGH | ||
| 122 | 121 | Trivia & Quiz Game | Feature-Rich Showcase + Social Proof | Vibrant & Block-based + Micro-interactions | Energetic blue + correct green + incorrect red + leaderboard gold | Energetic + Bold + Large | Haptic feedback + Small 50-100ms animations | {"if_trust_needed":["constraint:add-testimonials"]} | Muted colors + Low energy | HIGH | ||
| 123 | 122 | Card & Board Game | Feature-Rich Showcase | 3D & Hyperrealism + Flat Design | Game-theme felt green + dark wood + card back patterns | Bold + Clean + Sans-serif | Color shift hover + Fast 150ms transitions + No shadows | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Complex shadows + 3D effects | HIGH | ||
| 124 | 123 | Idle & Clicker Game | Feature-Rich Showcase | Vibrant & Block-based + Motion-Driven | Coin gold + upgrade blue + prestige purple + progress green | Energetic + Bold + Large | Scroll animations + Parallax + Page transitions | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Muted colors + Low energy | HIGH | ||
| 125 | 124 | Word & Crossword Game | Minimal & Direct + Demo | Minimalism & Swiss Style + Flat Design | Clean white + warm letter tiles + success green + shake red | Professional + Clean hierarchy | Color shift hover + Fast 150ms transitions + No shadows | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Excessive decoration + Complex shadows + 3D effects | HIGH | ||
| 126 | 125 | Arcade & Retro Game | Feature-Rich Showcase + Hero-Centric | Pixel Art + Retro-Futurism | Neon on black + pixel palette + score gold + danger red | Nostalgic + Monospace + Neon | Subtle hover (200ms) + Smooth transitions | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Inconsistent styling + Poor contrast ratios | HIGH | ||
| 127 | 126 | Photo Editor & Filters | Feature-Rich Showcase + Interactive Demo | Minimalism & Swiss Style + Dark Mode (OLED) | Dark editor background + vibrant filter preview strip + tool icon accent | Professional + Clean hierarchy | Subtle glow + Neon accents + High contrast | {"if_light_mode_needed":["constraint:provide-theme-toggle"]} | Excessive decoration + Pure white backgrounds | HIGH | ||
| 128 | 127 | Short Video Editor | Feature-Rich Showcase + Hero-Centric | Dark Mode (OLED) + Motion-Driven | Dark background + timeline track accent colors + effect preview vivid | High contrast + Light on dark | Subtle glow + Neon accents + High contrast | {"if_light_mode_needed":["constraint:provide-theme-toggle"]} | Pure white backgrounds | HIGH | ||
| 129 | 128 | Drawing & Sketching Canvas | Interactive Product Demo + Storytelling | Minimalism & Swiss Style + Dark Mode (OLED) | Neutral canvas + full-spectrum color picker + tool panel dark | Professional + Clean hierarchy | Subtle glow + Neon accents + High contrast | {"if_light_mode_needed":["constraint:provide-theme-toggle"]} | Excessive decoration + Pure white backgrounds | HIGH | ||
| 130 | 129 | Music Creation & Beat Maker | Interactive Product Demo + Storytelling | Dark Mode (OLED) + Motion-Driven | Dark studio background + track colors rainbow + waveform accent + BPM pulse | High contrast + Light on dark | Subtle glow + Neon accents + High contrast | {"if_light_mode_needed":["constraint:provide-theme-toggle"]} | Pure white backgrounds | HIGH | ||
| 131 | 130 | Meme & Sticker Maker | Feature-Rich Showcase + Social Proof | Vibrant & Block-based + Flat Design | Bold primary + comedic yellow + viral red + high saturation accent | Bold + Clean + Sans-serif | Color shift hover + Fast 150ms transitions + No shadows | {"if_trust_needed":["constraint:add-testimonials"]} | Complex shadows + 3D effects + Muted colors + Low energy | HIGH | ||
| 132 | 131 | AI Photo & Avatar Generator | Feature-Rich Showcase + Social Proof | AI-Native UI + Aurora UI | AI purple + aurora gradients + before/after neutral | Elegant + Gradient-friendly | Flowing gradients 8-12s + Color morphing | {"if_trust_needed":["constraint:add-testimonials"]} | Inconsistent styling + Poor contrast ratios | HIGH | ||
| 133 | 132 | Link-in-Bio Page Builder | Conversion-Optimized + Social Proof | Vibrant & Block-based + Bento Box Grid | Brand-customizable + accent link color + clean white canvas | Energetic + Bold + Large | Large section gaps 48px+ + Color shift hover + Scroll-snap | {"if_conversion_focused":["constraint:add-urgency-colors"],"if_trust_needed":["constraint:add-testimonials"]} | Muted colors + Low energy | HIGH | ||
| 134 | 133 | Wardrobe & Outfit Planner | Storytelling-Driven + Feature-Rich | Minimalism & Swiss Style + Motion-Driven | Clean fashion neutral + full clothes color palette + accent | Professional + Clean hierarchy | Subtle hover 200ms + Smooth transitions + Clean | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Excessive decoration | HIGH | ||
| 135 | 134 | Plant Care Tracker | Storytelling-Driven + Social Proof | Organic Biophilic + Soft UI Evolution | Nature greens + earth brown + sunny yellow reminder + water blue | Warm + Humanist + Natural | Rounded 16-24px + Natural shadows + Flowing SVG | {"if_trust_needed":["constraint:add-testimonials"]} | Inconsistent styling + Poor contrast ratios | HIGH | ||
| 136 | 135 | Book & Reading Tracker | Social Proof-Focused + Feature-Rich | Swiss Modernism 2.0 + Minimalism & Swiss Style | Warm paper white + ink brown + reading progress green + book cover colors | Professional + Clean hierarchy | Subtle hover 200ms + Smooth transitions + Clean | {"if_trust_needed":["constraint:add-testimonials"]} | Excessive decoration | HIGH | ||
| 137 | 136 | Couple & Relationship App | Storytelling-Driven + Social Proof | Aurora UI + Soft UI Evolution | Warm romantic pink/rose + soft gradient + memory photo tones | Elegant + Gradient-friendly | Flowing gradients 8-12s + Color morphing | {"if_trust_needed":["constraint:add-testimonials"]} | Inconsistent styling + Poor contrast ratios | HIGH | ||
| 138 | 137 | Family Calendar & Chores | Feature-Rich Showcase + Social Proof | Flat Design + Claymorphism | Warm playful + member color coding + chore completion green | Playful + Rounded + Friendly | Multi-layer shadows + Spring bounce + Soft press 200ms | {"if_trust_needed":["constraint:add-testimonials"]} | Complex shadows + 3D effects | HIGH | ||
| 139 | 138 | Mood Tracker | Storytelling-Driven + Social Proof | Soft UI Evolution + Minimalism & Swiss Style | Emotion gradient (blue sad to yellow happy) + pastel per mood + insight accent | Professional + Clean hierarchy | Subtle hover 200ms + Smooth transitions + Clean | {"if_trust_needed":["constraint:add-testimonials"]} | Excessive decoration | HIGH | ||
| 140 | 139 | Gift & Wishlist | Minimal & Direct + Conversion | Vibrant & Block-based + Soft UI Evolution | Celebration warm pink/gold/red + category colors + surprise accent | Energetic + Bold + Large | Large section gaps 48px+ + Color shift hover + Scroll-snap | {"if_conversion_focused":["constraint:add-urgency-colors"]} | Muted colors + Low energy | HIGH | ||
| 141 | 140 | Running & Cycling GPS | Feature-Rich Showcase + Social Proof | Dark Mode (OLED) + Vibrant & Block-based | Energetic orange + map accent + pace zones (green/yellow/red) | High contrast + Light on dark | Subtle glow + Neon accents + High contrast | {"if_light_mode_needed":["constraint:provide-theme-toggle"],"if_trust_needed":["constraint:add-testimonials"]} | Pure white backgrounds + Muted colors + Low energy | HIGH | ||
| 142 | 141 | Yoga & Stretching Guide | Storytelling-Driven + Social Proof | Organic Biophilic + Soft UI Evolution | Earth calming sage/terracotta/cream + breathing gradient + warm accent | Warm + Humanist + Natural | Rounded 16-24px + Natural shadows + Flowing SVG | {"if_trust_needed":["constraint:add-testimonials"]} | Inconsistent styling + Poor contrast ratios | HIGH | ||
| 143 | 142 | Sleep Tracker | Feature-Rich Showcase + Social Proof | Dark Mode (OLED) + Neumorphism | Deep midnight blue + stars/moon accent + sleep quality gradient (poor red to great green) | High contrast + Light on dark | Dual shadows (light+dark) + Soft press 150ms | {"if_light_mode_needed":["constraint:provide-theme-toggle"],"if_trust_needed":["constraint:add-testimonials"]} | Pure white backgrounds | HIGH | ||
| 144 | 143 | Calorie & Nutrition Counter | Feature-Rich Showcase + Social Proof | Flat Design + Vibrant & Block-based | Healthy green + macro colors (protein blue, carb orange, fat yellow) + progress circle | Bold + Clean + Sans-serif | Color shift hover + Fast 150ms transitions + No shadows | {"if_trust_needed":["constraint:add-testimonials"]} | Complex shadows + 3D effects + Muted colors + Low energy | HIGH | ||
| 145 | 144 | Period & Cycle Tracker | Social Proof-Focused + Trust | Soft UI Evolution + Aurora UI | Rose/blush + lavender + fertility green + soft calendar tones | Elegant + Gradient-friendly | Flowing gradients 8-12s + Color morphing | {"if_trust_needed":["constraint:add-testimonials"]} | Inconsistent styling + Poor contrast ratios | HIGH | ||
| 146 | 145 | Medication & Pill Reminder | Trust & Authority + Feature-Rich | Accessible & Ethical + Flat Design | Medical trust blue + missed alert red + taken green + clean white | Bold + Clean + Sans-serif | Color shift hover + Fast 150ms transitions + No shadows | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Complex shadows + 3D effects + Color-only indicators | HIGH | ||
| 147 | 146 | Water & Hydration Reminder | Minimal & Direct + Demo | Claymorphism + Vibrant & Block-based | Refreshing blue + water wave animation + goal progress accent | Playful + Rounded + Friendly | Multi-layer shadows + Spring bounce + Soft press 200ms | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Muted colors + Low energy | HIGH | ||
| 148 | 147 | Fasting & Intermittent Timer | Feature-Rich Showcase + Social Proof | Minimalism & Swiss Style + Dark Mode (OLED) | Fasting deep blue/purple + eating window green + timeline neutral | Professional + Clean hierarchy | Subtle glow + Neon accents + High contrast | {"if_light_mode_needed":["constraint:provide-theme-toggle"],"if_trust_needed":["constraint:add-testimonials"]} | Excessive decoration + Pure white backgrounds | HIGH | ||
| 149 | 148 | Anonymous Community / Confession | Social Proof-Focused + Feature-Rich | Dark Mode (OLED) + Minimalism & Swiss Style | Dark protective + subtle gradient + upvote green + empathy warm accent | Professional + Clean hierarchy | Subtle glow + Neon accents + High contrast | {"if_light_mode_needed":["constraint:provide-theme-toggle"],"if_trust_needed":["constraint:add-testimonials"]} | Excessive decoration + Pure white backgrounds | HIGH | ||
| 150 | 149 | Local Events & Discovery | Hero-Centric Design + Feature-Rich | Vibrant & Block-based + Motion-Driven | City vibrant + event category colors + map accent + date highlight | Energetic + Bold + Large | Scroll animations + Parallax + Page transitions | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Muted colors + Low energy | HIGH | ||
| 151 | 150 | Study Together / Virtual Coworking | Social Proof-Focused + Feature-Rich | Minimalism & Swiss Style + Soft UI Evolution | Calm focus blue + session progress indicator + ambient warm neutrals | Professional + Clean hierarchy | Subtle hover 200ms + Smooth transitions + Clean | {"if_trust_needed":["constraint:add-testimonials"]} | Excessive decoration | HIGH | ||
| 152 | 151 | Coding Challenge & Practice | Feature-Rich Showcase + Social Proof | Dark Mode (OLED) + Cyberpunk UI | Code editor dark + success green + difficulty gradient (easy green / medium amber / hard red) | High contrast + Light on dark | Subtle glow + Neon accents + High contrast | {"if_light_mode_needed":["constraint:provide-theme-toggle"],"if_trust_needed":["constraint:add-testimonials"]} | Pure white backgrounds | HIGH | ||
| 153 | 152 | Kids Learning (ABC & Math) | Social Proof-Focused + Trust | Claymorphism + Vibrant & Block-based | Bright primary + child-safe pastels + reward gold + interactive accent | Playful + Rounded + Friendly | Multi-layer shadows + Spring bounce + Soft press 200ms | {"if_trust_needed":["constraint:add-testimonials"]} | Muted colors + Low energy | HIGH | ||
| 154 | 153 | Music Instrument Learning | Interactive Product Demo + Social Proof | Vibrant & Block-based + Motion-Driven | Musical warm deep red/brown + note color system + skill progress bar | Energetic + Bold + Large | Scroll animations + Parallax + Page transitions | {"if_trust_needed":["constraint:add-testimonials"]} | Muted colors + Low energy | HIGH | ||
| 155 | 154 | Parking Finder | Conversion-Optimized + Feature-Rich | Minimalism & Swiss Style + Glassmorphism | Trust blue + available green + occupied red + map neutral | Professional + Clean hierarchy | Backdrop blur (10-20px) + Translucent overlays | {"if_low_performance":["style:flat-design"],"if_conversion_focused":["constraint:add-urgency-colors"]} | Excessive decoration | HIGH | ||
| 156 | 155 | Public Transit Guide | Feature-Rich Showcase + Interactive Demo | Flat Design + Accessible & Ethical | Transit brand line colors + real-time indicator green/red + map neutral | Bold + Clean + Sans-serif | Color shift hover + Fast 150ms transitions + No shadows | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Complex shadows + 3D effects + Color-only indicators | HIGH | ||
| 157 | 156 | Road Trip Planner | Storytelling-Driven + Hero-Centric | Aurora UI + Organic Biophilic | Adventure warm sunset orange + map teal + stop markers + road neutral | Elegant + Gradient-friendly | Flowing gradients 8-12s + Color morphing | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Inconsistent styling + Poor contrast ratios | HIGH | ||
| 158 | 157 | VPN & Privacy Tool | Trust & Authority + Conversion-Optimized | Minimalism & Swiss Style + Dark Mode (OLED) | Dark shield blue + connected green + disconnected red + trust accent | Professional + Clean hierarchy | Subtle glow + Neon accents + High contrast | {"if_light_mode_needed":["constraint:provide-theme-toggle"],"if_conversion_focused":["constraint:add-urgency-colors"]} | Excessive decoration + Pure white backgrounds | HIGH | ||
| 159 | 158 | Emergency SOS & Safety | Trust & Authority + Social Proof | Accessible & Ethical + Flat Design | Alert red + safety blue + location green + high contrast critical | Bold + Clean + Sans-serif | Color shift hover + Fast 150ms transitions + No shadows | {"if_trust_needed":["constraint:add-testimonials"]} | Complex shadows + 3D effects + Color-only indicators | HIGH | ||
| 160 | 159 | Wallpaper & Theme App | Feature-Rich Showcase + Social Proof | Vibrant & Block-based + Aurora UI | Content-driven + trending aesthetic palettes + download accent | Energetic + Bold + Large | Large section gaps 48px+ + Color shift hover + Scroll-snap | {"if_trust_needed":["constraint:add-testimonials"]} | Muted colors + Low energy | HIGH | ||
| 161 | 160 | White Noise & Ambient Sound | Minimal & Direct + Social Proof | Minimalism & Swiss Style + Dark Mode (OLED) | Calming dark + ambient texture visual + subtle sound wave + sleep blue | Professional + Clean hierarchy | Subtle glow + Neon accents + High contrast | {"if_light_mode_needed":["constraint:provide-theme-toggle"],"if_trust_needed":["constraint:add-testimonials"]} | Excessive decoration + Pure white backgrounds | HIGH | ||
| 162 | 161 | Home Decoration & Interior Design | Storytelling-Driven + Feature-Rich | Minimalism & Swiss Style + 3D Product Preview | Neutral interior palette + material texture accent + AR blue | Professional + Clean hierarchy | Subtle hover 200ms + Smooth transitions + Clean | {"if_ux_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Excessive decoration | HIGH | ||
| 163 | 162 | Academic Journal / Scholarly Publishing | Newsletter / Content First | Swiss Modernism 2.0 + Accessible & Ethical | Trust navy + White + Citation blue + Serif accents | Serif body + Formal hierarchy | Search highlight + Smooth scrolling | {"must_have":["constraint:abstract-doi-prominence","constraint:citation-links","constraint:search-first","constraint:wcag-aaa","constraint:issue-browse"],"if_content_focused":["constraint:prioritize-clarity"],"if_trust_needed":["constraint:reduce-motion"]} | Low contrast + Visual clutter + motion-heavy chrome | MEDIUM | academic credibility needs searchable citation-first navigation and restrained motion | 0.88 |
| 164 | 163 | API Developer Portal | FAQ/Documentation Landing | Minimalism & Swiss Style + Glassmorphism | Dark code theme + Brand accent + Syntax colors | Monospace + Clear typography | Syntax highlighting + Copy-to-clipboard samples | {"must_have":["constraint:endpoint-discoverability","constraint:code-samples","constraint:auth-flow-clarity","constraint:version-switching","constraint:rate-limit-visibility"],"if_trust_needed":["constraint:prioritize-clarity"],"if_ux_focused":["style:flat-design"]} | Buried endpoints + Broken version switching + missing rate-limit state | HIGH | developer docs win on immediate code reuse and predictable auth/version discovery | 0.92 |
| 165 | 164 | Forum / Discussion Board | Community/Forum Landing | Dark Mode (OLED) + Flat Design | Dark neutral + topic accent colors + unread indicator + reputation badge | Readable + Community-first typography | Thread expand/collapse + Reply composer cues | {"must_have":["constraint:thread-list","constraint:reply-composer","constraint:vote-signals","constraint:moderation-tools","constraint:user-badges"],"if_content_focused":["constraint:prioritize-clarity"],"if_ux_focused":["constraint:optimize-touch-targets"]} | No moderation cues + cluttered threads + hidden post state | HIGH | discussion UX depends on scan-friendly threads, reputation cues, and visible moderation states | 0.93 |
| 166 | 165 | Directory / Listing Site | Marketplace / Directory | Flat Design + Bento Box Grid | Neutral bg + category color chips + map accent + verified badge | Scan-friendly + Neutral typography | Filter chips + Map/list toggle | {"must_have":["constraint:category-tree","constraint:multi-filter-sidebar","constraint:map-list-toggle","constraint:verified-badges","constraint:claim-listing"],"if_discovery_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | No trust cues + Text-heavy cards + hidden filters | HIGH | listings live or die on discovery speed, trust cues, and clear sort/filter affordances | 0.93 |
| 167 | 166 | Status Page / Incident Management | Real-Time / Operations Landing | Dark Mode (OLED) + Data-Dense Dashboard | Status green + incident red + maintenance amber + neutral dark | Functional + Status typography | Status matrix + incident timeline transitions | {"must_have":["constraint:service-status-matrix","constraint:incident-timeline","constraint:severity-badges","constraint:maintenance-schedule","constraint:uptime-history"],"if_trust_needed":["constraint:prioritize-clarity"],"if_dashboard":["constraint:red-alert-colors"]} | Slow dashboards + decorative charts + hidden error states | HIGH | operators need instant state recognition and a reliable incident chronology | 0.94 |
| 168 | 167 | Wiki / Encyclopedia | FAQ/Documentation Landing | Swiss Modernism 2.0 + Accessible & Ethical | Clean white + link blue + heading hierarchy + citation grey | Clear + Hierarchical typography | Table of contents sticky nav + search highlight | {"must_have":["constraint:full-text-search","constraint:toc-sidebar","constraint:edit-history","constraint:interpage-linking","constraint:print-friendly"],"if_content_focused":["constraint:prioritize-clarity"],"if_ux_focused":["constraint:virtualize-lists"]} | No search + flat hierarchy + noisy page chrome | MEDIUM | reference content needs search, hierarchy, and low-friction cross-linking | 0.91 |
| 169 | 168 | Auction Platform | Real-Time / Operations Landing | Dark Mode (OLED) + Motion-Driven | Dark bg + bid green + outbid red + countdown amber | Bold + Urgent typography | Countdown timer + live bid updates | {"must_have":["constraint:live-bid-updates","constraint:countdown-timer","constraint:auto-bid-ceiling","constraint:outbid-notifications","constraint:bid-history"],"if_conversion_focused":["constraint:add-urgency-colors"],"if_mobile":["constraint:optimize-touch-targets"]} | Static design + No bid state + poor mobile | HIGH | auction flows need urgency, status clarity, and instant feedback on bid changes | 0.93 |
| 170 | 169 | Changelog / Release Notes | Newsletter / Content First | Minimalism & Swiss Style + Flat Design | Neutral bg + version badge colors + date grey | Neutral + Versioned hierarchy | Timeline transitions + version badges | {"must_have":["constraint:chronological-feed","constraint:semver-badges","constraint:breaking-change-warnings","constraint:copy-paste-install","constraint:version-search"],"if_content_focused":["constraint:prioritize-clarity"],"if_low_performance":["constraint:reduce-motion"]} | No chronological order + no version tags + noisy marketing copy | MEDIUM | release notes should be skimmable, versioned, and safe to scan for breaking changes | 0.90 |
| 171 | 170 | Citizen Science Platform | Scroll-Triggered Storytelling | Organic Biophilic + Motion-Driven | Earth green + discovery orange + volunteer badge blue + data neutral | Readable + Community-first typography | Progress badges + contribution feedback | {"must_have":["constraint:project-cards","constraint:contribution-tracker","constraint:data-quality-feedback","constraint:community-forums","constraint:leaderboards"],"if_engagement_metric":["constraint:add-progress-animation"],"if_content_focused":["constraint:increase-playfulness"]} | No progress feedback + reward-less contributions | MEDIUM | participation loops need visible impact, feedback, and lightweight community momentum | 0.89 |
| 172 | 171 | Classifieds / Buy-Sell | Marketplace / Directory | Flat Design + Bento Box Grid | Neutral bg + price green + category chips + verified seller badge | Scan-friendly + Marketplace typography | Photo-first cards + map/list toggle | {"must_have":["constraint:photo-first-cards","constraint:multi-filter-sidebar","constraint:price-negotiation","constraint:location-radius","constraint:seller-reputation"],"if_discovery_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | No trust cues + text-heavy pages + hidden filters | HIGH | resale discovery depends on trust, proximity, and fast comparison of nearby inventory | 0.93 |
| 173 | 172 | Conference / Symposium Landing Page | Event/Conference Landing | Swiss Modernism 2.0 + Accessible & Ethical | Academic navy + track color chips + gold keynote + neutral white | Academic + Hierarchical typography | Speaker grid + agenda reveal | {"must_have":["constraint:speaker-grid","constraint:multi-track-agenda","constraint:cfp-countdown","constraint:venue-map","constraint:sponsor-tiers"],"if_trust_needed":["constraint:prioritize-clarity"],"if_conversion_focused":["constraint:add-urgency-colors"]} | Ornate design + unclear schedule + hidden speaker info | MEDIUM | event pages need strong credibility, schedule clarity, and deadline pressure | 0.90 |
| 174 | 173 | Crowdfunding Platform | Scroll-Triggered Storytelling | Vibrant & Block-based + Motion-Driven | Brand primary + funding progress green + urgency amber + reward tier colors | Emotional + High-contrast typography | Progress bar + reward-tier animations | {"must_have":["constraint:progress-bar","constraint:reward-tier-selector","constraint:backer-count","constraint:countdown-timer","constraint:updates-feed"],"if_conversion_focused":["constraint:add-urgency-colors"],"if_engagement_metric":["constraint:add-progress-animation"]} | Static design + no progress bar + weak social proof | HIGH | crowdfunding conversion rises when progress, scarcity, and creator story stay visible | 0.92 |
| 175 | 174 | Digital Signage / Kiosk | Immersive/Interactive Experience | Flat Design + Dark Mode (OLED) | High contrast + brand accent + touch target emphasis | Large + Immediate typography | Auto-rotate transitions + large touch feedback | {"must_have":["constraint:single-purpose-layout","constraint:touch-targets","constraint:auto-rotate-content","constraint:offline-fallback","constraint:brightness-aware-palette"],"if_mobile":["constraint:optimize-touch-targets"],"if_low_performance":["constraint:reduce-motion"]} | Tiny tap targets + scroll-heavy layout + flashy motion | MEDIUM | kiosk UI must survive bad lighting, low attention, and partial offline operation | 0.88 |
| 176 | 175 | E-signature / Document Workflow | Enterprise Gateway | Minimalism & Swiss Style + Accessible & Ethical | Trust navy + signature green + pending amber + neutral grey | Professional + Document-readable typography | Signature placement highlights + audit trail states | {"must_have":["constraint:document-preview","constraint:signature-placement","constraint:multi-signer-flow","constraint:audit-trail","constraint:compliance-badges"],"if_trust_needed":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Confusing signing flow + weak audit trail + hidden consent | HIGH | signing flows live on trust, legibility, and irreversible action clarity | 0.93 |
| 177 | 176 | Feature Flag / Config Management | Product Demo + Features | Dark Mode (OLED) + Data-Dense Dashboard | Dark bg + enabled green + disabled grey + experimental amber + kill-switch red | Functional + Technical typography | Toggle state transitions + rollout sliders | {"must_have":["constraint:feature-toggle-list","constraint:rollout-slider","constraint:environment-switcher","constraint:targeting-rules","constraint:kill-switch"],"if_dashboard":["constraint:virtualize-lists"],"if_trust_needed":["constraint:prioritize-clarity"]} | Decorative visuals + ambiguous toggle states + slow performance | HIGH | config tools need dense state visibility and unambiguous rollout control | 0.91 |
| 178 | 177 | Government Portal / Civic Services | Enterprise Gateway | Accessible & Ethical + Inclusive Design | Professional blue + accessibility high contrast + service category colors | Clear + Large typography | Skip-link focus states + save-progress forms | {"must_have":["constraint:plain-language-copy","constraint:service-a-z","constraint:save-progress","constraint:document-upload","constraint:appointment-booking"],"if_trust_needed":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Ornate design + low contrast + motion effects + AI purple/pink gradients | HIGH | civic flows must stay plain, accessible, and resilient for interrupted form completion | 0.95 |
| 179 | 178 | Grant / Funding Portal | Marketplace / Directory | Accessible & Ethical + Swiss Modernism 2.0 | Institution navy + funding green + deadline red + neutral white | Formal + Clear typography | Deadline countdown + status tracking | {"must_have":["constraint:opportunity-cards","constraint:eligibility-checker","constraint:deadline-countdown","constraint:application-wizard","constraint:status-tracker"],"if_trust_needed":["constraint:prioritize-clarity"],"if_conversion_focused":["constraint:add-urgency-colors"]} | No deadlines + no eligibility clarity + buried docs | HIGH | funding portals need deadline visibility, eligibility clarity, and a strong evidence trail | 0.92 |
| 180 | 179 | LMS (Learning Management System) | Feature-Rich Showcase | Flat Design + Accessible & Ethical | Calm blue + course category colors + grade green + alert red | Readable + Instructional typography | Course progress + calendar reminders | {"must_have":["constraint:course-grid","constraint:assignment-deadlines","constraint:gradebook","constraint:discussion-forums","constraint:calendar-integration"],"if_content_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Hidden assignments + poor mobile + cluttered navigation | HIGH | learning systems must stay structured, legible, and reminder-driven across devices | 0.93 |
| 181 | 180 | No-code / Low-code Builder | Product Demo + Features | Vibrant & Block-based + Bento Box Grid | Brand primary + component palette colors + canvas neutral + connect blue | Functional + UI-focused typography | Drag-drop canvas + live preview sync | {"must_have":["constraint:drag-drop-canvas","constraint:component-sidebar","constraint:logic-flow-editor","constraint:live-preview","constraint:template-gallery"],"if_dashboard":["constraint:virtualize-lists"],"if_ux_focused":["constraint:add-progress-animation"]} | No live preview + hidden logic + sluggish canvas | HIGH | builders need visual affordance density without sacrificing preview fidelity or performance | 0.89 |
| 182 | 181 | Open Source Project Landing | Hero + Features + CTA | Flat Design + Minimalism & Swiss Style | Dark bg + language color bar + star gold + fork silver + sponsor purple | Technical + Clear typography | Install-command copy + contributor stats | {"must_have":["constraint:install-command","constraint:contributor-stats","constraint:language-bar","constraint:issue-pr-status","constraint:sponsor-cta"],"if_trust_needed":["constraint:prioritize-clarity"],"if_content_focused":["style:flat-design"]} | No install command + weak contributor proof + marketing fluff | MEDIUM | open-source landings succeed when setup, social proof, and maintenance status are immediate | 0.90 |
| 183 | 182 | Patient Portal / Health Records | Trust & Authority + Conversion | Minimalism & Swiss Style + Accessible & Ethical | Clinical blue + health green + alert red + calm white + accessible contrast | Professional + Readable typography | Labs timeline + message status states | {"must_have":["constraint:lab-results-timeline","constraint:medication-list","constraint:appointment-scheduling","constraint:message-care-team","constraint:family-access"],"if_trust_needed":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Confusing booking + low contrast + missing lab hierarchy | HIGH | health records need trust, hierarchy, and fast access to the next actionable item | 0.94 |
| 184 | 183 | Patent / IP Database | Marketplace / Directory | Swiss Modernism 2.0 + Data-Dense Dashboard | Formal neutral + patent type chips + status badges | Formal + Search-friendly typography | Full-text search highlight + citation graph | {"must_have":["constraint:full-text-search","constraint:classification-tree","constraint:citation-graph","constraint:prior-art-comparison","constraint:legal-status-tracker"],"if_data_heavy":["constraint:virtualize-lists"],"if_trust_needed":["constraint:prioritize-clarity"]} | No search + no citation graph + visual clutter | HIGH | IP discovery depends on precise search, citation context, and legal-status visibility | 0.89 |
| 185 | 184 | Q&A Community Platform | Community/Forum Landing | Minimalism & Swiss Style + Flat Design | Clean white + upvote orange + accepted green + reputation gold + tag colors | Readable + Code-friendly typography | Vote count emphasis + code-block highlighting | {"must_have":["constraint:vote-count","constraint:code-blocks","constraint:tag-filter","constraint:accepted-answer","constraint:bookmark-save"],"if_content_focused":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | No code support + poor vote clarity + hidden accepted answer | HIGH | Q&A works when answer ranking, code readability, and tag discovery are all obvious | 0.93 |
| 186 | 185 | Research Lab / University Department | Portfolio Grid | Swiss Modernism 2.0 + Editorial Grid / Magazine | Institutional navy + white + research-area accents + serif headings | Academic + Clear typography | Publication cards + people grid | {"must_have":["constraint:pi-bio","constraint:member-grid","constraint:publication-list","constraint:open-positions","constraint:funding-acknowledgments"],"if_content_focused":["constraint:prioritize-clarity"],"if_trust_needed":["constraint:reduce-motion"]} | Low hierarchy + no publication filtering + cluttered visuals | MEDIUM | lab pages must present publications, team structure, and open opportunities with high credibility | 0.91 |
| 187 | 186 | Resume / CV Builder | Product Demo + Features | Minimalism & Swiss Style + Accessible & Ethical | Professional navy + section accent + success green + clean white | Professional + Resume-friendly typography | Real-time preview + ATS score indicator | {"must_have":["constraint:template-picker","constraint:section-editor","constraint:real-time-preview","constraint:ats-score","constraint:pdf-export"],"if_conversion_focused":["constraint:add-progress-animation"],"if_trust_needed":["constraint:prioritize-clarity"]} | No live preview + weak ATS signals + decorative clutter | HIGH | resume tools need immediate feedback, export confidence, and minimal layout noise | 0.92 |
| 188 | 187 | Review Platform | Product Review/Ratings Focused | Bento Box Grid + Vibrant & Block-based | Brand primary + star gold + positive green + negative red + verified blue | Readable + Review-first typography | Rating distribution + verified badge emphasis | {"must_have":["constraint:rating-summary","constraint:verified-badge","constraint:photo-video-reviews","constraint:helpful-votes","constraint:sort-by-recency"],"if_trust_needed":["constraint:add-testimonials"],"if_conversion_focused":["constraint:add-urgency-colors"]} | No verified badges + text-heavy pages + hidden filter controls | HIGH | review UX depends on trust signals, filtering, and fast scan of the rating spread | 0.94 |
| 189 | 188 | RPA / Automation Dashboard | Real-Time / Operations Landing | Dark Mode (OLED) + Data-Dense Dashboard | Dark bg + running green + failed red + queued amber + completed blue | Functional + Operational typography | Status matrix + alert transitions | {"must_have":["constraint:bot-status-grid","constraint:queue-depth","constraint:process-flow","constraint:exception-alerts","constraint:roi-metrics"],"if_dashboard":["constraint:virtualize-lists"],"if_trust_needed":["constraint:red-alert-colors"]} | Slow dashboards + decorative charts + hidden error states | HIGH | automation ops need dense state surfaces, failure visibility, and ROI proof | 0.93 |
| 190 | 189 | Survey / Form Builder | Product Demo + Features | Minimalism & Swiss Style + Micro-interactions | Clean white + question accent + progress green + submit blue | Clear + Form-first typography | Conditional-logic flow + progress animation | {"must_have":["constraint:drag-drop-builder","constraint:question-library","constraint:conditional-logic","constraint:theme-picker","constraint:response-dashboard"],"if_ux_focused":["constraint:add-progress-animation"],"if_mobile":["constraint:optimize-touch-targets"]} | Static forms + hidden conditional logic + weak progress cues | HIGH | form builders need visible logic, easy composition, and response clarity | 0.92 |
| 191 | 190 | Telemedicine Platform | Trust & Authority + Conversion | Neumorphism + Accessible & Ethical | Calm medical blue + video green + waiting amber + trust white | Professional + Calm typography | Video-call state transitions + waiting-room ETA | {"must_have":["constraint:video-call-ui","constraint:appointment-queue","constraint:symptom-intake","constraint:prescription-delivery","constraint:waiting-room-eta"],"if_trust_needed":["constraint:prioritize-clarity"],"if_mobile":["constraint:optimize-touch-targets"]} | Low trust cues + confusing waiting state + tiny controls | HIGH | telemedicine must reduce anxiety, surface wait state, and keep control sizing forgiving | 0.88 |
| 192 | 191 | Testimonial & Social Proof Widget | Hero + Testimonials + CTA | Bento Box Grid + Vibrant & Block-based | Brand primary + quote accent + star gold + verified blue | Readable + Social-proof typography | Card carousel + photo/video cards | {"must_have":["constraint:testimonial-cards","constraint:star-ratings","constraint:video-testimonials","constraint:case-study-summaries","constraint:embed-code"],"if_trust_needed":["constraint:add-testimonials"],"if_conversion_focused":["constraint:increase-playfulness"]} | No evidence badges + static layout + tiny media | MEDIUM | social proof widgets exist to compress trust into a quick, embeddable read | 0.91 |
| 193 | 192 | Ticketing / Box Office | Event/Conference Landing | Vibrant & Block-based + Motion-Driven | Event theme colors + available green + sold-out red + seat map neutral | Bold + Event typography | Seat-map hover states + countdown urgency | {"must_have":["constraint:event-cards","constraint:seat-map","constraint:cart-countdown","constraint:qr-ticket","constraint:refund-policy"],"if_conversion_focused":["constraint:add-urgency-colors"],"if_mobile":["constraint:optimize-touch-targets"]} | No seat-map feedback + hidden fees + weak mobile | HIGH | ticketing must make inventory, urgency, and purchase confidence visible at once | 0.93 |