Lovable Prompt Creator - AI Prompt Generator

APPLICATION OVERVIEW
StoryNova is a modern, creative and professional landing page designed for a digital content agency focused on helping small and medium-sized enterprises (PYMES) grow their social media presence. The website’s primary objective is to showcase the agency's services and unique value proposition in a visually engaging and creative way, encouraging potential clients to book consultations and explore services.
The brand identity should reflect creativity, growth and digital innovation, aligned with the slogan: “Donde el contenido se convierte en crecimiento”.
CORE FEATURES
Hero Section: A visually striking hero area featuring the StoryNova logo, a powerful headline, the slogan, and clear calls to action for booking a consultation and viewing services. Include dynamic and modern visuals inspired by social media content (Reels, TikTok-style video frames, mobile mockups).
About Us / Value Proposition: A concise but impactful explanation of StoryNova's specialization in organic content creation for PYMES, emphasizing creativity, efficiency, and results.
Services Offered: Clearly defined sections for Strategy, Content Creation, and Optimization, using visual cards and icons.
Benefits / Problem Transformation: Show transformation from problems to results using visual comparisons, icons, or illustrated elements.
How It Works: A simple, visually engaging 3-step process with icons or illustrations.
Results / Social Proof: Include metrics, graphs, and testimonial-style cards to reinforce credibility.
Contact Section with Form: A dedicated section with a clean, professional form including:
Nombre
Email corporativo
Nombre del negocio
Teléfono
Sector
¿Cuál es vuestro objetivo?
¿Cómo nos conocisteis?
DESIGN SPECIFICATIONS
Visual Style:
Creative + modern (not purely minimalist). Maintain clean structure but introduce visual richness through colors, gradients, shapes and images.
Imagery (VERY IMPORTANT):
Include high-quality visuals that represent a content agency:
People recording videos or creating content
Social media mockups (Instagram, TikTok feeds)
Mobile screens with analytics, engagement, reels
Creative workspaces or digital creators
These visuals should reinforce the idea of content creation and growth.
Color Mode:
Light theme with creative use of color.
Color Palette:
Primary: #1978E5 (blue)
Secondary blues (lighter/darker variations)
Subtle gradients (blue → light blue or blue → purple tones)
Accent colors (soft purple or cyan) for a more creative feel
The design should feel more colorful and dynamic, but always within a blue-based identity.
Typography:
Use Inter for headings and body, with strong, bold headings for impact.
Border Radius:
8px for buttons, cards, and inputs.
Layout:
Single-page scroll design with clear section separation. Use visual blocks, cards and creative spacing to avoid a flat or overly minimalist look.
TECHNICAL REQUIREMENTS
Framework: React with TypeScript
Styling: Tailwind CSS
UI Components: shadcn/ui
State Management: Not required
IMPLEMENTATION STEPS
Set up project with React + TypeScript + Tailwind + shadcn/ui
Build reusable components for each section
Apply styling with emphasis on color, visuals, and modern layouts
Integrate content aligned with StoryNova branding
Add images and visual elements in each section (not just text)
Ensure full responsiveness (mobile-first design)
Final testing and refinement
USER EXPERIENCE
The user experience should feel dynamic, visual and engaging, not static.
Smooth scrolling between sections
Strong, visually highlighted CTAs
Sections enriched with images and visual content
Easy-to-understand structure for small business owners
The website should clearly communicate that StoryNova is:
More creative than typical agencies
More structured than freelancers
Focused on turning content into real business growth