NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia **LogiFlux** (logiflux.com) usando **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. Replicar el diseño analizado:
- **Paleta de colores**: #0A0A0A (negro profundo), #1E3A8A (azul navío), #2563EB (azul vivo), #F3F4F6 (gris claro), #FFFFFF (blanco).
- **Tipografía**: "Inter" para textos y "Poppins" para encabezados, ambas importadas desde Google Fonts.
- **Header** fijo, alto 80px, fondo blanco con sombra sutil, logo a la izquierda, mega‑menu de 4 columnas (Main Menu, Services, Insights, Utility) que se despliega al pasar el cursor. En móvil colapsa en icono hamburguesa.
- **Hero** ocupa 100vh, fondo de imagen de camión nocturno (placeholder), overlay oscuro 0.5, título grande (font‑poppins, 4xl, azul‑na
3.700 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.700 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 fijo con logo y mega‑menu
- 1.2 Hero con imagen de camión y botón principal
- 1.3 Bloque de servicios (cuatro tarjetas)
- 1.4 Bloque de insights (lista de posts)
- 1.5 CTA secundaria con imagen y botón
- 1.6 Footer con contacto y redes
SERVICES
- 2.1 Header (reutiliza el mismo mega‑menu)
- 2.2 Lista de servicios detallados con imágenes y texto descriptivo
- 2.3 CTA para solicitar presupuesto
- 2.4 Footer estándar
ABOUT US
- 3.1 Header
- 3.2 Hero con foto institucional y título
- 3.3 Texto descriptivo de la empresa y valores
- 3.4 Equipo (tarjetas de perfiles)
- 3.5 Footer
PRICING
- 4.1 Header
- 4.2 Tabla comparativa de planes
- 4.3 Preguntas frecuentes accordion
- 4.4 Footer
INSIGHTS
- 5.1 Header
- 5.2 Grid de artículos con imágenes y extractos
- 5.3 Paginación
- 5.4 Footer
STYLE GUIDE / LICENSE / CHangelog / 404 / 401
- 6.x páginas internas con header y footer estándar, contenido textual según su propósito.
Imagen generada con GPT Image 2 · 04/06/2026
PROMPTS RELACIONADOS · BLOG / REVISTA
