SAAS / STARTUP · Claude Design · HTML

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

★★★★★4,9 2.405 descargas

Plataforma SaaS para gestión y soporte de proyectos digitales Herramientas integradas para impulsar tu negocio digital.

↓ 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, una plataforma SaaS de gestión y soporte de proyectos digitales. Usa únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Sigue estas especificaciones:

- Paleta de colores: primario #1E3A8A (azul marino), secundario #3B82F6 (azul brillante), acento #F59E0B (amarillo), fondo #F9FAFB (gris muy claro), texto principal #111827 (gris casi negro), texto secundario #6B7280 (gris medio).
- Tipografía: "Inter", sans-serif para todo el texto; encabezados en peso 700, cuerpo en 400.
- Header: barra fija, logo a la izquierda (texto "Nexora Suite" con color primario), menú de navegación horizontal (Inicio, Sobre nosotros, Funcionalidades, Precios, Blog, Contacto), botón CTA "Comenzar" a la derecha en color secundario con hover en acento. Incluye icono de carrito que muestra número de items.
- Hero: sección plena anchura, fondo con imagen abstracta tenue, subtítulo con icono de play y texto "Mira nuestras demos", título grande "Plataforma SaaS todo en uno", párrafo descriptivo, dos botones CTA: "Comenzar" (primario) y "Descubrir" (secundario) con icono de flecha.
- Bloque de características: grid de tres columnas, cada una con icono SVG, título corto y descripción de 2‑3 líneas.
- Testimonios: carrusel horizontal de 3 tarjetas, foto circular del cliente, nombre, cargo y cita breve. Navegación con flechas.
- Precios: tabla de tres tarjetas (Básico, Pro, Enterprise); cada una con precio ficticio, lista de beneficios, botón "Seleccionar" primario.
- CTA final: fondo acento, texto centrado "Listo para transformar tu flujo de trabajo", botón "Empezar ahora" primario.
- Footer: fondo gris oscuro #111827, columnas con enlaces (Empresa, Producto, Recursos, Legal), sección de suscripción al newsletter (campo email y botón), íconos de redes sociales (Twitter, LinkedIn, GitHub) en blanco.
- Responsividad: adapta el layout a móvil (menú hamburguesa que despliega navegación, grid colapsa a una columna, carrusel touch).
- Interactividad: menú hamburguesa toggle, carrito abre modal simple con lista de items (solo markup), carrusel de testimonios con botones prev/next, acordeón de FAQ en la página de Precios, formulario de contacto con validación básica.
- Todas las imágenes deben representarse con URLs de placeholder (https://via.placeholder.com/). No incluir contenido real ni copy del sitio original; redacta textos originales en español de España siguiendo la línea descriptiva anterior.
- Al final del archivo, incluye el script necesario para los toggles del menú, el carrusel y la validación del formulario.

Entrega todo el código en un solo bloque listo para copiar y pegar en un fichero index.html.

---

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

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Cabecera con logo, menú y carrito
1.2 Hero con video, título, texto y CTA
1.3 Características en grid de tres columnas
1.4 Testimonios con carrusel
1.5 Planes de precios en tarjetas
1.6 CTA final con botón "Comenzar"
1.7 Footer con enlaces, datos de contacto y redes

ABOUT US

2.1 Cabecera común
2.2 Título y descripción de la empresa
2.3 Valores en bloques
2.4 Equipo con fotos y cargo
2.5 CTA "Únete a nosotros"
2.6 Footer común

FEATURES

3.1 Cabecera común
3.2 Título y descripción de funcionalidades
3.3 Lista de features con iconos y texto
3.4 Screenshots interactivos
3.5 CTA "Ver demo"
3.6 Footer común

PRICING

4.1 Cabecera común
4.2 Título y comparativa de planes
4.3 Tres tarjetas de precios con listado de beneficios
4.4 Botón de selección por plan
4.5 FAQ acordeón
4.6 Footer común

CONTACT

5.1 Cabecera común
5.2 Formulario de contacto con campos nombre, email, mensaje
5.3 Información de soporte (email, teléfono)
5.4 Mapa embebido
5.5 Footer común

PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría

Ficha de marca

Nombre: Nexora Suite
Sector: Plataforma SaaS para gestión y soporte de proyectos digitales
Claim: Herramientas integradas para impulsar tu negocio digital

Bloques de la home

1.1 Cabecera con logo, menú de navegación y botón de carrito; 1.2 Hero con subtítulo, título, descripción y botones CTA; 1.3 Bloque de características en tres columnas; 1.4 Sección de testimonios con carrusel; 1.5 Tabla de precios con tres planes; 1.6 Llamada a la acción final; 1.7 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