NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia VERDECAMPO (verdecampo.com), sector agricultura sostenible, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Emplea la paleta de colores: #2E7D32 (verde principal), #A5D6A7 (verde claro), #FFFFFF (blanco), #212121 (texto oscuro), #F5F5F5 (fondo secciones). Tipografía: 'Inter' para encabezados y cuerpo, importada desde Google Fonts.
Estructura y contenido:
- **Barra superior** (fixed, bg #2E7D32, texto blanco, talla pequeña) con el mensaje: "Cultivamos naturalmente para una vida más saludable".
- **Header / Nav** (bg blanco, logo a la izquierda, menú principal a la derecha, fuente Inter 16px, enlaces en gris #212121, hover cambia a #2E7D32). Incluye un mega‑menu bajo "Páginas" que despliega dos columnas: column
4.528 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.528 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 Barra superior con mensaje de filosofía
- 1.2 Cabecera con logo y menú principal, incluye dropdown mega‑menu
- 1.3 Hero con fondo a pantalla completa y título principal
- 1.4 Bloque de valores con íconos y textos breves
- 1.5 Galería de servicios en tarjetas horizontales
- 1.6 Sección de productos destacados en cuadrícula
- 1.7 Testimonios con carrusel sencillo
- 1.8 Llamada a la acción final con botón destacado
- 1.9 Pie de página con enlaces, redes y datos de contacto
ABOUT
- 2.1 Hero interior con título y subtítulo
- 2.2 Historia de la empresa en bloque de texto e imagen
- 2.3 Equipo en tarjetas con foto y descripción
- 2.4 Valores en lista con íconos
- 2.5 CTA para contacto
SERVICES
- 3.1 Hero interior con título
- 3.2 Lista de servicios en tarjetas con iconografía
- 3.3 Caso de estudio destacado
- 3.4 CTA para solicitar presupuesto
PRODUCTS
- 4.1 Hero interior con título
- 4.2 Cuadrícula de productos con foto, breve descripción y botón
- 4.3 Filtros de categoría lateral
- 4.4 CTA para ver catálogo completo
BLOG
- 5.1 Hero interior con título
- 5.2 Lista de artículos en tarjetas con imagen, resumen y fecha
- 5.3 Sidebar con categorías y últimos posts
CONTACT
- 6.1 Hero interior con título
- 6.2 Formulario de contacto con campos nombre, email, mensaje
- 6.3 Mapa incrustado y datos de ubicación
- 6.4 CTA para suscripción al boletín
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
