NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia VERDECAMPO, una empresa de tecnología agrícola sostenible. Usa una única página HTML con Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Reproduce la estructura y la estética del sitio analizado:
- **Paleta de colores**: #1F2937 (gris oscuro fondo), #10B981 (verde esmeralda acento), #F3F4F6 (gris claro para secciones), #FFFFFF (blanco texto), #111827 (texto principal).
- **Tipografía**: "Inter", sans‑serif para todo el contenido; tamaños: 3xl para títulos hero, 2xl para secciones, base para párrafos, sm para notas de pie.
- **Header**: barra de navegación fija con fondo negro semi‑transparente, logo dual (versión clara y oscura), enlaces horizontales (Inicio, Sobre nosotros, Servicios, Blog, Precios) y dropdown "Otros" con enl
3.833 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.833 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 Preloader animado con texto y forma vectorial
- 1.2 Barra de navegación fija, logo claro/oscuro, menú hamburguesa, enlaces principales y dropdown "Otros"
- 1.3 Hero principal con título, subtítulo y botón principal
- 1.4 Sección de servicios en cuadrícula (3‑4 columnas) con iconos y breve descripción
- 1.5 Sección de valores (iconos + texto) alineados en fila
- 1.6 Bloque de blog destacado (tarjetas con imagen, título, excerpt)
- 1.7 Llamado a la acción (texto motivador + botón grande)
- 1.8 Footer con copyright, enlaces de navegación y iconos de redes sociales
ABOUT
- 1.1 Encabezado idéntico al Home
- 1.2 Hero interno con título "Sobre nosotros"
- 1.3 Texto descriptivo y misión
- 1.4 Equipo en tarjetas con foto y rol
- 1.5 Valores reforzados en iconos
- 1.6 CTA para contacto
- 1.7 Footer estándar
SERVICE
- 1.1 Encabezado idéntico al Home
- 1.2 Hero interno con título "Nuestros servicios"
- 1.3 Lista de servicios en tarjetas con ícono, título y descripción breve
- 1.4 Sección de beneficios con indicadores numéricos
- 1.5 CTA para solicitud de demo
- 1.6 Footer estándar
BLOG
- 1.1 Encabezado idéntico al Home
- 1.2 Hero interno "Blog"
- 1.3 Grid de artículos (tarjetas) con imagen, título, fecha y extracto
- 1.4 Paginación simple
- 1.5 Footer estándar
PRICING
- 1.1 Encabezado idéntico al Home
- 1.2 Hero interno "Planes y precios"
- 1.3 Tabla comparativa de planes (tres columnas) con características y botón de selección
- 1.4 FAQ accordion
- 1.5 Footer estándar
CONTACT
- 1.1 Encabezado idéntico al Home
- 1.2 Hero interno "Contacto"
- 1.3 Formulario de contacto (nombre, email, asunto, mensaje) + mapa estático
- 1.4 Información de contacto y horarios
- 1.5 Footer estándar
PROMPTS RELACIONADOS · EDUCACIÓN
