NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **LogiPulse** (logipulse.com) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir fielmente la estructura visual del sitio analizado, sin copiar texto ni imágenes originales.
**Objetivo**: Una página corporativa de servicios logísticos que incluya:
- **Header**: barra de navegación fija, logo a la izquierda, menú central (Home, Solutions, Insights, About) y botón de contacto a la derecha. Menú colapsable en móvil.
- **Hero**: video de fondo a pantalla completa (usar video placeholder de Pexels), overlay oscuro, título principal con palabra resaltada en color secundario, breve descripción y botón secundario "Comenzar" que enlaza a /contact.
- **Sección de servicios**: contene
4.222 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.222 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Navbar con logo, menú y botón de contacto
- 2.1 Hero con video, título, descripción y botón "Comenzar"
- 3.1 Sección "Qué hacemos" con eyecatch, título, descripción y cuatro items de servicio (transporte, flota, almacén, cadena)
- 4.1 Botón CTA "Explorar nuestras soluciones"
- 5.1 Imagen a pantalla completa con texto superpuesto y botón "Aprende más"
- 6.1 Insight destacado con título y botón "Leer artículo"
- 7.1 Footer con enlaces a Soluciones, Insights, Sobre nosotros, Contacto y datos de la empresa
SOLUTIONS
- 1.1 Navbar reutilizado
- 2.1 Hero secundario con imagen y texto introductorio
- 3.1 Listado de soluciones en tarjetas con icono y breve descripción
- 4.1 CTA para solicitar demo
ABOUT
- 1.1 Navbar
- 2.1 Hero con foto del equipo y misión
- 3.1 Historia de la empresa en timeline
- 4.1 Valores en grid de iconos
- 5.1 CTA "Unirte a nuestro equipo"
INSIGHTS
- 1.1 Navbar
- 2.1 Grid de artículos con imagen, título y extracto
- 3.1 Paginación
CONTACT
- 1.1 Navbar
- 2.1 Formulario de contacto con campos nombre, email, mensaje
- 3.1 Mapa incrustado y datos de oficina
PROMPTS RELACIONADOS · AUTOMOCIÓN
