NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Cargoflow (cargoflow.com) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El proyecto debe replicar el diseño visual de la plantilla analizada:
- Paleta de colores principal: #1A73E8 (azul corporativo), #0F172A (gris oscuro para fondos), #F1F5F9 (gris muy claro), #FFFFFF (blanco) y tonos de acento #34D399 (verde).
- Tipografía: Inter (Google Fonts) para títulos y body, peso 400/600.
- Header: barra fija, logo a la izquierda, menú horizontal (Home, About, Services, Pricing, Blog, Contact), botón de teléfono con ícono, icono de carrito que muestra cantidad. Menú responsive con hamburguesa.
- Hero: sección a pantalla completa, imagen de fondo difusa, título grande en blanco, subtítulo gris claro, botón CTA azul
3.408 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.408 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 Cabecera fija con logo, menú y carrito
- 2.1 Hero con imagen, título, subtítulo y CTA
- 3.1 Cuadrícula de servicios (tarjetas)
- 4.1 Contadores de métrica
- 5.1 Testimonios en carrusel
- 6.1 CTA de suscripción
- 7.1 Footer con enlaces y redes
ABOUT
- 1.1 Cabecera
- 2.1 Imagen destacada y descripción de la empresa
- 3.1 Valores y misión en columnas
- 4.1 Equipo con fotos y breves biografías
- 5.1 Footer
SERVICES
- 1.1 Cabecera
- 2.1 Lista de servicios con iconos y descripciones
- 3.1 Caso de estudio destacado
- 4.1 Preguntas frecuentes en acordeón
- 5.1 Footer
PRICING
- 1.1 Cabecera
- 2.1 Tabla comparativa de planes
- 3.1 Botones de compra y FAQ
- 4.1 Footer
BLOG
- 1.1 Cabecera
- 2.1 Grid de artículos con imagen y extracto
- 3.1 Paginación
- 4.1 Footer
CONTACT
- 1.1 Cabecera
- 2.1 Formulario de contacto con campos nombre, email, mensaje
- 3.1 Mapa incrustado
- 4.1 Información de contacto y horarios
- 5.1 Footer
PROMPTS RELACIONADOS · AUTOMOCIÓN
