SAAS / STARTUP · Claude Design · HTML

NebulaPulse — Prompt de diseño web para Claude AI

★★★★★4,7 3.354 descargas

Plataforma SaaS de automatización de flujos de trabajo con IA Herramientas inteligentes para equipos ágiles.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web estático inspirado en el diseño de una landing page SaaS moderna, usando HTML único, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Marca ficticia: NebulaPulse (plataforma SaaS de automatización con IA). Paleta de colores: azul primario #0A84FF, naranja degradado #FF7A00 → #FF5500, gris oscuro #333333, gris claro #F5F5F5, blanco #FFFFFF. Tipografía: Inter (Google Fonts) para encabezados y body. 

Estructura:
- **Header** fijo, fondo blanco, sombra ligera. Logo a la izquierda (texto NebulaPulse). Menú de navegación con items Home, About, Features, Blog, Pricing, Contact; los items "Home" y "Features" incluyen dropdowns con sub‑links. Botón destacado “Contact Us” en color azul con texto blanco, borde redondeado.
- **Hero** ocupando la pantalla completa, fondo degradado azul‑naranja, título grande (font‑size 4xl, peso bold, color blanco) con claim de NebulaPulse, subtítulo gris claro. Imagen ilustrativa a la derecha (placeholder). Botón primario “Start Free” en blanco con borde azul, efecto hover.
- **Características** sección de 3 columnas, iconos circulares con fondo azul claro, título en gris oscuro, texto descriptivo en gris medio.
- **Integraciones** carrusel horizontal con logos de partners (placeholder), fondo gris claro.
- **Testimonios** slider automático, tarjetas con sombra, foto circular, cita en italics, nombre y cargo.
- **Precios** tabla de 3 planes, tarjetas con borde azul, plan destacado con fondo azul claro. Cada tarjeta incluye título, precio (texto placeholder), lista de features y botón “Choose Plan”.
- **CTA final** bloque con fondo azul, título central, formulario corto (email input y botón “Get Started”).
- **Footer** fondo gris oscuro, columnas: Sobre nosotros, Enlaces, Legal, Contacto; texto blanco, iconos de redes sociales (SVG). Incluye copyright 2026.

Requisitos técnicos:
- Usa Tailwind CDN (`<script src="https://cdn.tailwindcss.com"></script>`) y configura colores personalizados en `tailwind.config` vía `tailwind.config = {theme:{extend:{colors:{primary:'#0A84FF',accent:'#FF7A00',dark:'#333333',light:'#F5F5F5'}}}};`.
- Añade interactividad con JavaScript: menú móvil toggle, dropdowns, sliders (puedes usar lightweight library como Swiper via CDN o implementar con `setInterval`).
- Todas las secciones deben estar marcadas con comentarios claros (`<!-- Hero -->`, `<!-- Features -->`, etc.) para facilitar edición.
- Optimiza para responsive: columnas col‑12 en móvil, col‑4 en escritorio, y usa clases Tailwind como `md:` y `lg:`.
- Incluye meta tags básicos, favicon placeholder y Open Graph con contenido genérico.
- No copies ningún texto del sitio origen; genera contenido original en español de España, con verbos activos y sin jerga comercial.
- Asegúrate de que no haya referencias a la URL original ni a marcas reales.

Entrega el código completo en un único archivo HTML listo para abrir en el navegador.

---

## 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>
```

3.254 caracteres · 39 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME