NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Luminara Verde**, sector energía solar, dominio luminaraverde.com. El proyecto debe ser un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Utiliza la paleta de colores:
- #1A3E2D (verde bosque oscuro)
- #2C7A46 (verde medio)
- #84C870 (verde limón claro)
- #F5F5F5 (gris muy claro background)
- #FFFFFF (blanco)
- #333333 (texto oscuro)
Tipografía: **Inter** (Google Fonts) para encabezados y cuerpo.
Estructura y estilos deben replicar los patrones UI del HTML original sin copiar textos:
1. **Header** fijo, logo a la izquierda, enlaces de navegación (Home, Sobre Nosotros, Proyectos, Servicios, Blog, Contacto) y un dropdown "Páginas" con enlaces internos. Añade icono de carrito con contador que abre
3.883 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.883 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 fija con logo, enlaces principales y dropdown de páginas
- 1.2 Botón de carrito modal con contador
- 1.3 Hero con título, subtítulo y botón primario
- 1.4 Cuadrícula de ventajas/servicios (icono + texto)
- 1.5 Sección de proyectos destacados en tarjetas con imagen y descripción breve
- 1.6 Llamada a la acción secundaria con botón de contacto
- 1.7 Footer con enlaces institucionales, redes y suscripción al boletín
ABOUT
- 2.1 Cabecera interior con título y breadcrumb
- 2.2 Texto descriptivo de la empresa y misión
- 2.3 Equipo en tarjetas con foto y rol
- 2.4 Valores en iconos con breve descripción
- 2.5 Footer
PROJECTS
- 3.1 Cabecera interior con filtro de categorías
- 3.2 Galería de proyectos en rejilla responsiva
- 3.3 Modal de proyecto individual con imágenes y specs
- 3.4 Footer
SERVICES
- 4.1 Lista de servicios en tarjetas con icono, título y descripción
- 4.2 Sección de precios rápidos (cards)
- 4.3 CTA de contacto
- 4.4 Footer
BLOG
- 5.1 Lista de entradas en formato tarjeta
- 5.2 Sidebar con categorías y últimos posts
- 5.3 Footer
CONTACT
- 6.1 Formulario de contacto con campos: nombre, email, asunto, mensaje
- 6.2 Mapa incrustado
- 6.3 Información de contacto y redes
- 6.4 Footer
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
