Motor de Diseño
Elige el tipo de producto y el sistema recomienda patrón, estilo, paleta y tipografía — cruzando 100 reglas de razonamiento, 96 paletas y 57 pares tipográficos.
01 Recomendación por producto
02 Recomendaciones por producto
- ▤ SaaS (General) Glassmorphism + Flat Design Ver → EstiloGlassmorphism + Flat DesignAlternativasSoft UI Evolution, MinimalismLandingHero + Features + CTADashboardData-Dense + Real-Time MonitoringColorTrust blue + accent contrast
Balance modern feel with clarity. Focus on CTAs.
- ▤ Micro SaaS Flat Design + Vibrant & Block Ver → EstiloFlat Design + Vibrant & BlockAlternativasMotion-Driven, Micro-interactionsLandingMinimal & Direct + DemoDashboardExecutive DashboardColorVibrant primary + white space
Keep simple, show product quickly. Speed is key.
- ▤ E-commerce Vibrant & Block-based Ver → EstiloVibrant & Block-basedAlternativasAurora UI, Motion-DrivenLandingFeature-Rich ShowcaseDashboardSales Intelligence DashboardColorBrand primary + success green
Engagement & conversions. High visual hierarchy.
- ▤ E-commerce Luxury Liquid Glass + Glassmorphism Ver → EstiloLiquid Glass + GlassmorphismAlternativas3D & Hyperrealism, Aurora UILandingFeature-Rich ShowcaseDashboardSales Intelligence DashboardColorPremium colors + minimal accent
Elegance & sophistication. Premium materials.
- ▤ Service Landing Page Hero-Centric + Trust & Authority Ver → EstiloHero-Centric + Trust & AuthorityAlternativasSocial Proof-Focused, StorytellingLandingHero-Centric DesignDashboardN/A - Analytics for conversionsColorBrand primary + trust colors
Social proof essential. Show expertise.
- ▤ B2B Service Trust & Authority + Minimal Ver → EstiloTrust & Authority + MinimalAlternativasFeature-Rich, Conversion-OptimizedLandingFeature-Rich ShowcaseDashboardSales Intelligence DashboardColorProfessional blue + neutral grey
Credibility essential. Clear ROI messaging.
- ▤ Financial Dashboard Dark Mode (OLED) + Data-Dense Ver → EstiloDark Mode (OLED) + Data-DenseAlternativasMinimalism, Accessible & EthicalLandingN/A - Dashboard focusedDashboardFinancial DashboardColorDark bg + red/green alerts + trust blue
High contrast, real-time updates, accuracy paramount.
- ▤ Analytics Dashboard Data-Dense + Heat Map & Heatmap Ver → EstiloData-Dense + Heat Map & HeatmapAlternativasMinimalism, Dark Mode (OLED)LandingN/A - Analytics focusedDashboardDrill-Down Analytics + ComparativeColorCool→Hot gradients + neutral grey
Clarity > aesthetics. Color-coded data priority.
- ▤ Healthcare App Neumorphism + Accessible & Ethical Ver → EstiloNeumorphism + Accessible & EthicalAlternativasSoft UI Evolution, Claymorphism (for patients)LandingSocial Proof-FocusedDashboardUser Behavior AnalyticsColorCalm blue + health green + trust
Accessibility mandatory. Calming aesthetic.
- ▤ Educational App Claymorphism + Micro-interactions Ver → EstiloClaymorphism + Micro-interactionsAlternativasVibrant & Block-based, Flat DesignLandingStorytelling-DrivenDashboardUser Behavior AnalyticsColorPlayful colors + clear hierarchy
Engagement & ease of use. Age-appropriate design.
- ▤ Creative Agency Brutalism + Motion-Driven Ver → EstiloBrutalism + Motion-DrivenAlternativasRetro-Futurism, Storytelling-DrivenLandingStorytelling-DrivenDashboardN/A - Portfolio focusedColorBold primaries + artistic freedom
Differentiation key. Wow-factor necessary.
- ▤ Portfolio/Personal Motion-Driven + Minimalism Ver → EstiloMotion-Driven + MinimalismAlternativasBrutalism, Aurora UILandingStorytelling-DrivenDashboardN/A - Personal brandingColorBrand primary + artistic interpretation
Showcase work. Personality shine through.
- ▤ Gaming 3D & Hyperrealism + Retro-Futurism Ver → Estilo3D & Hyperrealism + Retro-FuturismAlternativasMotion-Driven, Vibrant & BlockLandingFeature-Rich ShowcaseDashboardN/A - Game focusedColorVibrant + neon + immersive colors
Immersion priority. Performance critical.
- ▤ Government/Public Service Accessible & Ethical + Minimalism Ver → EstiloAccessible & Ethical + MinimalismAlternativasFlat Design, Inclusive DesignLandingMinimal & DirectDashboardExecutive DashboardColorProfessional blue + high contrast
WCAG AAA mandatory. Trust paramount.
- ▤ Fintech/Crypto Glassmorphism + Dark Mode (OLED) Ver → EstiloGlassmorphism + Dark Mode (OLED)AlternativasRetro-Futurism, Motion-DrivenLandingConversion-OptimizedDashboardReal-Time Monitoring + PredictiveColorDark tech colors + trust + vibrant accents
Security perception. Real-time data critical.
- ▤ Social Media App Vibrant & Block-based + Motion-Driven Ver → EstiloVibrant & Block-based + Motion-DrivenAlternativasAurora UI, Micro-interactionsLandingFeature-Rich ShowcaseDashboardUser Behavior AnalyticsColorVibrant + engagement colors
Engagement & retention. Addictive design ethics.
- ▤ Productivity Tool Flat Design + Micro-interactions Ver → EstiloFlat Design + Micro-interactionsAlternativasMinimalism, Soft UI EvolutionLandingInteractive Product DemoDashboardDrill-Down AnalyticsColorClear hierarchy + functional colors
Ease of use. Speed & efficiency focus.
- ▤ Design System/Component Library Minimalism + Accessible & Ethical Ver → EstiloMinimalism + Accessible & EthicalAlternativasFlat Design, Zero InterfaceLandingFeature-Rich ShowcaseDashboardN/A - Dev focusedColorClear hierarchy + code-like structure
Consistency. Developer-first approach.
- ▤ AI/Chatbot Platform AI-Native UI + Minimalism Ver → EstiloAI-Native UI + MinimalismAlternativasZero Interface, GlassmorphismLandingInteractive Product DemoDashboardAI/ML Analytics DashboardColorNeutral + AI Purple (#6366F1)
Conversational UI. Streaming text. Context awareness. Minimal chrome.
- ▤ NFT/Web3 Platform Cyberpunk UI + Glassmorphism Ver → EstiloCyberpunk UI + GlassmorphismAlternativasAurora UI, 3D & HyperrealismLandingFeature-Rich ShowcaseDashboardCrypto/Blockchain DashboardColorDark + Neon + Gold (#FFD700)
Wallet integration. Transaction feedback. Gas fees display. Dark mode essential.
- ▤ Creator Economy Platform Vibrant & Block-based + Bento Box Grid Ver → EstiloVibrant & Block-based + Bento Box GridAlternativasMotion-Driven, Aurora UILandingSocial Proof-FocusedDashboardUser Behavior AnalyticsColorVibrant + Brand colors
Creator profiles. Monetization display. Engagement metrics. Social proof.
- ▤ Sustainability/ESG Platform Organic Biophilic + Minimalism Ver → EstiloOrganic Biophilic + MinimalismAlternativasAccessible & Ethical, Flat DesignLandingTrust & AuthorityDashboardEnergy/Utilities DashboardColorGreen (#228B22) + Earth tones
Carbon footprint visuals. Progress indicators. Certification badges. Eco-friendly imagery.
- ▤ Remote Work/Collaboration Tool Soft UI Evolution + Minimalism Ver → EstiloSoft UI Evolution + MinimalismAlternativasGlassmorphism, Micro-interactionsLandingFeature-Rich ShowcaseDashboardDrill-Down AnalyticsColorCalm Blue + Neutral grey
Real-time collaboration. Status indicators. Video integration. Notification management.
- ▤ Mental Health App Neumorphism + Accessible & Ethical Ver → EstiloNeumorphism + Accessible & EthicalAlternativasClaymorphism, Soft UI EvolutionLandingSocial Proof-FocusedDashboardHealthcare AnalyticsColorCalm Pastels + Trust colors
Calming aesthetics. Privacy-first. Crisis resources. Progress tracking. Accessibility mandatory.
- ▤ Pet Tech App Claymorphism + Vibrant & Block-based Ver → EstiloClaymorphism + Vibrant & Block-basedAlternativasMicro-interactions, Flat DesignLandingStorytelling-DrivenDashboardUser Behavior AnalyticsColorPlayful + Warm colors
Pet profiles. Health tracking. Playful UI. Photo galleries. Vet integration.
- ▤ Smart Home/IoT Dashboard Glassmorphism + Dark Mode (OLED) Ver → EstiloGlassmorphism + Dark Mode (OLED)AlternativasMinimalism, AI-Native UILandingInteractive Product DemoDashboardReal-Time MonitoringColorDark + Status indicator colors
Device status. Real-time controls. Energy monitoring. Automation rules. Quick actions.
- ▤ EV/Charging Ecosystem Minimalism + Aurora UI Ver → EstiloMinimalism + Aurora UIAlternativasGlassmorphism, Organic BiophilicLandingHero-Centric DesignDashboardEnergy/Utilities DashboardColorElectric Blue (#009CD1) + Green
Charging station maps. Range estimation. Cost calculation. Environmental impact.
- ▤ Subscription Box Service Vibrant & Block-based + Motion-Driven Ver → EstiloVibrant & Block-based + Motion-DrivenAlternativasClaymorphism, Aurora UILandingFeature-Rich ShowcaseDashboardE-commerce AnalyticsColorBrand + Excitement colors
Unboxing experience. Personalization quiz. Subscription management. Product reveals.
- ▤ Podcast Platform Dark Mode (OLED) + Minimalism Ver → EstiloDark Mode (OLED) + MinimalismAlternativasMotion-Driven, Vibrant & Block-basedLandingStorytelling-DrivenDashboardMedia/Entertainment DashboardColorDark + Audio waveform accents
Audio player UX. Episode discovery. Creator tools. Analytics for podcasters.
- ▤ Dating App Vibrant & Block-based + Motion-Driven Ver → EstiloVibrant & Block-based + Motion-DrivenAlternativasAurora UI, GlassmorphismLandingSocial Proof-FocusedDashboardUser Behavior AnalyticsColorWarm + Romantic (Pink/Red gradients)
Profile cards. Swipe interactions. Match animations. Safety features. Video chat.
- ▤ Micro-Credentials/Badges Platform Minimalism + Flat Design Ver → EstiloMinimalism + Flat DesignAlternativasAccessible & Ethical, Swiss Modernism 2.0LandingTrust & AuthorityDashboardEducation DashboardColorTrust Blue + Gold (#FFD700)
Credential verification. Badge display. Progress tracking. Issuer trust. LinkedIn integration.
- ▤ Knowledge Base/Documentation Minimalism + Accessible & Ethical Ver → EstiloMinimalism + Accessible & EthicalAlternativasSwiss Modernism 2.0, Flat DesignLandingFAQ/DocumentationDashboardN/A - Documentation focusedColorClean hierarchy + minimal color
Search-first. Clear navigation. Code highlighting. Version switching. Feedback system.
- ▤ Hyperlocal Services Minimalism + Vibrant & Block-based Ver → EstiloMinimalism + Vibrant & Block-basedAlternativasMicro-interactions, Flat DesignLandingConversion-OptimizedDashboardDrill-Down Analytics + MapColorLocation markers + Trust colors
Map integration. Service categories. Provider profiles. Booking system. Reviews.
- ▤ Beauty/Spa/Wellness Service Soft UI Evolution + Neumorphism Ver → EstiloSoft UI Evolution + NeumorphismAlternativasGlassmorphism, MinimalismLandingHero-Centric Design + Social ProofDashboardUser Behavior AnalyticsColorSoft pastels (Pink #FFB6C1 Sage #90EE90) + Cream + Gold accents
Calming aesthetic. Booking system. Service menu. Before/after gallery. Testimonials. Relaxing imagery.
- ▤ Luxury/Premium Brand Liquid Glass + Glassmorphism Ver → EstiloLiquid Glass + GlassmorphismAlternativasMinimalism, 3D & HyperrealismLandingStorytelling-Driven + Feature-RichDashboardSales Intelligence DashboardColorBlack + Gold (#FFD700) + White + Minimal accent
Elegance paramount. Premium imagery. Storytelling. High-quality visuals. Exclusive feel.
- ▤ Restaurant/Food Service Vibrant & Block-based + Motion-Driven Ver → EstiloVibrant & Block-based + Motion-DrivenAlternativasClaymorphism, Flat DesignLandingHero-Centric Design + ConversionDashboardN/A - Booking focusedColorWarm colors (Orange Red Brown) + appetizing imagery
Menu display. Online ordering. Reservation system. Food photography. Location/hours prominent.
- ▤ Fitness/Gym App Vibrant & Block-based + Dark Mode (OLED) Ver → EstiloVibrant & Block-based + Dark Mode (OLED)AlternativasMotion-Driven, NeumorphismLandingFeature-Rich ShowcaseDashboardUser Behavior AnalyticsColorEnergetic (Orange #FF6B35 Electric Blue) + Dark bg
Progress tracking. Workout plans. Community features. Achievements. Motivational design.
- ▤ Real Estate/Property Glassmorphism + Minimalism Ver → EstiloGlassmorphism + MinimalismAlternativasMotion-Driven, 3D & HyperrealismLandingHero-Centric Design + Feature-RichDashboardSales Intelligence DashboardColorTrust Blue (#0077B6) + Gold accents + White
Property listings. Virtual tours. Map integration. Agent profiles. Mortgage calculator. High-quality imagery.
- ▤ Travel/Tourism Agency Aurora UI + Motion-Driven Ver → EstiloAurora UI + Motion-DrivenAlternativasVibrant & Block-based, GlassmorphismLandingStorytelling-Driven + Hero-CentricDashboardBooking AnalyticsColorVibrant destination colors + Sky Blue + Warm accents
Destination showcase. Booking system. Itinerary builder. Reviews. Inspiration galleries. Mobile-first.
- ▤ Hotel/Hospitality Liquid Glass + Minimalism Ver → EstiloLiquid Glass + MinimalismAlternativasGlassmorphism, Soft UI EvolutionLandingHero-Centric Design + Social ProofDashboardRevenue Management DashboardColorWarm neutrals + Gold (#D4AF37) + Brand accent
Room booking. Amenities showcase. Location maps. Guest reviews. Seasonal pricing. Luxury imagery.
- ▤ Wedding/Event Planning Soft UI Evolution + Aurora UI Ver → EstiloSoft UI Evolution + Aurora UIAlternativasGlassmorphism, Motion-DrivenLandingStorytelling-Driven + Social ProofDashboardN/A - Planning focusedColorSoft Pink (#FFD6E0) + Gold + Cream + Sage
Portfolio gallery. Vendor directory. Planning tools. Timeline. Budget tracker. Romantic aesthetic.
- ▤ Legal Services Trust & Authority + Minimalism Ver → EstiloTrust & Authority + MinimalismAlternativasAccessible & Ethical, Swiss Modernism 2.0LandingTrust & Authority + MinimalDashboardCase Management DashboardColorNavy Blue (#1E3A5F) + Gold + White
Credibility paramount. Practice areas. Attorney profiles. Case results. Contact forms. Professional imagery.
- ▤ Insurance Platform Trust & Authority + Flat Design Ver → EstiloTrust & Authority + Flat DesignAlternativasAccessible & Ethical, MinimalismLandingConversion-Optimized + TrustDashboardClaims Analytics DashboardColorTrust Blue (#0066CC) + Green (security) + Neutral
Quote calculator. Policy comparison. Claims process. Trust signals. Clear pricing. Security badges.
- ▤ Banking/Traditional Finance Minimalism + Accessible & Ethical Ver → EstiloMinimalism + Accessible & EthicalAlternativasTrust & Authority, Dark Mode (OLED)LandingTrust & Authority + Feature-RichDashboardFinancial DashboardColorNavy (#0A1628) + Trust Blue + Gold accents
Security-first. Account overview. Transaction history. Mobile banking. Accessibility critical. Trust paramount.
- ▤ Online Course/E-learning Claymorphism + Vibrant & Block-based Ver → EstiloClaymorphism + Vibrant & Block-basedAlternativasMotion-Driven, Flat DesignLandingFeature-Rich Showcase + Social ProofDashboardEducation DashboardColorVibrant learning colors + Progress green
Course catalog. Progress tracking. Video player. Quizzes. Certificates. Community forums. Gamification.
- ▤ Non-profit/Charity Accessible & Ethical + Organic Biophilic Ver → EstiloAccessible & Ethical + Organic BiophilicAlternativasMinimalism, Storytelling-DrivenLandingStorytelling-Driven + TrustDashboardDonation Analytics DashboardColorCause-related colors + Trust + Warm
Impact stories. Donation flow. Transparency reports. Volunteer signup. Event calendar. Emotional connection.
- ▤ Music Streaming Dark Mode (OLED) + Vibrant & Block-based Ver → EstiloDark Mode (OLED) + Vibrant & Block-basedAlternativasMotion-Driven, Aurora UILandingFeature-Rich ShowcaseDashboardMedia/Entertainment DashboardColorDark (#121212) + Vibrant accents + Album art colors
Audio player. Playlist management. Artist pages. Personalization. Social features. Waveform visualizations.
- ▤ Video Streaming/OTT Dark Mode (OLED) + Motion-Driven Ver → EstiloDark Mode (OLED) + Motion-DrivenAlternativasGlassmorphism, Vibrant & Block-basedLandingHero-Centric Design + Feature-RichDashboardMedia/Entertainment DashboardColorDark bg + Content poster colors + Brand accent
Video player. Content discovery. Watchlist. Continue watching. Personalized recommendations. Thumbnail-heavy.
- ▤ Job Board/Recruitment Flat Design + Minimalism Ver → EstiloFlat Design + MinimalismAlternativasVibrant & Block-based, Accessible & EthicalLandingConversion-Optimized + Feature-RichDashboardHR Analytics DashboardColorProfessional Blue + Success Green + Neutral
Job listings. Search/filter. Company profiles. Application tracking. Resume upload. Salary insights.
- ▤ Marketplace (P2P) Vibrant & Block-based + Flat Design Ver → EstiloVibrant & Block-based + Flat DesignAlternativasMicro-interactions, Trust & AuthorityLandingFeature-Rich Showcase + Social ProofDashboardE-commerce AnalyticsColorTrust colors + Category colors + Success green
Seller/buyer profiles. Listings. Reviews/ratings. Secure payment. Messaging. Search/filter. Trust badges.
- ▤ Logistics/Delivery Minimalism + Flat Design Ver → EstiloMinimalism + Flat DesignAlternativasDark Mode (OLED), Micro-interactionsLandingFeature-Rich Showcase + ConversionDashboardReal-Time Monitoring + Route AnalyticsColorBlue (#2563EB) + Orange (tracking) + Green (delivered)
Real-time tracking. Delivery scheduling. Route optimization. Driver management. Status updates. Map integration.
- ▤ Agriculture/Farm Tech Organic Biophilic + Flat Design Ver → EstiloOrganic Biophilic + Flat DesignAlternativasMinimalism, Accessible & EthicalLandingFeature-Rich Showcase + TrustDashboardIoT Sensor DashboardColorEarth Green (#4A7C23) + Brown + Sky Blue
Crop monitoring. Weather data. IoT sensors. Yield tracking. Market prices. Sustainable imagery.
- ▤ Construction/Architecture Minimalism + 3D & Hyperrealism Ver → EstiloMinimalism + 3D & HyperrealismAlternativasBrutalism, Swiss Modernism 2.0LandingHero-Centric Design + Feature-RichDashboardProject Management DashboardColorGrey (#4A4A4A) + Orange (safety) + Blueprint Blue
Project portfolio. 3D renders. Timeline. Material specs. Team collaboration. Blueprint aesthetic.
- ▤ Automotive/Car Dealership Motion-Driven + 3D & Hyperrealism Ver → EstiloMotion-Driven + 3D & HyperrealismAlternativasDark Mode (OLED), GlassmorphismLandingHero-Centric Design + Feature-RichDashboardSales Intelligence DashboardColorBrand colors + Metallic accents + Dark/Light
Vehicle showcase. 360° views. Comparison tools. Financing calculator. Test drive booking. High-quality imagery.
- ▤ Photography Studio Motion-Driven + Minimalism Ver → EstiloMotion-Driven + MinimalismAlternativasAurora UI, GlassmorphismLandingStorytelling-Driven + Hero-CentricDashboardN/A - Portfolio focusedColorBlack + White + Minimal accent
Portfolio gallery. Before/after. Service packages. Booking system. Client galleries. Full-bleed imagery.
- ▤ Coworking Space Vibrant & Block-based + Glassmorphism Ver → EstiloVibrant & Block-based + GlassmorphismAlternativasMinimalism, Motion-DrivenLandingHero-Centric Design + Feature-RichDashboardOccupancy DashboardColorEnergetic colors + Wood tones + Brand accent
Space tour. Membership plans. Booking system. Amenities. Community events. Virtual tour.
- ▤ Cleaning Service Soft UI Evolution + Flat Design Ver → EstiloSoft UI Evolution + Flat DesignAlternativasMinimalism, Micro-interactionsLandingConversion-Optimized + TrustDashboardService AnalyticsColorFresh Blue (#00B4D8) + Clean White + Green
Service packages. Booking system. Price calculator. Before/after gallery. Reviews. Trust badges.
- ▤ Home Services (Plumber/Electrician) Flat Design + Trust & Authority Ver → EstiloFlat Design + Trust & AuthorityAlternativasMinimalism, Accessible & EthicalLandingConversion-Optimized + TrustDashboardService AnalyticsColorTrust Blue + Safety Orange + Professional grey
Service list. Emergency contact. Booking. Price transparency. Certifications. Local trust signals.
- ▤ Childcare/Daycare Claymorphism + Vibrant & Block-based Ver → EstiloClaymorphism + Vibrant & Block-basedAlternativasSoft UI Evolution, Accessible & EthicalLandingSocial Proof-Focused + TrustDashboardParent DashboardColorPlayful pastels + Safe colors + Warm accents
Programs. Staff profiles. Safety certifications. Parent portal. Activity updates. Cheerful imagery.
- ▤ Senior Care/Elderly Accessible & Ethical + Soft UI Evolution Ver → EstiloAccessible & Ethical + Soft UI EvolutionAlternativasMinimalism, NeumorphismLandingTrust & Authority + Social ProofDashboardHealthcare AnalyticsColorCalm Blue + Warm neutrals + Large text
Care services. Staff qualifications. Facility tour. Family portal. Large touch targets. High contrast. Accessibility-first.
- ▤ Medical Clinic Accessible & Ethical + Minimalism Ver → EstiloAccessible & Ethical + MinimalismAlternativasNeumorphism, Trust & AuthorityLandingTrust & Authority + ConversionDashboardHealthcare AnalyticsColorMedical Blue (#0077B6) + Trust White + Calm Green
Services. Doctor profiles. Online booking. Patient portal. Insurance info. HIPAA compliant. Trust signals.
- ▤ Pharmacy/Drug Store Flat Design + Accessible & Ethical Ver → EstiloFlat Design + Accessible & EthicalAlternativasMinimalism, Trust & AuthorityLandingConversion-Optimized + TrustDashboardInventory DashboardColorPharmacy Green + Trust Blue + Clean White
Product catalog. Prescription upload. Refill reminders. Health info. Store locator. Safety certifications.
- ▤ Dental Practice Soft UI Evolution + Minimalism Ver → EstiloSoft UI Evolution + MinimalismAlternativasAccessible & Ethical, Trust & AuthorityLandingSocial Proof-Focused + ConversionDashboardPatient AnalyticsColorFresh Blue + White + Smile Yellow accent
Services. Dentist profiles. Before/after. Online booking. Insurance. Patient testimonials. Friendly imagery.
- ▤ Veterinary Clinic Claymorphism + Accessible & Ethical Ver → EstiloClaymorphism + Accessible & EthicalAlternativasSoft UI Evolution, Flat DesignLandingSocial Proof-Focused + TrustDashboardPet Health DashboardColorCaring Blue + Pet-friendly colors + Warm accents
Pet services. Vet profiles. Online booking. Pet portal. Emergency info. Friendly animal imagery.
- ▤ Florist/Plant Shop Organic Biophilic + Vibrant & Block-based Ver → EstiloOrganic Biophilic + Vibrant & Block-basedAlternativasAurora UI, Motion-DrivenLandingHero-Centric Design + ConversionDashboardE-commerce AnalyticsColorNatural Green + Floral pinks/purples + Earth tones
Product catalog. Occasion categories. Delivery scheduling. Care guides. Seasonal collections. Beautiful imagery.
- ▤ Bakery/Cafe Vibrant & Block-based + Soft UI Evolution Ver → EstiloVibrant & Block-based + Soft UI EvolutionAlternativasClaymorphism, Motion-DrivenLandingHero-Centric Design + ConversionDashboardN/A - Order focusedColorWarm Brown + Cream + Appetizing accents
Menu display. Online ordering. Location/hours. Catering. Seasonal specials. Appetizing photography.
- ▤ Coffee Shop Minimalism + Organic Biophilic Ver → EstiloMinimalism + Organic BiophilicAlternativasSoft UI Evolution, Flat DesignLandingHero-Centric Design + ConversionDashboardN/A - Order focusedColorCoffee Brown (#6F4E37) + Cream + Warm accents
Menu. Online ordering. Loyalty program. Location. Story/origin. Cozy aesthetic.
- ▤ Brewery/Winery Motion-Driven + Storytelling-Driven Ver → EstiloMotion-Driven + Storytelling-DrivenAlternativasDark Mode (OLED), Organic BiophilicLandingStorytelling-Driven + Hero-CentricDashboardN/A - E-commerce focusedColorDeep amber/burgundy + Gold + Craft aesthetic
Product showcase. Story/heritage. Tasting notes. Events. Club membership. Artisanal imagery.
- ▤ Airline Minimalism + Glassmorphism Ver → EstiloMinimalism + GlassmorphismAlternativasMotion-Driven, Accessible & EthicalLandingConversion-Optimized + Feature-RichDashboardOperations DashboardColorSky Blue + Brand colors + Trust accents
Flight search. Booking. Check-in. Boarding pass. Loyalty program. Route maps. Mobile-first.
- ▤ News/Media Platform Minimalism + Flat Design Ver → EstiloMinimalism + Flat DesignAlternativasDark Mode (OLED), Accessible & EthicalLandingHero-Centric Design + Feature-RichDashboardMedia Analytics DashboardColorBrand colors + High contrast + Category colors
Article layout. Breaking news. Categories. Search. Subscription. Mobile reading. Fast loading.
- ▤ Magazine/Blog Swiss Modernism 2.0 + Motion-Driven Ver → EstiloSwiss Modernism 2.0 + Motion-DrivenAlternativasMinimalism, Aurora UILandingStorytelling-Driven + Hero-CentricDashboardContent AnalyticsColorEditorial colors + Brand primary + Clean white
Article showcase. Category navigation. Author profiles. Newsletter signup. Related content. Typography-focused.
- ▤ Freelancer Platform Flat Design + Minimalism Ver → EstiloFlat Design + MinimalismAlternativasVibrant & Block-based, Micro-interactionsLandingFeature-Rich Showcase + ConversionDashboardMarketplace AnalyticsColorProfessional Blue + Success Green + Neutral
Profile creation. Portfolio. Skill matching. Messaging. Payment. Reviews. Project management.
- ▤ Consulting Firm Trust & Authority + Minimalism Ver → EstiloTrust & Authority + MinimalismAlternativasSwiss Modernism 2.0, Accessible & EthicalLandingTrust & Authority + Feature-RichDashboardN/A - Lead generationColorNavy + Gold + Professional grey
Service areas. Case studies. Team profiles. Thought leadership. Contact. Professional credibility.
- ▤ Marketing Agency Brutalism + Motion-Driven Ver → EstiloBrutalism + Motion-DrivenAlternativasVibrant & Block-based, Aurora UILandingStorytelling-Driven + Feature-RichDashboardCampaign AnalyticsColorBold brand colors + Creative freedom
Portfolio. Case studies. Services. Team. Creative showcase. Results-focused. Bold aesthetic.
- ▤ Event Management Vibrant & Block-based + Motion-Driven Ver → EstiloVibrant & Block-based + Motion-DrivenAlternativasGlassmorphism, Aurora UILandingHero-Centric Design + Feature-RichDashboardEvent AnalyticsColorEvent theme colors + Excitement accents
Event showcase. Registration. Agenda. Speakers. Sponsors. Ticket sales. Countdown timer.
- ▤ Conference/Webinar Platform Glassmorphism + Minimalism Ver → EstiloGlassmorphism + MinimalismAlternativasMotion-Driven, Flat DesignLandingFeature-Rich Showcase + ConversionDashboardAttendee AnalyticsColorProfessional Blue + Video accent + Brand
Registration. Agenda. Speaker profiles. Live stream. Networking. Recording access. Virtual event features.
- ▤ Membership/Community Vibrant & Block-based + Soft UI Evolution Ver → EstiloVibrant & Block-based + Soft UI EvolutionAlternativasBento Box Grid, Micro-interactionsLandingSocial Proof-Focused + ConversionDashboardCommunity AnalyticsColorCommunity brand colors + Engagement accents
Member benefits. Pricing tiers. Community showcase. Events. Member directory. Exclusive content.
- ▤ Newsletter Platform Minimalism + Flat Design Ver → EstiloMinimalism + Flat DesignAlternativasSwiss Modernism 2.0, Accessible & EthicalLandingMinimal & Direct + ConversionDashboardEmail AnalyticsColorBrand primary + Clean white + CTA accent
Subscribe form. Archive. About. Social proof. Sample content. Simple conversion.
- ▤ Digital Products/Downloads Vibrant & Block-based + Motion-Driven Ver → EstiloVibrant & Block-based + Motion-DrivenAlternativasGlassmorphism, Bento Box GridLandingFeature-Rich Showcase + ConversionDashboardE-commerce AnalyticsColorProduct category colors + Brand + Success green
Product showcase. Preview. Pricing. Instant delivery. License management. Customer reviews.
- ▤ Church/Religious Organization Accessible & Ethical + Soft UI Evolution Ver → EstiloAccessible & Ethical + Soft UI EvolutionAlternativasMinimalism, Trust & AuthorityLandingHero-Centric Design + Social ProofDashboardN/A - Community focusedColorWarm Gold + Deep Purple/Blue + White
Service times. Events. Sermons. Community. Giving. Location. Welcoming imagery.
- ▤ Sports Team/Club Vibrant & Block-based + Motion-Driven Ver → EstiloVibrant & Block-based + Motion-DrivenAlternativasDark Mode (OLED), 3D & HyperrealismLandingHero-Centric Design + Feature-RichDashboardPerformance AnalyticsColorTeam colors + Energetic accents
Schedule. Roster. News. Tickets. Merchandise. Fan engagement. Action imagery.
- ▤ Museum/Gallery Minimalism + Motion-Driven Ver → EstiloMinimalism + Motion-DrivenAlternativasSwiss Modernism 2.0, 3D & HyperrealismLandingStorytelling-Driven + Feature-RichDashboardVisitor AnalyticsColorArt-appropriate neutrals + Exhibition accents
Exhibitions. Collections. Tickets. Events. Virtual tours. Educational content. Art-focused design.
- ▤ Theater/Cinema Dark Mode (OLED) + Motion-Driven Ver → EstiloDark Mode (OLED) + Motion-DrivenAlternativasVibrant & Block-based, GlassmorphismLandingHero-Centric Design + ConversionDashboardBooking AnalyticsColorDark + Spotlight accents + Gold
Showtimes. Seat selection. Trailers. Coming soon. Membership. Dramatic imagery.
- ▤ Language Learning App Claymorphism + Vibrant & Block-based Ver → EstiloClaymorphism + Vibrant & Block-basedAlternativasMicro-interactions, Flat DesignLandingFeature-Rich Showcase + Social ProofDashboardLearning AnalyticsColorPlayful colors + Progress indicators + Country flags
Lesson structure. Progress tracking. Gamification. Speaking practice. Community. Achievement badges.
- ▤ Coding Bootcamp Dark Mode (OLED) + Minimalism Ver → EstiloDark Mode (OLED) + MinimalismAlternativasCyberpunk UI, Flat DesignLandingFeature-Rich Showcase + Social ProofDashboardStudent AnalyticsColorCode editor colors + Brand + Success green
Curriculum. Projects. Career outcomes. Alumni. Pricing. Application. Terminal aesthetic.
- ▤ Cybersecurity Platform Cyberpunk UI + Dark Mode (OLED) Ver → EstiloCyberpunk UI + Dark Mode (OLED)AlternativasNeubrutalism, Minimal & DirectLandingTrust & Authority + Real-TimeDashboardReal-Time Monitoring + Heat MapColorMatrix Green + Deep Black + Terminal feel
Data density. Threat visualization. Dark mode default.
- ▤ Developer Tool / IDE Dark Mode (OLED) + Minimalism Ver → EstiloDark Mode (OLED) + MinimalismAlternativasFlat Design, Bento Box GridLandingMinimal & Direct + DocumentationDashboardReal-Time Monitor + TerminalColorDark syntax theme colors + Blue focus
Keyboard shortcuts. Syntax highlighting. Fast performance.
- ▤ Biotech / Life Sciences Glassmorphism + Clean Science Ver → EstiloGlassmorphism + Clean ScienceAlternativasMinimalism, Organic BiophilicLandingStorytelling-Driven + ResearchDashboardData-Dense + PredictiveColorSterile White + DNA Blue + Life Green
Data accuracy. Cleanliness. Complex data viz.
- ▤ Space Tech / Aerospace Holographic / HUD + Dark Mode Ver → EstiloHolographic / HUD + Dark ModeAlternativasGlassmorphism, 3D & HyperrealismLandingImmersive Experience + HeroDashboardReal-Time Monitoring + 3DColorDeep Space Black + Star White + Metallic
High-tech feel. Precision. Telemetry data.
- ▤ Architecture / Interior Exaggerated Minimalism + High Imagery Ver → EstiloExaggerated Minimalism + High ImageryAlternativasSwiss Modernism 2.0, ParallaxLandingPortfolio Grid + VisualsDashboardProject Management + GalleryColorMonochrome + Gold Accent + High Imagery
High-res images. Typography. Space.
- ▤ Quantum Computing Interface Holographic / HUD + Dark Mode Ver → EstiloHolographic / HUD + Dark ModeAlternativasGlassmorphism, Spatial UILandingImmersive/Interactive ExperienceDashboard3D Spatial Data + Real-Time MonitorColorQuantum Blue #00FFFF + Deep Black + Interference patterns
Visualize complexity. Qubit states. Probability clouds. High-tech trust.
- ▤ Biohacking / Longevity App Biomimetic / Organic 2.0 Ver → EstiloBiomimetic / Organic 2.0AlternativasMinimalism, Dark Mode (OLED)LandingData-Dense + StorytellingDashboardReal-Time Monitor + Biological DataColorCellular Pink/Red + DNA Blue + Clean White
Personal data privacy. Scientific credibility. Biological visualizations.
- ▤ Autonomous Drone Fleet Manager HUD / Sci-Fi FUI Ver → EstiloHUD / Sci-Fi FUIAlternativasReal-Time Monitor, Spatial UILandingReal-Time MonitorDashboardGeographic + Real-TimeColorTactical Green #00FF00 + Alert Red + Map Dark
Real-time telemetry. 3D spatial awareness. Latency indicators. Safety alerts.
- ▤ Generative Art Platform Minimalism (Frame) + Gen Z Chaos Ver → EstiloMinimalism (Frame) + Gen Z ChaosAlternativasMasonry Grid, Dark ModeLandingBento Grid ShowcaseDashboardGallery / PortfolioColorNeutral #F5F5F5 (Canvas) + User Content
Content is king. Fast loading. Creator attribution. Minting flow.
- ▤ Spatial Computing OS / App Spatial UI (VisionOS) Ver → EstiloSpatial UI (VisionOS)AlternativasGlassmorphism, 3D & HyperrealismLandingImmersive/Interactive ExperienceDashboardSpatial DashboardColorFrosted Glass + System Colors + Depth
Gaze/Pinch interaction. Depth hierarchy. Environment awareness.
- ▤ Sustainable Energy / Climate Tech Organic Biophilic + E-Ink / Paper Ver → EstiloOrganic Biophilic + E-Ink / PaperAlternativasData-Dense, Swiss ModernismLandingInteractive Demo + DataDashboardEnergy/Utilities DashboardColorEarth Green + Sky Blue + Solar Yellow
Data transparency. Impact visualization. Low-carbon web design.
03 Paletas de color
- SaaS (General) saas · general Ver → Primary#2563EB Secondary#3B82F6 CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Trust blue + accent contrast
- Micro SaaS micro · saas Ver → Primary#2563EB Secondary#3B82F6 CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Vibrant primary + white space
- E-commerce commerce Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Brand primary + success green
- E-commerce Luxury commerce · luxury Ver → Primary#1C1917 Secondary#44403C CTA#CA8A04 Background#FAFAF9 Text#0C0A09 Border#D6D3D1Aa CTA Primary
Premium colors + minimal accent
- Service Landing Page service · landing · page Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Brand primary + trust colors
- B2B Service b2b · service Ver → Primary#0F172A Secondary#334155 CTA#0369A1 Background#F8FAFC Text#020617 Border#E2E8F0Aa CTA Primary
Professional blue + neutral grey
- Financial Dashboard financial · dashboard Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Dark bg + red/green alerts + trust blue
- Analytics Dashboard analytics · dashboard Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Cool→Hot gradients + neutral grey
- Healthcare App healthcare · app Ver → Primary#0891B2 Secondary#22D3EE CTA#059669 Background#ECFEFF Text#164E63 Border#A5F3FCAa CTA Primary
Calm blue + health green + trust
- Educational App educational · app Ver → Primary#4F46E5 Secondary#818CF8 CTA#F97316 Background#EEF2FF Text#1E1B4B Border#C7D2FEAa CTA Primary
Playful colors + clear hierarchy
- Creative Agency creative · agency Ver → Primary#EC4899 Secondary#F472B6 CTA#06B6D4 Background#FDF2F8 Text#831843 Border#FBCFE8Aa CTA Primary
Bold primaries + artistic freedom
- Portfolio/Personal portfolio · personal Ver → Primary#18181B Secondary#3F3F46 CTA#2563EB Background#FAFAFA Text#09090B Border#E4E4E7Aa CTA Primary
Brand primary + artistic interpretation
- Gaming gaming Ver → Primary#7C3AED Secondary#A78BFA CTA#F43F5E Background#0F0F23 Text#E2E8F0 Border#4C1D95Aa CTA Primary
Vibrant + neon + immersive colors
- Government/Public Service government · public · service Ver → Primary#0F172A Secondary#334155 CTA#0369A1 Background#F8FAFC Text#020617 Border#E2E8F0Aa CTA Primary
Professional blue + high contrast
- Fintech/Crypto fintech · crypto Ver → Primary#F59E0B Secondary#FBBF24 CTA#8B5CF6 Background#0F172A Text#F8FAFC Border#334155Aa CTA Primary
Dark tech colors + trust + vibrant accents
- Social Media App social · media · app Ver → Primary#2563EB Secondary#60A5FA CTA#F43F5E Background#F8FAFC Text#1E293B Border#DBEAFEAa CTA Primary
Vibrant + engagement colors
- Productivity Tool productivity · tool Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Clear hierarchy + functional colors
- Design System/Component Library design · system · component Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Clear hierarchy + code-like structure
- AI/Chatbot Platform chatbot · platform Ver → Primary#7C3AED Secondary#A78BFA CTA#06B6D4 Background#FAF5FF Text#1E1B4B Border#DDD6FEAa CTA Primary
Neutral + AI Purple (#6366F1)
- NFT/Web3 Platform nft · web3 · platform Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Dark + Neon + Gold (#FFD700)
- Creator Economy Platform creator · economy · platform Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Vibrant + Brand colors
- Sustainability/ESG Platform sustainability · esg · platform Ver → Primary#7C3AED Secondary#A78BFA CTA#06B6D4 Background#FAF5FF Text#1E1B4B Border#DDD6FEAa CTA Primary
Green (#228B22) + Earth tones
- Remote Work/Collaboration Tool remote · work · collaboration Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Calm Blue + Neutral grey
- Mental Health App mental · health · app Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Calm Pastels + Trust colors
- Pet Tech App pet · tech · app Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Playful + Warm colors
- Smart Home/IoT Dashboard smart · home · iot Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Dark + Status indicator colors
- EV/Charging Ecosystem charging · ecosystem Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Electric Blue (#009CD1) + Green
- Subscription Box Service subscription · box · service Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Brand + Excitement colors
- Podcast Platform podcast · platform Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Dark + Audio waveform accents
- Dating App dating · app Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Warm + Romantic (Pink/Red gradients)
- Micro-Credentials/Badges Platform micro · credentials · badges Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Trust Blue + Gold (#FFD700)
- Knowledge Base/Documentation knowledge · base · documentation Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Clean hierarchy + minimal color
- Hyperlocal Services hyperlocal · services Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Location markers + Trust colors
- Beauty/Spa/Wellness Service beauty · spa · wellness Ver → Primary#10B981 Secondary#34D399 CTA#8B5CF6 Background#ECFDF5 Text#064E3B Border#A7F3D0Aa CTA Primary
Soft pastels (Pink #FFB6C1 Sage #90EE90) + Cream + Gold accents
- Luxury/Premium Brand luxury · premium · brand Ver → Primary#1C1917 Secondary#44403C CTA#CA8A04 Background#FAFAF9 Text#0C0A09 Border#D6D3D1Aa CTA Primary
Black + Gold (#FFD700) + White + Minimal accent
- Restaurant/Food Service restaurant · food · service Ver → Primary#DC2626 Secondary#F87171 CTA#CA8A04 Background#FEF2F2 Text#450A0A Border#FECACAAa CTA Primary
Warm colors (Orange Red Brown) + appetizing imagery
- Fitness/Gym App fitness · gym · app Ver → Primary#DC2626 Secondary#F87171 CTA#16A34A Background#FEF2F2 Text#1F2937 Border#FECACAAa CTA Primary
Energetic (Orange #FF6B35 Electric Blue) + Dark bg
- Real Estate/Property real · estate · property Ver → Primary#0F766E Secondary#14B8A6 CTA#0369A1 Background#F0FDFA Text#134E4A Border#99F6E4Aa CTA Primary
Trust Blue (#0077B6) + Gold accents + White
- Travel/Tourism Agency travel · tourism · agency Ver → Primary#EC4899 Secondary#F472B6 CTA#06B6D4 Background#FDF2F8 Text#831843 Border#FBCFE8Aa CTA Primary
Vibrant destination colors + Sky Blue + Warm accents
- Hotel/Hospitality hotel · hospitality Ver → Primary#1E3A8A Secondary#3B82F6 CTA#CA8A04 Background#F8FAFC Text#1E40AF Border#BFDBFEAa CTA Primary
Warm neutrals + Gold (#D4AF37) + Brand accent
- Wedding/Event Planning wedding · event · planning Ver → Primary#7C3AED Secondary#A78BFA CTA#F97316 Background#FAF5FF Text#4C1D95 Border#DDD6FEAa CTA Primary
Soft Pink (#FFD6E0) + Gold + Cream + Sage
- Legal Services legal · services Ver → Primary#1E3A8A Secondary#1E40AF CTA#B45309 Background#F8FAFC Text#0F172A Border#CBD5E1Aa CTA Primary
Navy Blue (#1E3A5F) + Gold + White
- Insurance Platform insurance · platform Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Trust Blue (#0066CC) + Green (security) + Neutral
- Banking/Traditional Finance banking · traditional · finance Ver → Primary#0F766E Secondary#14B8A6 CTA#0369A1 Background#F0FDFA Text#134E4A Border#99F6E4Aa CTA Primary
Navy (#0A1628) + Trust Blue + Gold accents
- Online Course/E-learning online · course · learning Ver → Primary#0D9488 Secondary#2DD4BF CTA#EA580C Background#F0FDFA Text#134E4A Border#5EEAD4Aa CTA Primary
Vibrant learning colors + Progress green
- Non-profit/Charity non · profit · charity Ver → Primary#0891B2 Secondary#22D3EE CTA#F97316 Background#ECFEFF Text#164E63 Border#A5F3FCAa CTA Primary
Cause-related colors + Trust + Warm
- Music Streaming music · streaming Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Dark (#121212) + Vibrant accents + Album art colors
- Video Streaming/OTT video · streaming · ott Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Dark bg + Content poster colors + Brand accent
- Job Board/Recruitment job · board · recruitment Ver → Primary#0F172A Secondary#334155 CTA#0369A1 Background#F8FAFC Text#020617 Border#E2E8F0Aa CTA Primary
Professional Blue + Success Green + Neutral
- Marketplace (P2P) marketplace · p2p Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Trust colors + Category colors + Success green
- Logistics/Delivery logistics · delivery Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Blue (#2563EB) + Orange (tracking) + Green (delivered)
- Agriculture/Farm Tech agriculture · farm · tech Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Earth Green (#4A7C23) + Brown + Sky Blue
- Construction/Architecture construction · architecture Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Grey (#4A4A4A) + Orange (safety) + Blueprint Blue
- Automotive/Car Dealership automotive · car · dealership Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Brand colors + Metallic accents + Dark/Light
- Photography Studio photography · studio Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Black + White + Minimal accent
- Coworking Space coworking · space Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Energetic colors + Wood tones + Brand accent
- Cleaning Service cleaning · service Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Fresh Blue (#00B4D8) + Clean White + Green
- Home Services (Plumber/Electrician) home · services · plumber Ver → Primary#0F172A Secondary#334155 CTA#0369A1 Background#F8FAFC Text#020617 Border#E2E8F0Aa CTA Primary
Trust Blue + Safety Orange + Professional grey
- Childcare/Daycare childcare · daycare Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Playful pastels + Safe colors + Warm accents
- Senior Care/Elderly senior · care · elderly Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Calm Blue + Warm neutrals + Large text
- Medical Clinic medical · clinic Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Medical Blue (#0077B6) + Trust White + Calm Green
- Pharmacy/Drug Store pharmacy · drug · store Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Pharmacy Green + Trust Blue + Clean White
- Dental Practice dental · practice Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Fresh Blue + White + Smile Yellow accent
- Veterinary Clinic veterinary · clinic Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Caring Blue + Pet-friendly colors + Warm accents
- Florist/Plant Shop florist · plant · shop Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Natural Green + Floral pinks/purples + Earth tones
- Bakery/Cafe bakery · cafe Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Warm Brown + Cream + Appetizing accents
- Coffee Shop coffee · shop Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Coffee Brown (#6F4E37) + Cream + Warm accents
- Brewery/Winery brewery · winery Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Deep amber/burgundy + Gold + Craft aesthetic
- Airline airline Ver → Primary#7C3AED Secondary#A78BFA CTA#06B6D4 Background#FAF5FF Text#1E1B4B Border#DDD6FEAa CTA Primary
Sky Blue + Brand colors + Trust accents
- News/Media Platform news · media · platform Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Brand colors + High contrast + Category colors
- Magazine/Blog magazine · blog Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Editorial colors + Brand primary + Clean white
- Freelancer Platform freelancer · platform Ver → Primary#0F172A Secondary#334155 CTA#0369A1 Background#F8FAFC Text#020617 Border#E2E8F0Aa CTA Primary
Professional Blue + Success Green + Neutral
- Consulting Firm consulting · firm Ver → Primary#0F172A Secondary#334155 CTA#0369A1 Background#F8FAFC Text#020617 Border#E2E8F0Aa CTA Primary
Navy + Gold + Professional grey
- Marketing Agency marketing · agency Ver → Primary#EC4899 Secondary#F472B6 CTA#06B6D4 Background#FDF2F8 Text#831843 Border#FBCFE8Aa CTA Primary
Bold brand colors + Creative freedom
- Event Management event · management Ver → Primary#7C3AED Secondary#A78BFA CTA#F97316 Background#FAF5FF Text#4C1D95 Border#DDD6FEAa CTA Primary
Event theme colors + Excitement accents
- Conference/Webinar Platform conference · webinar · platform Ver → Primary#0F172A Secondary#334155 CTA#0369A1 Background#F8FAFC Text#020617 Border#E2E8F0Aa CTA Primary
Professional Blue + Video accent + Brand
- Membership/Community membership · community Ver → Primary#7C3AED Secondary#A78BFA CTA#F97316 Background#FAF5FF Text#4C1D95 Border#DDD6FEAa CTA Primary
Community brand colors + Engagement accents
- Newsletter Platform newsletter · platform Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Brand primary + Clean white + CTA accent
- Digital Products/Downloads digital · products · downloads Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Product category colors + Brand + Success green
- Church/Religious Organization church · religious · organization Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Warm Gold + Deep Purple/Blue + White
- Sports Team/Club sports · team · club Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Team colors + Energetic accents
- Museum/Gallery museum · gallery Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Art-appropriate neutrals + Exhibition accents
- Theater/Cinema theater · cinema Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Dark + Spotlight accents + Gold
- Language Learning App language · learning · app Ver → Primary#0D9488 Secondary#2DD4BF CTA#EA580C Background#F0FDFA Text#134E4A Border#5EEAD4Aa CTA Primary
Playful colors + Progress indicators + Country flags
- Coding Bootcamp coding · bootcamp Ver → Primary#3B82F6 Secondary#60A5FA CTA#F97316 Background#F8FAFC Text#1E293B Border#E2E8F0Aa CTA Primary
Code editor colors + Brand + Success green
- Cybersecurity Platform cybersecurity · security · cyber Ver → Primary#00FF41 Secondary#0D0D0D CTA#00FF41 Background#000000 Text#E0E0E0 Border#1F1F1FAa CTA Primary
Matrix Green + Deep Black + Terminal feel
- Developer Tool / IDE developer · tool · ide Ver → Primary#3B82F6 Secondary#1E293B CTA#2563EB Background#0F172A Text#F1F5F9 Border#334155Aa CTA Primary
Dark syntax theme colors + Blue focus
- Biotech / Life Sciences biotech · science · biology Ver → Primary#0EA5E9 Secondary#0284C7 CTA#10B981 Background#F8FAFC Text#0F172A Border#E2E8F0Aa CTA Primary
Sterile White + DNA Blue + Life Green
- Space Tech / Aerospace space · aerospace · tech Ver → Primary#FFFFFF Secondary#94A3B8 CTA#3B82F6 Background#0B0B10 Text#F8FAFC Border#1E293BAa CTA Primary
Deep Space Black + Star White + Metallic
- Architecture / Interior architecture · interior · design Ver → Primary#171717 Secondary#404040 CTA#D4AF37 Background#FFFFFF Text#171717 Border#E5E5E5Aa CTA Primary
Monochrome + Gold Accent + High Imagery
- Quantum Computing quantum · qubit · tech Ver → Primary#00FFFF Secondary#7B61FF CTA#FF00FF Background#050510 Text#E0E0FF Border#333344Aa CTA Primary
Interference patterns + Neon + Deep Dark
- Biohacking / Longevity bio · health · science Ver → Primary#FF4D4D Secondary#4D94FF CTA#00E676 Background#F5F5F7 Text#1C1C1E Border#E5E5EAAa CTA Primary
Biological red/blue + Clinical white
- Autonomous Systems drone · robot · fleet Ver → Primary#00FF41 Secondary#008F11 CTA#FF3333 Background#0D1117 Text#E6EDF3 Border#30363DAa CTA Primary
Terminal Green + Tactical Dark
- Generative AI Art art · gen-ai · creative Ver → Primary#111111 Secondary#333333 CTA#FFFFFF Background#FAFAFA Text#000000 Border#E5E5E5Aa CTA Primary
Canvas Neutral + High Contrast
- Spatial / Vision OS spatial · glass · vision Ver → Primary#FFFFFF Secondary#E5E5E5 CTA#007AFF Background#888888 Text#000000 Border#FFFFFFAa CTA Primary
Glass opacity 20% + System Blue
- Climate Tech climate · green · energy Ver → Primary#2E8B57 Secondary#87CEEB CTA#FFD700 Background#F0FFF4 Text#1A3320 Border#C6E6C6Aa CTA Primary
Nature Green + Solar Yellow + Air Blue
04 Pares tipográficos
- Classic Elegant Serif + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Playfair Display
- Body
- Inter
elegantluxurysophisticatedtimelesspremiumeditorialIdeal: Luxury brands, fashion, spa, beauty, editorial, magazines, high-end e-commerce
- Modern Professional Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Poppins
- Body
- Open Sans· no cargada
modernprofessionalcleancorporatefriendlyapproachableIdeal: SaaS, corporate sites, business apps, startups, professional services
- Tech Startup Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Space Grotesk
- Body
- DM Sans
techstartupmoderninnovativeboldfuturisticIdeal: Tech companies, startups, SaaS, developer tools, AI products
- Editorial Classic Serif + Serif Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Cormorant Garamond· no cargada
- Body
- Libre Baskerville· no cargada
editorialclassicliterarytraditionalrefinedbookishIdeal: Publishing, blogs, news sites, literary magazines, book covers
- Minimal Swiss Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Inter
- Body
- Inter
minimalcleanswissfunctionalneutralprofessionalIdeal: Dashboards, admin panels, documentation, enterprise apps, design systems
- Playful Creative Display + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Fredoka· no cargada
- Body
- Nunito· no cargada
playfulfriendlyfuncreativewarmapproachableIdeal: Children's apps, educational, gaming, creative tools, entertainment
- Bold Statement Display + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Bebas Neue· no cargada
- Body
- Source Sans 3· no cargada
boldimpactfulstrongdramaticmodernheadlinesIdeal: Marketing sites, portfolios, agencies, event pages, sports
- Wellness Calm Serif + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Lora· no cargada
- Body
- Raleway· no cargada
calmwellnesshealthrelaxingnaturalorganicIdeal: Health apps, wellness, spa, meditation, yoga, organic brands
- Developer Mono Mono + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- JetBrains Mono
- Body
- IBM Plex Sans
codedevelopertechnicalprecisefunctionalhackerIdeal: Developer tools, documentation, code editors, tech blogs, CLI apps
- Retro Vintage Display + Serif Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Abril Fatface· no cargada
- Body
- Merriweather· no cargada
retrovintagenostalgicdramaticdecorativeboldIdeal: Vintage brands, breweries, restaurants, creative portfolios, posters
- Geometric Modern Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Outfit
- Body
- Work Sans· no cargada
geometricmoderncleanbalancedcontemporaryversatileIdeal: General purpose, portfolios, agencies, modern brands, landing pages
- Luxury Serif Serif + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Cormorant· no cargada
- Body
- Montserrat· no cargada
luxuryhigh-endfashionelegantrefinedpremiumIdeal: Fashion brands, luxury e-commerce, jewelry, high-end services
- Friendly SaaS Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Plus Jakarta Sans
- Body
- Plus Jakarta Sans
friendlymodernsaascleanapproachableprofessionalIdeal: SaaS products, web apps, dashboards, B2B, productivity tools
- News Editorial Serif + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Newsreader· no cargada
- Body
- Roboto· no cargada
newseditorialjournalismtrustworthyreadableinformativeIdeal: News sites, blogs, magazines, journalism, content-heavy sites
- Handwritten Charm Script + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Caveat· no cargada
- Body
- Quicksand· no cargada
handwrittenpersonalfriendlycasualwarmcharmingIdeal: Personal blogs, invitations, creative portfolios, lifestyle brands
- Corporate Trust Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Lexend· no cargada
- Body
- Source Sans 3· no cargada
corporatetrustworthyaccessiblereadableprofessionalcleanIdeal: Enterprise, government, healthcare, finance, accessibility-focused
- Brutalist Raw Mono + Mono Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Space Mono
- Body
- Space Mono
brutalistrawtechnicalmonospaceminimalstarkIdeal: Brutalist designs, developer portfolios, experimental, tech art
- Fashion Forward Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Syne· no cargada
- Body
- Manrope· no cargada
fashionavant-gardecreativeboldartisticedgyIdeal: Fashion brands, creative agencies, art galleries, design studios
- Soft Rounded Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Varela Round· no cargada
- Body
- Nunito Sans· no cargada
softroundedfriendlyapproachablewarmgentleIdeal: Children's products, pet apps, friendly brands, wellness, soft UI
- Premium Sans Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Satoshi· no cargada
- Body
- General Sans· no cargada
premiummoderncleansophisticatedversatilebalancedIdeal: Premium brands, modern agencies, SaaS, portfolios, startups
- Vietnamese Friendly Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Be Vietnam Pro· no cargada
- Body
- Noto Sans· no cargada
vietnameseinternationalreadablecleanmultilingualaccessibleIdeal: Vietnamese sites, multilingual apps, international products
- Japanese Elegant Serif + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Noto Serif JP· no cargada
- Body
- Noto Sans JP· no cargada
japaneseeleganttraditionalmodernmultilingualreadableIdeal: Japanese sites, Japanese restaurants, cultural sites, anime/manga
- Korean Modern Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Noto Sans KR· no cargada
- Body
- Noto Sans KR· no cargada
koreanmoderncleanprofessionalmultilingualreadableIdeal: Korean sites, K-beauty, K-pop, Korean businesses, multilingual
- Chinese Traditional Serif + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Noto Serif TC· no cargada
- Body
- Noto Sans TC· no cargada
chinesetraditionalelegantculturalmultilingualreadableIdeal: Traditional Chinese sites, cultural content, Taiwan/Hong Kong markets
- Chinese Simplified Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Noto Sans SC· no cargada
- Body
- Noto Sans SC· no cargada
chinesesimplifiedmodernprofessionalmultilingualreadableIdeal: Simplified Chinese sites, mainland China market, business apps
- Arabic Elegant Serif + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Noto Naskh Arabic· no cargada
- Body
- Noto Sans Arabic· no cargada
arabiceleganttraditionalculturalRTLreadableIdeal: Arabic sites, Middle East market, Islamic content, bilingual sites
- Thai Modern Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Noto Sans Thai· no cargada
- Body
- Noto Sans Thai· no cargada
thaimodernreadablecleanmultilingualaccessibleIdeal: Thai sites, Southeast Asia, tourism, Thai restaurants
- Hebrew Modern Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Noto Sans Hebrew· no cargada
- Body
- Noto Sans Hebrew· no cargada
hebrewmodernRTLcleanprofessionalreadableIdeal: Hebrew sites, Israeli market, Jewish content, bilingual sites
- Legal Professional Serif + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- EB Garamond
- Body
- Lato· no cargada
legalprofessionaltraditionaltrustworthyformalauthoritativeIdeal: Law firms, legal services, contracts, formal documents, government
- Medical Clean Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Figtree· no cargada
- Body
- Noto Sans· no cargada
medicalcleanaccessibleprofessionalhealthcaretrustworthyIdeal: Healthcare, medical clinics, pharma, health apps, accessibility
- Financial Trust Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- IBM Plex Sans
- Body
- IBM Plex Sans
financialtrustworthyprofessionalcorporatebankingseriousIdeal: Banks, finance, insurance, investment, fintech, enterprise
- Real Estate Luxury Serif + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Cinzel· no cargada
- Body
- Josefin Sans· no cargada
real estateluxuryelegantsophisticatedpropertypremiumIdeal: Real estate, luxury properties, architecture, interior design
- Restaurant Menu Serif + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Playfair Display SC· no cargada
- Body
- Karla· no cargada
restaurantmenuculinaryelegantfoodiehospitalityIdeal: Restaurants, cafes, food blogs, culinary, hospitality
- Art Deco Display + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Poiret One· no cargada
- Body
- Didact Gothic· no cargada
art decovintage1920selegantdecorativegatsbyIdeal: Vintage events, art deco themes, luxury hotels, classic cocktails
- Magazine Style Serif + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Libre Bodoni· no cargada
- Body
- Public Sans· no cargada
magazineeditorialpublishingrefinedjournalismprintIdeal: Magazines, online publications, editorial content, journalism
- Crypto/Web3 Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Orbitron· no cargada
- Body
- Exo 2· no cargada
cryptoweb3futuristictechblockchaindigitalIdeal: Crypto platforms, NFT, blockchain, web3, futuristic tech
- Gaming Bold Display + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Russo One· no cargada
- Body
- Chakra Petch· no cargada
gamingboldactionesportscompetitiveenergeticIdeal: Gaming, esports, action games, competitive sports, entertainment
- Indie/Craft Display + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Amatic SC· no cargada
- Body
- Cabin· no cargada
indiecrafthandmadeartisanorganiccreativeIdeal: Craft brands, indie products, artisan, handmade, organic products
- Startup Bold Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Clash Display· no cargada
- Body
- Satoshi· no cargada
startupboldmoderninnovativeconfidentdynamicIdeal: Startups, pitch decks, product launches, bold brands
- E-commerce Clean Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Rubik· no cargada
- Body
- Nunito Sans· no cargada
ecommercecleanshoppingproductretailconversionIdeal: E-commerce, online stores, product pages, retail, shopping
- Academic/Research Serif + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Crimson Pro· no cargada
- Body
- Atkinson Hyperlegible· no cargada
academicresearchscholarlyaccessiblereadableeducationalIdeal: Universities, research papers, academic journals, educational
- Dashboard Data Mono + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Fira Code
- Body
- Fira Sans· no cargada
dashboarddataanalyticscodetechnicalpreciseIdeal: Dashboards, analytics, data visualization, admin panels
- Music/Entertainment Display + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Righteous· no cargada
- Body
- Poppins
musicentertainmentfunenergeticboldperformanceIdeal: Music platforms, entertainment, events, festivals, performers
- Minimalist Portfolio Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Archivo· no cargada
- Body
- Space Grotesk
minimalportfoliodesignercreativecleanartisticIdeal: Design portfolios, creative professionals, minimalist brands
- Kids/Education Display + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Baloo 2· no cargada
- Body
- Comic Neue· no cargada
kidseducationplayfulfriendlycolorfullearningIdeal: Children's apps, educational games, kid-friendly content
- Wedding/Romance Script + Serif Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Great Vibes· no cargada
- Body
- Cormorant Infant· no cargada
weddingromanceelegantscriptinvitationfeminineIdeal: Wedding sites, invitations, romantic brands, bridal
- Science/Tech Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Exo· no cargada
- Body
- Roboto Mono· no cargada
sciencetechnologyresearchdatafuturisticpreciseIdeal: Science, research, tech documentation, data-heavy sites
- Accessibility First Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Atkinson Hyperlegible· no cargada
- Body
- Atkinson Hyperlegible· no cargada
accessiblereadableinclusiveWCAGdyslexia-friendlyclearIdeal: Accessibility-critical sites, government, healthcare, inclusive design
- Sports/Fitness Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Barlow Condensed· no cargada
- Body
- Barlow· no cargada
sportsfitnessathleticenergeticcondensedactionIdeal: Sports, fitness, gyms, athletic brands, competition
- Luxury Minimalist Serif + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Bodoni Moda· no cargada
- Body
- Jost· no cargada
luxuryminimalisthigh-endsophisticatedrefinedpremiumIdeal: Luxury minimalist brands, high-end fashion, premium products
- Tech/HUD Mono Mono + Mono Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Share Tech Mono
- Body
- Fira Code
techfuturistichudsci-fidatamonospacedpreciseIdeal: Sci-fi interfaces, developer tools, cybersecurity, dashboards
- Pixel Retro Display + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Press Start 2P· no cargada
- Body
- VT323· no cargada
pixelretrogaming8-bitnostalgicarcadeIdeal: Pixel art games, retro websites, creative portfolios
- Neubrutalist Bold Display + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Lexend Mega· no cargada
- Body
- Public Sans· no cargada
boldneubrutalistloudstronggeometricquirkyIdeal: Neubrutalist designs, Gen Z brands, bold marketing
- Academic/Archival Serif + Serif Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- EB Garamond
- Body
- Crimson Text· no cargada
academicold-schooluniversityresearchserioustraditionalIdeal: University sites, archives, research papers, history
- Spatial Clear Sans + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Inter
- Body
- Inter
spatiallegibleglasssystemcleanneutralIdeal: Spatial computing, AR/VR, glassmorphism interfaces
- Kinetic Motion Display + Mono Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Syncopate· no cargada
- Body
- Space Mono
kineticmotionfuturisticspeedwidetechIdeal: Music festivals, automotive, high-energy brands
- Gen Z Brutal Display + Sans Ver → Aa
The quick brown fox jumps over the lazy dog — 0123456789
- Heading
- Anton· no cargada
- Body
- Epilogue· no cargada
brutalloudshoutymemeinternetboldIdeal: Gen Z marketing, streetwear, viral campaigns
05 Guía de visualización
- Trend Over Time Line Chart Ver → Line Chart Alternativas: Area Chart, Smooth AreaColorPrimary: #0080FF. Multiple series: use distinct colors. Fill: 20% opacityRendimiento⚡ Excellent (optimized)Accesibilidad✓ Clear line patterns for colorblind users. Add pattern overlays.Chart.js, Recharts, ApexCharts Hover + Zoom
- Compare Categories Bar Chart (Horizontal or Vertical) Ver → Bar Chart (Horizontal or Vertical) Alternativas: Column Chart, Grouped BarColorEach bar: distinct color. Category: grouped same color. Sorted: descending orderRendimiento⚡ ExcellentAccesibilidad✓ Easy to compare. Add value labels on bars for clarity.Chart.js, Recharts, D3.js Hover + Sort
- Part-to-Whole Pie Chart or Donut Ver → Pie Chart or Donut Alternativas: Stacked Bar, TreemapColorColors: 5-6 max. Contrasting palette. Large slices first. Use labels.Rendimiento⚡ Good (limit 6 slices)Accesibilidad⚠ Hard for accessibility. Better: Stacked bar with legend. Avoid pie if >5 items.Chart.js, Recharts, D3.js Hover + Drill
- Correlation/Distribution Scatter Plot or Bubble Chart Ver → Scatter Plot or Bubble Chart Alternativas: Heat Map, MatrixColorColor axis: gradient (blue-red). Size: relative. Opacity: 0.6-0.8 to show densityRendimiento⚠ Moderate (many points)Accesibilidad⚠ Provide data table alternative. Use pattern + color distinction.D3.js, Plotly, Recharts Hover + Brush
- Heatmap/Intensity Heat Map or Choropleth Ver → Heat Map or Choropleth Alternativas: Grid Heat Map, Bubble HeatColorGradient: Cool (blue) to Hot (red). Scale: clear legend. Divergent for ±dataRendimiento⚡ Excellent (color CSS)Accesibilidad⚠ Colorblind: Use pattern overlay. Provide numerical legend.D3.js, Plotly, ApexCharts Hover + Zoom
- Geographic Data Choropleth Map, Bubble Map Ver → Choropleth Map, Bubble Map Alternativas: Geographic Heat MapColorRegional: single color gradient or categorized colors. Legend: clear scaleRendimiento⚠ Moderate (rendering)Accesibilidad⚠ Include text labels for regions. Provide data table alternative.D3.js, Mapbox, Leaflet Pan + Zoom + Drill
- Funnel/Flow Funnel Chart, Sankey Ver → Funnel Chart, Sankey Alternativas: Waterfall (for flows)ColorStages: gradient (starting color → ending color). Show conversion %Rendimiento⚡ GoodAccesibilidad✓ Clear stage labels + percentages. Good for accessibility if labeled.D3.js, Recharts, Custom SVG Hover + Drill
- Performance vs Target Gauge Chart or Bullet Chart Ver → Gauge Chart or Bullet Chart Alternativas: Dial, ThermometerColorPerformance: Red→Yellow→Green gradient. Target: marker line. Threshold colorsRendimiento⚡ GoodAccesibilidad✓ Add numerical value + percentage label beside gauge.D3.js, ApexCharts, Custom SVG Hover
- Time-Series Forecast Line with Confidence Band Ver → Line with Confidence Band Alternativas: Ribbon ChartColorActual: solid line #0080FF. Forecast: dashed #FF9500. Band: light shadingRendimiento⚡ GoodAccesibilidad✓ Clearly distinguish actual vs forecast. Add legend.Chart.js, ApexCharts, Plotly Hover + Toggle
- Anomaly Detection Line Chart with Highlights Ver → Line Chart with Highlights Alternativas: Scatter with AlertColorNormal: blue #0080FF. Anomaly: red #FF0000 circle/square marker + alertRendimiento⚡ GoodAccesibilidad✓ Circle/marker for anomalies. Add text alert annotation.D3.js, Plotly, ApexCharts Hover + Alert
- Hierarchical/Nested Data Treemap Ver → Treemap Alternativas: Sunburst, Nested Donut, IcicleColorParent: distinct hues. Children: lighter shades. White borders 2-3px.Rendimiento⚠ ModerateAccesibilidad⚠ Poor - provide table alternative. Label large areas.D3.js, Recharts, ApexCharts Hover + Drilldown
- Flow/Process Data Sankey Diagram Ver → Sankey Diagram Alternativas: Alluvial, Chord DiagramColorGradient from source to target. Opacity 0.4-0.6 for flows.Rendimiento⚠ ModerateAccesibilidad⚠ Poor - provide flow table alternative.D3.js (d3-sankey), Plotly Hover + Drilldown
- Cumulative Changes Waterfall Chart Ver → Waterfall Chart Alternativas: Stacked Bar, CascadeColorIncreases: #4CAF50. Decreases: #F44336. Start: #2196F3. End: #0D47A1.Rendimiento⚡ GoodAccesibilidad✓ Good - clear directional colors with labels.ApexCharts, Highcharts, Plotly Hover
- Multi-Variable Comparison Radar/Spider Chart Ver → Radar/Spider Chart Alternativas: Parallel Coordinates, Grouped BarColorSingle: #0080FF 20% fill. Multiple: distinct colors per dataset.Rendimiento⚡ GoodAccesibilidad⚠ Moderate - limit 5-8 axes. Add data table.Chart.js, Recharts, ApexCharts Hover + Toggle
- Stock/Trading OHLC Candlestick Chart Ver → Candlestick Chart Alternativas: OHLC Bar, Heikin-AshiColorBullish: #26A69A. Bearish: #EF5350. Volume: 40% opacity below.Rendimiento⚡ GoodAccesibilidad⚠ Moderate - provide OHLC data table.Lightweight Charts (TradingView), ApexCharts Real-time + Hover + Zoom
- Relationship/Connection Data Network Graph Ver → Network Graph Alternativas: Hierarchical Tree, Adjacency MatrixColorNode types: categorical colors. Edges: #90A4AE 60% opacity.Rendimiento❌ Poor (500+ nodes struggles)Accesibilidad❌ Very Poor - provide adjacency list alternative.D3.js (d3-force), Vis.js, Cytoscape.js Drilldown + Hover + Drag
- Distribution/Statistical Box Plot Ver → Box Plot Alternativas: Violin Plot, BeeswarmColorBox: #BBDEFB. Border: #1976D2. Median: #D32F2F. Outliers: #F44336.Rendimiento⚡ ExcellentAccesibilidad✓ Good - include stats table (min, Q1, median, Q3, max).Plotly, D3.js, Chart.js (plugin) Hover
- Performance vs Target (Compact) Bullet Chart Ver → Bullet Chart Alternativas: Gauge, Progress BarColorRanges: #FFCDD2, #FFF9C4, #C8E6C9. Performance: #1976D2. Target: black 3px.Rendimiento⚡ ExcellentAccesibilidad✓ Excellent - compact with clear values.D3.js, Plotly, Custom SVG Hover
- Proportional/Percentage Waffle Chart Ver → Waffle Chart Alternativas: Pictogram, Stacked Bar 100%Color10x10 grid. 3-5 categories max. 2-3px spacing between squares.Rendimiento⚡ GoodAccesibilidad✓ Good - better than pie for accessibility.D3.js, React-Waffle, Custom CSS Grid Hover
- Hierarchical Proportional Sunburst Chart Ver → Sunburst Chart Alternativas: Treemap, Icicle, Circle PackingColorCenter to outer: darker to lighter. 15-20% lighter per level.Rendimiento⚠ ModerateAccesibilidad⚠ Poor - provide hierarchy table alternative.D3.js (d3-hierarchy), Recharts, ApexCharts Drilldown + Hover
- Root Cause Analysis Decomposition Tree Ver → Decomposition Tree Alternativas: Decision Tree, Flow ChartColorNodes: #2563EB (Primary) vs #EF4444 (Negative impact). Connectors: Neutral grey.Rendimiento⚠ Moderate (calculation heavy)Accesibilidad✓ clear hierarchy. Allow keyboard navigation for nodes.Power BI (native), React-Flow, Custom D3.js Drill + Expand
- 3D Spatial Data 3D Scatter/Surface Plot Ver → 3D Scatter/Surface Plot Alternativas: Volumetric Rendering, Point CloudColorDepth cues: lighting/shading. Z-axis: color gradient (cool to warm).Rendimiento❌ Heavy (WebGL required)Accesibilidad❌ Poor - requires alternative 2D view or data table.Three.js, Deck.gl, Plotly 3D Rotate + Zoom + VR
- Real-Time Streaming Streaming Area Chart Ver → Streaming Area Chart Alternativas: Ticker Tape, Moving GaugeColorCurrent: Bright Pulse (#00FF00). History: Fading opacity. Grid: Dark.Rendimiento⚡ Optimized (canvas/webgl)Accesibilidad⚠ Flashing elements - provide pause button. High contrast.Smoothed D3.js CanvasJS
- Sentiment/Emotion Word Cloud with Sentiment Ver → Word Cloud with Sentiment Alternativas: Sentiment Arc, Radar ChartColorPositive: #22C55E. Negative: #EF4444. Neutral: #94A3B8. Size = Frequency.Rendimiento⚡ GoodAccesibilidad⚠ Word clouds poor for screen readers. Use list view.D3-cloud, Highcharts, Nivo Hover + Filter
- Process Mining Process Map / Graph Ver → Process Map / Graph Alternativas: Directed Acyclic Graph (DAG), Petri NetColorHappy path: #10B981 (Thick). Deviations: #F59E0B (Thin). Bottlenecks: #EF4444.Rendimiento⚠ Moderate to HeavyAccesibilidad⚠ Complex graphs hard to navigate. Provide path summary.React-Flow, Cytoscape.js, Recharts Drag + Node-Click
06 Patrones de landing
- ▥ Hero + Features + CTA Hero (sticky) + Bottom Ver →
- Hero with headline/image
- Value prop
- Key features (3-5)
- CTA section
- Footer
CTAHero (sticky) + BottomColorHero: Brand primary or vibrant. Features: Card bg #FAFAFA. CTA: Contrasting accent colorEfectosHero parallax, feature card hover lift, CTA glow on hoverConversiónDeep CTA placement. Use contrasting color (at least 7:1 contrast ratio). Sticky navbar CTA. - ▥ Hero + Testimonials + CTA Hero (sticky) + Post-testimonials Ver →
- Hero
- Problem statement
- Solution overview
- Testimonials carousel
- CTA
CTAHero (sticky) + Post-testimonialsColorHero: Brand color. Testimonials: Light bg #F5F5F5. Quotes: Italic, muted color #666. CTA: VibrantEfectosTestimonial carousel slide animations, quote marks animations, avatar fade-inConversiónSocial proof before CTA. Use 3-5 testimonials. Include photo + name + role. CTA after social proof. - ▥ Product Demo + Features Video center + CTA right/bottom Ver →
- Hero
- Product video/mockup (center)
- Feature breakdown per section
- Comparison (optional)
- CTA
CTAVideo center + CTA right/bottomColorVideo surround: Brand color overlay. Features: Icon color #0080FF. Text: Dark #222EfectosVideo play button pulse, feature scroll reveals, demo interaction highlightsConversiónEmbedded product demo increases engagement. Use interactive mockup if possible. Auto-play video muted. - ▥ Minimal Single Column Center, large CTA button Ver →
- Hero headline
- Short description
- Benefit bullets (3 max)
- CTA
- Footer
CTACenter, large CTA buttonColorMinimalist: Brand + white #FFFFFF + accent. Buttons: High contrast 7:1+. Text: Black/Dark greyEfectosMinimal hover effects. Smooth scroll. CTA scale on hover (subtle)ConversiónSingle CTA focus. Large typography. Lots of whitespace. No nav clutter. Mobile-first. - ▥ Funnel (3-Step Conversion) Each step: mini-CTA. Final: main CTA Ver →
- Hero
- Step 1 (problem)
- Step 2 (solution)
- Step 3 (action)
- CTA progression
CTAEach step: mini-CTA. Final: main CTAColorStep colors: 1 (Red/Problem), 2 (Orange/Process), 3 (Green/Solution). CTA: Brand colorEfectosStep number animations, progress bar fill, step transitions smooth scrollConversiónProgressive disclosure. Show only essential info per step. Use progress indicators. Multiple CTAs. - ▥ Comparison Table + CTA Table: Right column. CTA: Below table Ver →
- Hero
- Problem intro
- Comparison table (product vs competitors)
- Pricing (optional)
- CTA
CTATable: Right column. CTA: Below tableColorTable: Alternating rows (white/light grey). Your product: Highlight #FFFACD (light yellow) or green. Text: DarkEfectosTable row hover highlight, price toggle animations, feature checkmark animationsConversiónUse comparison to show unique value. Highlight your product row. Include 'free trial' in pricing row. - ▥ Lead Magnet + Form Form CTA: Submit button Ver →
- Hero (benefit headline)
- Lead magnet preview (ebook cover, checklist, etc)
- Form (minimal fields)
- CTA submit
CTAForm CTA: Submit buttonColorLead magnet: Professional design. Form: Clean white bg. Inputs: Light border #CCCCCC. CTA: Brand colorEfectosForm focus state animations, input validation animations, success confirmation animationConversiónForm fields ≤ 3 for best conversion. Offer valuable lead magnet preview. Show form submission progress. - ▥ Pricing Page + CTA Each card: CTA button. Sticky CTA in nav Ver →
- Hero (pricing headline)
- Price comparison cards
- Feature comparison table
- FAQ section
- Final CTA
CTAEach card: CTA button. Sticky CTA in navColorFree: Grey, Starter: Blue, Pro: Green/Gold, Enterprise: Dark. Cards: 1px border, shadowEfectosPrice toggle animation (monthly/yearly), card comparison highlight, FAQ accordion open/closeConversiónRecommend starter plan (pre-select/highlight). Show annual discount (20-30%). Use FAQs to address concerns. - ▥ Video-First Hero Overlay on video (center/bottom) + Bottom section Ver →
- Hero with video background
- Key features overlay
- Benefits section
- CTA
CTAOverlay on video (center/bottom) + Bottom sectionColorDark overlay 60% on video. Brand accent for CTA. White text on dark.EfectosVideo autoplay muted, parallax scroll, text fade-in on scrollConversión86% higher engagement with video. Add captions for accessibility. Compress video for performance. - ▥ Scroll-Triggered Storytelling End of each chapter (mini) + Final climax CTA Ver →
- Intro hook
- Chapter 1 (problem)
- Chapter 2 (journey)
- Chapter 3 (solution)
- Climax CTA
CTAEnd of each chapter (mini) + Final climax CTAColorProgressive reveal. Each chapter has distinct color. Building intensity.EfectosScrollTrigger animations, parallax layers, progressive disclosure, chapter transitionsConversiónNarrative increases time-on-page 3x. Use progress indicator. Mobile: simplify animations. - ▥ AI Personalization Landing Context-aware placement based on user segment Ver →
- Dynamic hero (personalized)
- Relevant features
- Tailored testimonials
- Smart CTA
CTAContext-aware placement based on user segmentColorAdaptive based on user data. A/B test color variations per segment.EfectosDynamic content swap, fade transitions, personalized product recommendationsConversión20%+ conversion with personalization. Requires analytics integration. Fallback for new users. - ▥ Waitlist/Coming Soon Email form prominent (above fold) + Sticky form on scroll Ver →
- Hero with countdown
- Product teaser/preview
- Email capture form
- Social proof (waitlist count)
CTAEmail form prominent (above fold) + Sticky form on scrollColorAnticipation: Dark + accent highlights. Countdown in brand color. Urgency indicators.EfectosCountdown timer animation, email validation feedback, success confetti, social share buttonsConversiónScarcity + exclusivity. Show waitlist count. Early access benefits. Referral program. - ▥ Comparison Table Focus After comparison table (highlighted row) + Bottom Ver →
- Hero (problem statement)
- Comparison matrix (you vs competitors)
- Feature deep-dive
- Winner CTA
CTAAfter comparison table (highlighted row) + BottomColorYour product column highlighted (accent bg or green). Competitors neutral. Checkmarks green.EfectosTable row hover highlight, feature checkmark animations, sticky comparison headerConversiónShow value vs competitors. 35% higher conversion. Be factual. Include pricing if favorable. - ▥ Pricing-Focused Landing Each pricing card + Sticky CTA in nav + Bottom Ver →
- Hero (value proposition)
- Pricing cards (3 tiers)
- Feature comparison
- FAQ
- Final CTA
CTAEach pricing card + Sticky CTA in nav + BottomColorPopular plan highlighted (brand color border/bg). Free: grey. Enterprise: dark/premium.EfectosPrice toggle monthly/annual animation, card hover lift, FAQ accordion smooth openConversiónAnnual discount 20-30%. Recommend mid-tier (most popular badge). Address objections in FAQ. - ▥ App Store Style Landing Download buttons prominent (App Store + Play Store) throughout Ver →
- Hero with device mockup
- Screenshots carousel
- Features with icons
- Reviews/ratings
- Download CTAs
CTADownload buttons prominent (App Store + Play Store) throughoutColorDark/light matching app store feel. Star ratings in gold. Screenshots with device frames.EfectosDevice mockup rotations, screenshot slider, star rating animations, download button pulseConversiónShow real screenshots. Include ratings (4.5+ stars). QR code for mobile. Platform-specific CTAs. - ▥ FAQ/Documentation Landing Search bar prominent + Contact CTA for unresolved questions Ver →
- Hero with search bar
- Popular categories
- FAQ accordion
- Contact/support CTA
CTASearch bar prominent + Contact CTA for unresolved questionsColorClean, high readability. Minimal color. Category icons in brand color. Success green for resolved.EfectosSearch autocomplete, smooth accordion open/close, category hover, helpful feedback buttonsConversiónReduce support tickets. Track search analytics. Show related articles. Contact escalation path. - ▥ Immersive/Interactive Experience After interaction complete + Skip option for impatient users Ver →
- Full-screen interactive element
- Guided product tour
- Key benefits revealed
- CTA after completion
CTAAfter interaction complete + Skip option for impatient usersColorImmersive experience colors. Dark background for focus. Highlight interactive elements.EfectosWebGL, 3D interactions, gamification elements, progress indicators, reward animationsConversión40% higher engagement. Performance trade-off. Provide skip option. Mobile fallback essential. - ▥ Event/Conference Landing Register CTA sticky + After speakers + Bottom Ver →
- Hero (date/location/countdown)
- Speakers grid
- Agenda/schedule
- Sponsors
- Register CTA
CTARegister CTA sticky + After speakers + BottomColorUrgency colors (countdown). Event branding. Speaker cards professional. Sponsor logos neutral.EfectosCountdown timer, speaker hover cards with bio, agenda tabs, early bird countdownConversiónEarly bird pricing with deadline. Social proof (past attendees). Speaker credibility. Multi-ticket discounts. - ▥ Product Review/Ratings Focused After reviews summary + Buy button alongside reviews Ver →
- Hero (product + aggregate rating)
- Rating breakdown
- Individual reviews
- Buy/CTA
CTAAfter reviews summary + Buy button alongside reviewsColorTrust colors. Star ratings gold. Verified badge green. Review sentiment colors.EfectosStar fill animations, review filtering, helpful vote interactions, photo lightboxConversiónUser-generated content builds trust. Show verified purchases. Filter by rating. Respond to negative reviews. - ▥ Community/Forum Landing Join button prominent + After member showcase Ver →
- Hero (community value prop)
- Popular topics/categories
- Active members showcase
- Join CTA
CTAJoin button prominent + After member showcaseColorWarm, welcoming. Member photos add humanity. Topic badges in brand colors. Activity indicators green.EfectosMember avatars animation, activity feed live updates, topic hover previews, join success celebrationConversiónShow active community (member count, posts today). Highlight benefits. Preview content. Easy onboarding. - ▥ Before-After Transformation After transformation reveal + Bottom Ver →
- Hero (problem state)
- Transformation slider/comparison
- How it works
- Results CTA
CTAAfter transformation reveal + BottomColorContrast: muted/grey (before) vs vibrant/colorful (after). Success green for results.EfectosSlider comparison interaction, before/after reveal animations, result counters, testimonial videosConversiónVisual proof of value. 45% higher conversion. Real results. Specific metrics. Guarantee offer. - ▥ Marketplace / Directory Hero Search Bar + Navbar 'List your item' Ver →
- Hero (Search focused)
- Categories
- Featured Listings
- Trust/Safety
- CTA (Become a host/seller)
CTAHero Search Bar + Navbar 'List your item'ColorSearch: High contrast. Categories: Visual icons. Trust: Blue/Green.EfectosSearch autocomplete animationConversiónmap hover pins - ▥ Newsletter / Content First Hero inline form + Sticky header form Ver →
- Hero (Value Prop + Form)
- Recent Issues/Archives
- Social Proof (Subscriber count)
- About Author
CTAHero inline form + Sticky header formColorMinimalist. Paper-like background. Text focus. Accent color for Subscribe.EfectosText highlight animationsConversióntypewriter effect - ▥ Webinar Registration Hero (Right side form) + Bottom anchor Ver →
- Hero (Topic + Timer + Form)
- What you'll learn
- Speaker Bio
- Urgency/Bonuses
- Form (again)
CTAHero (Right side form) + Bottom anchorColorUrgency: Red/Orange. Professional: Blue/Navy. Form: High contrast white.EfectosCountdown timerConversiónspeaker avatar float - ▥ Enterprise Gateway Contact Sales (Primary) + Login (Secondary) Ver →
- Hero (Video/Mission)
- Solutions by Industry
- Solutions by Role
- Client Logos
- Contact Sales
CTAContact Sales (Primary) + Login (Secondary)ColorCorporate: Navy/Grey. High integrity. Conservative accents.EfectosSlow video backgroundConversiónlogo carousel - ▥ Portfolio Grid Project Card Hover + Footer Contact Ver →
- Hero (Name/Role)
- Project Grid (Masonry)
- About/Philosophy
- Contact
CTAProject Card Hover + Footer ContactColorNeutral background (let work shine). Text: Black/White. Accent: Minimal.EfectosImage lazy load revealConversiónhover overlay info - ▥ Horizontal Scroll Journey Floating Sticky CTA or End of Horizontal Track Ver →
- Intro (Vertical)
- The Journey (Horizontal Track)
- Detail Reveal
- Vertical Footer
CTAFloating Sticky CTA or End of Horizontal TrackColorContinuous palette transition. Chapter colors. Progress bar #000000.EfectosScroll-jacking (careful), parallax layers, horizontal slide, progress indicatorConversiónImmersive product discovery. High engagement. Keep navigation visible. 28,Bento Grid Showcase,bento