prompt ai-learning

prompt-ai-learning.txt

Crear una landing page diseño "pixel perfect" con muy buena UX/UI con transiciones modernas, inspirate  los detalles de la captura de la landing que adjunte quiero que sea igual o casi igual, video en el centro que tiene un efecto hover, usa una imagen de upsplash que sirva como cover de un video. standard 16:9 aspect ratio.standard 16:9 aspect ratio.

Key Design Elements:

Clean, minimal design with lots of whitespace
Soft, mint/sage green background (#F7F9F8)
Modern typography with a bold headline and subtle descriptive text
Centered video player with hover effects and rounded corners
Small "Updated" badge with subtle styling
Professional navigation bar with clear hierarchy
Features for this first version:

Responsive navbar with logo, navigation items, and CTA buttons
Hero section with badge, headline, and subtitle
Video component with hover effects using an Unsplash image as placeholder
Smooth animations and transitions
Pixel-perfect spacing and typography
google fonts inter var
Design Inspiration:

Clean, minimal aesthetic with generous whitespace
Soft mint/sage green background (#F7F9F8)
Modern typography using Inter var font
Centered video component with hover effects
Professional navigation with clear hierarchy
Colors & Styling:

Background: #F7F9F8 (soft mint/sage)
Text: Dark (#0A0A0A for headings, #4A4A4A for body)
Accents: #E5E7EB (borders), #059669 (success/badge)
Shadows: Subtle, natural drop shadows
Animations: Smooth fade-ins and hover transitions