NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Luminara Suite** (dominio luminara.com) usando **HTML estático** con **TailwindCSS vía CDN** y **JavaScript vanilla** en un único archivo.
**Objetivo**: reproducir el diseño visual y la estructura de la página de ejemplo proporcionada, sin copiar texto ni imágenes literales. Usa patrones de UI idénticos (navbar con dropdowns, hero con título grande y carrusel de screenshots, secciones de información con columnas, bloque de UI snippets con demo animada, footer minimalista). Todo el contenido debe ser original en español (España).
**Paleta de colores** (extraída del template):
- Primary: #0d1a26 (casi negro profundo)
- Secondary: #1e293b (gris azul oscuro)
- Accent 1: #3b82f6 (azul vibrante)
- Accent 2: #fbbf24 (amarillo dorado)
- Backgro
5.723 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.723 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 dropdowns
- 1.2 Hero principal con título, subtítulo, botón compra y enlace exploración, y carrusel de screenshots
- 1.3 Sección informativa del archivo Figma con texto y botón de solicitud
- 1.4 Sección UI Snippets con título, descripción, botón y demo de snippets animados
- 1.5 Footer con enlaces de apoyo y datos de contacto
PRODUCT TOURS (simulada)
- 2.1 Título de la sección y descripción breve
- 2.2 Carrusel o grid de imágenes de tours del producto
Figma Page (simulada)
- 3.1 Encabezado y texto introductorio
- 3.2 Imagen de pantalla del archivo Figma
- 3.3 Botón de solicitud de archivo
UI Snippets Page (simulada)
- 4.1 Lista de snippets con miniaturas y descripcion breve
- 4.2 Enlaces a documentación y descarga
FOOTER (global)
- 5.1 Logo pequeño y texto de derechos
- 5.2 Enlaces de política, términos y contacto
- 5.3 Iconos de redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN