SAAS / STARTUP · Claude Design · HTML

NebulaSync — Prompt de diseño web para Claude AI

★★★★★4,7 877 descargas

Plataforma SaaS de gestión colaborativa de tareas impulsada por IA Simplifica la coordinación de equipos con inteligencia artificial.

↓ 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 de una sola página para la marca ficticia **NebulaSync** (dominio nebulasync.com). El proyecto debe usar **HTML** puro con **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Replicar el diseño oscuro del template analizado, respetando los siguientes requisitos:

- **Paleta de colores**: fondo #0A0A0A, textos #FFFFFF y #C9C9C9, acentos degradado azul‑turquesa‑violeta (#64C2DB → #7476ED → #C994DF → #E56F8C).
- **Tipografía**: fuente principal "Inter" (Google Fonts) en peso 400‑600, títulos con peso 600 y letras mayúsculas, cuerpo en 400.
- **Header**: barra fija con logo SVG simple, enlaces Home, Pricing, About Us, Sign Up, Blog y botón secundario "Request a Demo" visible en escritorio y móvil. Menú hamburguesa con animación Lottie ligera.
- **Hero**: título grande con texto degradado en la palabra "Intelligent", subtítulo descriptivo, imagen hero (placeholder) alineada a la derecha, overlay de desvanecimiento en móvil.
- **Sección de logos**: carrusel horizontal automático de logotipos de clientes (uso de Swiper.js CDN opcional), oculto en móvil portrait.
- **Características**: grid 3 columnas, cada tarjeta con ícono SVG, título y breve descripción.
- **Testimonios**: slider automático de 3 testimonios, cada uno con foto circular, nombre, cargo y cita.
- **Precios**: tabla con tres planes (Starter, Professional, Enterprise), cada uno con lista de beneficios, precio ficticio y botón "Choose".
- **FAQ**: acordeón de preguntas frecuentes, apertura/ cierre con transiciones suaves.
- **Footer**: fondo #111, enlaces de navegación, iconos de redes sociales (SVG), y formulario de suscripción al newsletter (campo email y botón).
- **Interactividad**: menús desplegables, sliders y acordeón implementados con JavaScript sin dependencias externas salvo las CDN indicadas.
- **Accesibilidad**: atributos aria apropiados, contrastes adecuados, foco visible.
- **Optimización**: imágenes en formato WebP, carga diferida (lazy‑load), minificado.

Entrega el código completo listo para abrirse en el navegador, sin referencias a la URL original ni textos copiados. Usa contenido totalmente original en español de España.

---

## 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.516 caracteres · 34 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Barra de navegación con logo y enlaces principales, botón demo
1.2 Hero con título con degradado, subtítulo y imagen ilustrativa
1.3 Carrusel de logos de clientes
1.4 Bloque de características en cuadrícula de 3 columnas
1.5 Testimonios rotativos
1.6 Tabla de precios con tres planes
1.7 Preguntas frecuentes en acordeón
1.8 Footer con enlaces institucionales, redes sociales y formulario de suscripción

PRICING

2.1 Tabla de precios ampliada con detalle de cada plan
2.2 CTA de suscripción para cada plan

ABOUT US

3.1 Historia de la empresa, misión y equipo
3.2 Fotos del equipo en estilo tarjeta

BLOG

4.1 Listado de artículos en tarjetas con imagen, título y extracto
4.2 Paginación

SIGN UP

5.1 Formulario de registro con campos nombre, email y contraseña
5.2 Botón de creación de cuenta y enlace a política de privacidad

PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría

Ficha de marca

Nombre: NebulaSync
Sector: Plataforma SaaS de gestión colaborativa de tareas impulsada por IA
Claim: Simplifica la coordinación de equipos con inteligencia artificial

Bloques de la home

1.1 Barra de navegación con logo y enlaces principales, botón demo
1.2 Hero con título con degradado, subtítulo y imagen ilustrativa
1.3 Carrusel de logos de clientes
1.4 Bloque de características en cuadrícula de 3 columnas
1.5 Testimonios rotativos
1.6 Tabla de precios con tres planes
1.7 Preguntas frecuentes en acordeón
1.8 Footer con enlaces institucionales, redes sociales y formulario de suscripción

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

NebulaSync — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

PRICING

ABOUT US

BLOG

SIGN UP

Otros prompts de la misma categoría

JurisNova

Kinetix Flow

KitePulse

Lumen Docs