NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS CDN y JavaScript vanilla, en un único archivo, que reproduzca el diseño visual y la estructura de la web analizada, pero para la marca ficticia LOGIWAVE.
**ALCANCE**
- Header fijo con logo a la izquierda, menú de navegación centrado (Home, About, Services, News, Contact) y botón negro "Get In Touch" a la derecha. En móvil, colapsa a un ícono hamburger que abre un panel vertical.
- Hero principal: fondo claro, columna izquierda con título grande "Soluciones logísticas globales para empresas modernas", párrafo descriptivo y botón blanco con borde gris "Get a Free Quote". Columna derecha con bloque destacado "See Our Services", foto circular de autor ficticio y enlace con icono a la página de servicios.
- Sección About: etiqueta con ícono
4.478 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.478 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 Header con logo, menú y botón "Get In Touch"
- 2.1 Hero principal con título, párrafo y botón "Get a Free Quote"
- 2.2 Bloque lateral del hero con título "See Our Services", autor y enlace a servicio
- 3.1 Sección About con tag "About Us", título largo y botón "Get A Quote"
- 4.1 Servicios (grid de 3‑4 tarjetas, icono + título + descripción)
- 5.1 Testimonios (carousel con foto, nombre y comentario)
- 6.1 Llamada a la acción final con fondo contrastante y botón
- 7.1 Footer con columnas de enlaces, contacto y redes
ABOUT
- 1.1 Header reutilizado
- 2.1 Título de página y breadcrumb
- 3.1 Imagen hero y texto descriptivo
- 4.1 Valores de la empresa en tarjetas
- 5.1 Equipo (grid de perfiles)
- 6.1 CTA de contacto
- 7.1 Footer común
SERVICES
- 1.1 Header
- 2.1 Lista de servicios en tarjetas con icono, título y detalle
- 3.1 Caso de estudio destacado
- 4.1 Preguntas frecuentes
- 5.1 CTA "Solicita una cotización"
- 6.1 Footer
CONTACT
- 1.1 Header
- 2.1 Formulario de contacto (nombre, email, mensaje, botón)
- 3.1 Mapa incrustado y datos de oficina
- 4.1 CTA de suscripción al boletín
- 5.1 Footer
PROMPTS RELACIONADOS · AUTOMOCIÓN
