NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia VERDECAMPO (prendapolar.com) usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). La web debe emular el diseño analizado:
- Paleta de colores: #1A3E1A (verde oscuro), #3B7A57 (verde medio), #A3C99F (verde claro), #FF7F00 (naranja brillante para acentos), #FFFFFF (blanco), #000000 (negro).
- Tipografía: Inter (sans‑serif) para cuerpo y títulos, con peso 400/600/700 según jerarquía.
- Header fijo con logo (SVG placeholder) y menú de anclaje: Inicio, Sobre nosotros, Nuestra historia, Productos, Testimonios, Contacto. Botón de compra (outline) a la derecha. Menú hamburguesa responsive.
- HERO (sección #hero, clase xl): columna izquierda con overline "Desde nuestra granja a tu mesa", título gr
4.023 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.023 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 Hero con encabezado, subtítulo, botones y gráficos de vegetales.
- 2.1 Bloque "Sobre nosotros" con video de fondo y texto alineado.
- 2.2 Bloque "Nuestra historia" con título, imagen y descripción.
- 3.1 Galería de productos en tarjetas responsivas.
- 4.1 Testimonios en tarjetas con imagen y cita.
- 5.1 Footer con enlaces de navegación, contacto y redes sociales.
PRODUCTOS
- 1.1 Lista de productos en cuadrícula, cada tarjeta con imagen, nombre y breve descripción.
- 2.1 Paginación simple.
CONTACTO
- 1.1 Formulario emergente de contacto (nombre, email, mensaje) y mensaje de éxito/error.
- 2.1 Información de contacto en footer.
SOBRE NOSOTROS
- 1.1 Texto institucional y video de fondo.
- 2.1 Equipo y valores en tarjetas.
TESTIMONIOS
- 1.1 Carrusel de testimonios con foto, nombre y reseña.
- 2.1 Botones de navegación del carrusel.
PROMPTS RELACIONADOS · MODA
