NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página (HTML único) usando Tailwind CSS vía CDN y JavaScript vanilla. Marca ficticia: CampoVerde (dominio campoverde.com). Tema: agricultura sostenible, productos orgánicos. Paleta de colores: verde profundo #2E7D32, verde lima #A5D637, gris oscuro #333333, blanco #FFFFFF, acento tierra #8D6E63. Tipografía: headings con 'Playfair Display' (serif), cuerpo con 'Inter' (sans).
Estructura:
- Barra superior fija con texto blanco sobre fondo verde profundo: "Cultivo 100% natural para una vida mejor".
- Header sticky con logo (texto CampoVerde) a la izquierda, menú horizontal a la derecha: Home, About, Services, Products, Blog, Contact. Incluye un mega‑dropdown bajo "Pages" con enlaces ficticios (Home One, Home Two, Blog One, Blog Two, Farm Package, Contac
3.913 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.913 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 institucional
- 1.2 Header con logo y menú principal, incluye mega‑dropdown
- 1.3 Hero con imagen de fondo, título, subtítulo y botón CTA
- 1.4 Cuadrícula de valores/beneficios con iconos
- 1.5 Sección de servicios con tarjetas y flechas de enlace
- 1.6 Galería de productos destacados en grid responsive
- 1.7 Testimonios en carrusel sencillo
- 1.8 Contador de métricas (productos, agricultores, hectares, clientes)
- 1.9 Llamada a la acción para suscripción al newsletter
- 1.10 Footer con enlaces, redes sociales y datos de contacto
ABOUT
- 2.1 Encabezado de página con título y foto de equipo
- 2.2 Texto descriptivo sobre la misión y visión
- 2.3 Línea de tiempo de la historia de la empresa
- 2.4 Equipo: tarjetas con foto, nombre y rol
- 2.5 Valores destacados en columnas
- 2.6 CTA para conocer más
SERVICES
- 3.1 Lista de servicios en tarjetas con icono y descripción breve
- 3.2 Sección de beneficios ampliados con imágenes
- 3.3 Caso de estudio destacado con imagen y texto
- 3.4 CTA para solicitar presupuesto
PRODUCTS
- 4.1 Grid de productos con foto, nombre y breve descripción
- 4.2 Filtro por categoría lateral
- 4.3 Detalle rápido al pasar el cursor
- 4.4 Botón para ver más información
BLOG
- 5.1 Lista de artículos en formato tarjeta con imagen, título y excerpt
- 5.2 Sidebar con categorías y últimas publicaciones
- 5.3 Paginación simple
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 6.2 Mapa incrustado con ubicación
- 6.3 Información de contacto y redes sociales
FOOTER
- 7.1 Enlaces de navegación secundaria
- 7.2 Iconos de redes sociales
- 7.3 Texto de copyright y política de privacidad
PROMPTS RELACIONADOS · BELLEZA / SPA
