SAAS / STARTUP · Claude Design · HTML

Nexora Suite — Prompt de diseño web para Claude AI

★★★★★4,8 336 descargas

Plataforma SaaS de gestión y soporte para equipos de producto Herramientas integradas para impulsar tu proyecto SaaS.

↓ 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 **Nexora Suite** (plataforma SaaS de gestión y soporte). Usa **HTML** estructurado en un solo archivo, incluye **Tailwind CSS vía CDN** y **JavaScript vanilla** en etiquetas <script> al final. Reproduce fielmente la arquitectura visual del template analizado: 

- **Paleta de colores**: primario #1E3A8A (azul oscuro), secundario #3B82F6 (azul brillante), acento #F59E0B (ámbar), fondo #F9FAFB (gris muy claro), texto principal #111827 (gris casi negro), texto secundario #6B7280 (gris medio).
- **Tipografía**: `Inter` para encabezados y cuerpo, importada de Google Fonts (weights 400,600,700).

**Header** (fijo, sombra ligera): logo texto "Nexora Suite" en azul oscuro, menú horizontal con enlaces: Inicio, Sobre Nosotros, Funcionalidades, Precios, Blog, Contacto. Botón destacado "Get Started" con fondo azul brillante y texto blanco.

**Hero**: sección a pantalla completa, fondo blanco, subtítulo con icono de reproducción, título grande "Plataforma SaaS Todo-en-Uno", párrafo descriptivo, dos botones CTA: "Get Started" (primario) y "Descubrir" (secundario con borde). Imagen o video placeholder a la derecha.

**Bloque 3 – Características**: grid de 3 columnas, cada tarjeta con icono (placeholder SVG), título corto y texto descriptivo. Utiliza animación sutil de escala al pasar el cursor.

**Bloque 4 – Testimonios**: carrusel horizontal simple (sin librerías) que muestra 3 tarjetas con foto circular, nombre, cargo y comentario. Flechas laterales controlan el desplazamiento.

**Bloque 5 – Precios**: tabla con 3 planes (Starter, Growth, Enterprise). Cada columna muestra precio, lista de ventajas y botón "Seleccionar" (color acento). Usa bordes redondeados y sombra.

**Bloque 6 – CTA final**: fondo azul claro, título "Empieza hoy", formulario inline con campo email y botón "Regístrate".

**Footer**: fondo gris muy claro, dividido en 3 columnas: enlaces institucionales, enlaces de producto, redes sociales (iconos SVG). Texto de copyright y enlace a política de privacidad.

**Interactividad**:
- Menú hamburguesa para móviles (colapsable). 
- Botón del carrito (simulado) que muestra un modal con lista de productos (estructura estática). 
- Scroll suave para anclas internas. 
- Validación simple del formulario de registro (campo email obligatorio).

**Requisitos técnicos**:
- Todas las clases deben ser de Tailwind (no crear CSS propio).
- Incluir `<!DOCTYPE html>` y meta viewport responsive.
- Añadir `data-wf-*` atributos simulados sólo si ayudan a la interacción.
- Mantener el HTML semántico (header, nav, main, section, footer).
- El archivo debe ser autocontenido y listo para abrir en el navegador sin dependencias externas más allá de Tailwind CDN y Google Fonts.

Entrega el código completo dentro de una sola respuesta, sin explicación adicional.

---

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

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Cabecera con logo, menú y botón "Get Started".
2.1 Hero con subtítulo, título, párrafo y dos botones CTA.
3.1 Bloque de características en grid de tres columnas.
4.1 Sección de testimonios con tarjetas y foto.
5.1 Tabla de precios con tres planes y botón "Select".
6.1 CTA final con formulario simple (email + botón).
7.1 Footer con enlaces (Sobre, Funcionalidades, Blog, Contacto) y redes sociales.

ABOUT US

1.1 Cabecera reutilizada.
2.1 Imagen y texto descriptivo de la empresa.
3.1 Equipo con fotos y breves biografías.
4.1 Footer reutilizado.

FEATURES

1.1 Cabecera reutilizada.
2.1 Lista de funcionalidades en tarjetas con icono y descripción.
3.1 Footer reutilizado.

PRICING

1.1 Cabecera reutilizada.
2.1 Tabla de precios con tres columnas, detalles y CTA.
3.1 FAQ en acordeón.
4.1 Footer reutilizado.

CONTACT

1.1 Cabecera reutilizada.
2.1 Formulario de contacto (nombre, email, mensaje).
3.1 Mapa embebido.
4.1 Footer reutilizado.

PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría

Ficha de marca

Nombre: Nexora Suite
Sector: Plataforma SaaS de gestión y soporte para equipos de producto
Claim: Herramientas integradas para impulsar tu proyecto SaaS

Bloques de la home

1.1 Cabecera con logo, menú de navegación y botón "Get Started".
2.1 Hero con subtítulo, título principal, descripción y botones de llamada a la acción.
3.1 Sección de características en columnas con íconos.
4.1 Testimonios tipo carrusel.
5.1 Tabla comparativa de planes de precios.
6.1 Llamada a la acción final con formulario de registro.
7.1 Pie de página con enlaces institucionales y redes sociales.

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

Nexora Suite — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

ABOUT US

FEATURES

PRICING

CONTACT

Otros prompts de la misma categoría

JurisNova

Kinetix Flow

KitePulse

Lumen Docs