NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crear una página web completa para la marca ficticia Luminara Solar, un negocio de suministro e instalación de paneles solares. Utilizar solo HTML estático, Tailwind CSS a través del CDN (https://cdn.tailwindcss.com) y JavaScript vanilla en un único archivo. Reproducir fielmente la estructura y estilo del sitio original sin copiar textos ni imágenes.
PALETA de colores (extraer de la plantilla):
- #0D3B66 (azul profundo)
- #FAF0CA (beige claro)
- #F4D35E (amarillo dorado)
- #EE964B (naranja)
- #F95738 (rojo vibrante)
- #FFFFFF (blanco)
- #000000 (negro)
TIPOGRAFÍA: Usar "Inter" para texto y "Poppins" para títulos, cargadas desde Google Fonts.
ESTRUCTURA GENERAL:
HEADER (fijo, fondo azul profundo):
- Logo izquierdo (texto Luminara Solar).
- Menú de navegación horizontal con enlaces
5.152 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.152 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 Cabecera fija con logo, menú principal y carrito modal
- 1.2 Hero con título, subtítulo y botones de acción
- 1.3 Bloque de ventajas con iconos y texto breve
- 1.4 Galería de proyectos destacados en grid responsive
- 1.5 Sección de servicios con tarjetas y descripción
- 1.6 Testimonios rotativos
- 1.7 Llamada a la acción final con formulario de contacto corto
- 1.8 Pie de página con enlaces útiles, redes sociales y datos de contacto
ABOUT US
- 2.1 Cabecera reutilizada
- 2.2 Hero interno con imagen y texto descriptivo
- 2.3 Historia de la empresa en dos columnas
- 2.4 Equipo con tarjetas de perfil
- 2.5 Valores en tarjetas icono‑texto
- 2.6 Footer
PROJECT
- 3.1 Cabecera reutilizada
- 3.2 Hero de proyecto con imagen de portada
- 3.3 Galería de imágenes del proyecto en masonry
- 3.4 Descripción del proyecto y datos técnicos
- 3.5 Botón de contacto rápido
- 3.6 Footer
SERVICES
- 4.1 Cabecera reutilizada
- 4.2 Hero de servicios
- 4.3 Listado de servicios en tarjetas con icono y CTA
- 4.4 Preguntas frecuentes en acordeón
- 4.5 Footer
BLOG
- 5.1 Cabecera reutilizada
- 5.2 Hero de blog
- 5.3 Grid de artículos con imagen, título y excerpt
- 5.4 Sidebar con categorías y newsletter
- 5.5 Footer
CONTACT US
- 6.1 Cabecera reutilizada
- 6.2 Hero de contacto
- 6.3 Formulario de contacto (nombre, email, mensaje)
- 6.4 Mapa incrustado
- 6.5 Footer
PROMPTS RELACIONADOS · BIENES RAÍCES
