NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca VERDECAMPO (formacionloto.com), sector agroindustrial, claim "Tecnología que potencia tu campo". Utiliza HTML estático en un solo archivo, Tailwind CSS mediante CDN (https://cdn.tailwindcss.com) y JavaScript vanilla sin dependencias externas. Replicar fielmente la estructura y estética del sitio analizado, pero con contenido original en español de España.
Paleta de colores (hex):
- Primario: #2E7D32 (verde bosque)
- Secundario: #A5D6A7 (verde claro)
- Accent: #FFB300 (amarillo ocre)
- Fondo: #F5F5F5 (gris muy claro)
- Texto oscuro: #212121
Tipografía: Inter (Google Fonts) para títulos y cuerpo, peso 400‑600.
Header:
- Barra fija top, fondo blanco, sombra ligera.
- Logo a la izquierda (texto VERDECAMPO con estilo).
- Menú de enlaces: Inicio, Sobre
4.388 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.388 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 de navegación con logo, enlaces y carrito
- 1.2 Hero con título, subtítulo y botón principal
- 1.3 Cuatro tarjetas de servicios con icono, título y breve descripción
- 1.4 Cuadro de estadísticas (ej. hectáreas atendidas, clientes, años de experiencia)
- 1.5 Galería de proyectos en cuadrícula de imágenes
- 1.6 Carrusel de testimonios de agricultores
- 1.7 Formulario de suscripción al boletín
- 1.8 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 2.1 Encabezado interno con imagen de cabecera
- 2.2 Texto descriptivo de la empresa y su misión
- 2.3 Equipo en tarjetas con foto y rol
- 2.4 Valores corporativos en iconos
- 2.5 CTA a contacto
SERVICES
- 3.1 Lista de servicios en tarjetas con icono y descripción
- 3.2 Sección de casos de éxito en grid
- 3.3 Preguntas frecuentes en acordeón
PRICING
- 4.1 Tabla comparativa de planes con precios y características
- 4.2 Botón de compra por cada plan
BLOG
- 5.1 Lista de artículos en tarjetas con imagen, título y resumen
- 5.2 Paginación
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa incrustado
- 6.3 Información de oficina y teléfono
PROMPTS RELACIONADOS · EDUCACIÓN
