TECNOLOGÍA · Claude Design · HTML

Luminara Labs — Prompt de diseño web para Claude AI

★★★★★4,6 608 descargas

Desarrollo de soluciones de inteligencia artificial para empresas Tecnología que potencia tu negocio.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea una página web completa para la marca ficticia Luminara Labs, startup de IA, usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce el diseño visual y la estructura de la página analizada: barra de navegación fija (logo a la izquierda, enlaces Home, Demo, Inner Page, Utility, botón destacado "Obtener plantilla"), hero con título grande donde la palabra "IA Consulting" usa fuente secundaria y color primario, subtítulo y dos botones ("Obtener plantilla" estilo variante oscura, "Ver todas las plantillas" variante clara). A la derecha del hero, muestra dos imágenes superpuestas que se animan al cargar. Después, sección "Características del template" con subtítulo decorado (punto + texto), título con fuente secundaria, y tres tarjetas con título, badges y miniaturas. Luego, sección "Versiones de Home" con encabezado similar y una cuadrícula de tarjetas que enlazan a distintas versiones de inicio (solo placeholders). Finalmente, footer de fondo oscuro con columnas: Navegación (Home, Demo, Inner Page, Utility), Recursos (Blog, Docs, Soporte), Contacto (email, teléfono), y enlaces a redes sociales (íconos SVG). Utiliza la siguiente paleta de colores: #1A1A2E (fondo principal), #16213E (barra superior), #0F3460 (botón primario), #E94560 (acento), #E5E5E5 (texto claro), #FFFFFF (texto oscuro). Tipografía: fuente principal "Inter" (sans-serif) y fuente secundaria "Playfair Display" para títulos. Añade animaciones de fade‑in con intersection observer para bloques al hacer scroll. Incluye responsive design: colapsa la barra de navegación en ícono de menú hamburguesa en móvil, convierte la cuadrícula de tarjetas a una columna. No copiar ningún texto original; generar copy original en español de España siguiendo el tono descriptivo. El archivo debe ser autocontenido, con enlaces a Tailwind CDN y a Google Fonts, y scripts de interacción al final del body.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

2.254 caracteres · 18 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME