NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "AgroPulse" (agropulse.com) usando un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin bundlers). El objetivo es reproducir el diseño visual y la estructura de la web analizada, respetando los siguientes requisitos:
- **Paleta de colores**: #0F4C81 (azul profundo), #1E7F9A (azul medio), #A8D0DB (azul claro), #F5F7FA (gris muy claro), #FFFFFF (blanco) y acentos #FFB400 (amarillo dorado).
- **Tipografía**: "Inter" para encabezados y cuerpo, cargada desde Google Fonts. Peso 400 regular, 500 medium, 600 semibold, 700 bold.
- **Header**: barra fija con logo a la izquierda, menú horizontal (Home, About, Solutions, Testimonial, FAQ) centrado, botón "Contact Us" a la derecha que se oculta en móvil. En móvil, menú colap
4.416 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.416 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, navegación principal y botón de contacto
- 2.1 Hero con título, subtítulo, CTA primaria y secundaria, fondo con overlay
- 3.1 Carrusel de logos de partners
- 4.1 Bloque de cultura (tagline + título + párrafo)
- 5.1 Sección "Sobre nosotros" (tagline, título, texto, layout de dos columnas)
- 6.1 Sección de soluciones (grid de tarjetas con icono, título, descripción)
- 7.1 Testimonios (valoración, avatar, usuarios)
- 8.1 FAQ (lista de preguntas con acordeón)
- 9.1 Footer (enlaces, redes, información legal)
ABOUT
- 1.1 Header heredado
- 2.1 Contenido descriptivo de la empresa, con tagline y título
- 3.1 Texto explicativo y botones opcionales
SOLUTIONS
- 1.1 Header heredado
- 2.1 Grid de tarjetas, cada una con icono, título y breve descripción
TESTIMONIAL
- 1.1 Header heredado
- 2.1 Slider de testimonios, cada uno con foto, nombre, rating y comentario
FAQ
- 1.1 Header heredado
- 2.1 Lista de preguntas con paneles colapsables
CONTACT
- 1.1 Header heredado
- 2.1 Formulario de contacto simple (nombre, email, mensaje) y mapa opcional
FOOTER
- 1.1 Enlaces de navegación secundarios
- 2.1 Iconos de redes sociales
- 3.1 Información de derechos y política de privacidad
PROMPTS RELACIONADOS · AGRICULTURA
