SAAS / STARTUP · Claude Design · HTML

NovaPulse — Prompt de diseño web para Claude AI

★★★★★4,6 4.091 descargas

Plataforma SaaS para gestión de proyectos colaborativos Herramientas simples 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 completo para la marca ficticia NovaPulse, una plataforma SaaS de gestión de proyectos, usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Sigue estrictamente el diseño visual de la plantilla analizada: 
- Paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #1E40AF (azul primario), #F3F4F6 (gris claro), #10B981 (verde accent). 
- Tipografía: "Inter" para títulos y cuerpo, peso 600 para encabezados y 400 para párrafos. 
- Header: barra superior fija, logo a la izquierda, menú centrado con enlaces Home, About, Features, Pricing, Contact, botón destacado "Empezar" a la derecha y icono de carrito mostrando número de items. 
- Hero: sección full‑width con fondo gris claro, título grande (texto: "Herramientas simples para equipos ágiles"), subtítulo descriptivo, botón primario "Crear cuenta gratis" y botón secundario "Ver demo". 
- Bloque 3: grid 4‑columnas, cada tarjeta con icono SVG, título de característica y breve descripción. 
- Bloque 4: contadores animados (Clientes, Proyectos, Horas ahorradas, Integraciones) usando IntersectionObserver. 
- Bloque 5: carrusel de testimonios (3 slides) con foto circular, nombre, cargo y texto. Implementar con CSS scroll‑snap y JS para navegación. 
- Bloque 6: tabla de precios con 3 columnas (Starter, Pro, Enterprise), cada una con lista de beneficios, precio ficticio y botón "Seleccionar". 
- Bloque 7: CTA final con fondo azul, texto centrado y formulario de suscripción (email) + botón "Suscribirme". 
- Footer: fondo negro, columnas de enlaces (Producto, Empresa, Legal), iconos de redes sociales (svg), y datos de contacto (email, dirección). 
Requisitos técnicos: 
- Incluir <link href="https://cdn.jsdelivr.net/npm/tailwindcss@3/dist/tailwind.min.css" rel="stylesheet"> al inicio. 
- Añadir <script> al final para manejar el carrito (contador estático), animaciones de contadores y carrusel. 
- Mantener estructura semántica (header, nav, main, section, footer). 
- Todas las clases deben usar la convención de Tailwind (ej. bg-primary, text-neutral-800, flex, grid, gap-6, etc.). 
- No copiar texto original; generar contenido original en español de España siguiendo las descripciones de bloques. 
- El archivo debe ser autocontenido y listo para abrir en el navegador sin dependencias externas aparte de Tailwind CDN.

---

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

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Header con logo, menú principal, botón de acción y carrito
2.1 Hero con título destacado, descripción breve y botón principal
3.1 Cuadrícula de 4 tarjetas de características con íconos
4.1 Sección de estadísticas contadores animados
5.1 Testimonios en carrusel
6.1 Planes de precios en tres columnas
7.1 Llamada a la acción final con formulario de suscripción
8.1 Footer con enlaces útiles, redes sociales y datos de contacto

ABOUT

1.1 Header idéntico al de Home
2.1 Hero con historia de la empresa y misión
3.1 Equipo en tarjetas con foto y rol
4.1 Valores en iconos y breve descripción
5.1 Footer idéntico al de Home

FEATURES

1.1 Header
2.1 Lista detallada de funcionalidades con ilustraciones
3.1 Video explicativo integrado
4.1 Footer

PRICING

1.1 Header
2.1 Tabla comparativa de planes con botones de selección
3.1 Preguntas frecuentes en acordeón
4.1 Footer

CONTACT

1.1 Header
2.1 Formulario de contacto con campos nombre, email, mensaje
3.1 Mapa incrustado de ubicación ficticia
4.1 Footer

PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría

Ficha de marca

Nombre: NovaPulse
Sector: Plataforma SaaS para gestión de proyectos colaborativos
Claim: Herramientas simples para equipos ágiles

Bloques de la home

1.1 Header con logo, menú principal, botón de acción y carrito; 2.1 Hero con título destacado, descripción breve y botón principal; 3.1 Cuadrícula de 4 tarjetas de características con íconos; 4.1 Sección de estadísticas contadores animados; 5.1 Testimonios en carrusel; 6.1 Planes de precios en tres columnas; 7.1 Llamada a la acción final con formulario de suscripción; 8.1 Footer con enlaces útiles, redes sociales y datos de contacto

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

NovaPulse — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

ABOUT

FEATURES

PRICING

CONTACT

Otros prompts de la misma categoría

JurisNova

Kinetix Flow

KitePulse

Lumen Docs