SAAS / STARTUP · Claude Design · HTML

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

★★★★★4,6 3.288 descargas

Plataforma SaaS de gestión empresarial Herramientas 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 "Nexura Suite" (nexurasuite.com), sector SaaS de gestión empresarial, con el siguiente alcance y stack: HTML estático + Tailwind CSS CDN + JavaScript vanilla en un único archivo. Utiliza la paleta de colores neutros: #F8FAFC (fondo), #1F2937 (texto principal), #3B82F6 (accento/ botones), #E5E7EB (bordes y fondos secundarios), #111827 (títulos). Tipografía: "Inter", sans-serif para todo el texto, tamaños H1 48px, H2 36px, H3 24px, cuerpo 16px. 

HEADER: barra fija con fondo blanco, borde inferior #E5E7EB. Logo a la izquierda (svg placeholder). Menú de navegación centrado con items "Pages" que abre dropdown de dos columnas (Dashboards, Features, Profiles, Pricing, Integrations, Help Center, Settings, Utility Pages). Botón de carrito a la derecha mostrando número de ítems. 

HOME:
1. HERO: sección full‑width con fondo gris claro #F3F4F6, título H1 centrado, subtítulo p, dos botones primario (#3B82F6 con texto blanco) y secundario (bordes #3B82F6). 
2. CARACTERÍSTICAS: grid de 3 columnas (responsive a 1 en móvil) con icono placeholder, título H3 y párrafo descriptivo. 
3. DASHBOARDS SHOWCASE: grid de 2 columnas mostrando imágenes de dashboards (placeholder) con título y botón "Ver demo". 
4. PRECIOS: tabla de 3 columnas (Basic, Pro, Enterprise) con listado de beneficios, precio ficticio y botón "Empezar". 
5. TESTIMONIOS: carrusel simple de 3 testimonios, cada uno con foto circular, nombre, cargo y cita. 
6. FOOTER: fondo #1F2937, texto blanco, columnas: "Producto" (links a Dashboards, Features, Pricing), "Empresa" (About, Careers, Contact), "Legal" (Términos, Política de privacidad), y redes sociales (iconos SVG). 

Páginas adicionales (estructura idéntica con header y footer):
- Dashboards: subhero, grid de tarjetas con preview y enlace.
- Features: listado de características con imágenes a la izquierda/derecha.
- Profiles: tarjetas de usuarios/empresas con filtro.
- Pricing: tabla de precios y FAQ colapsable.
- Integrations: grid de logotipos de partners.
- Help Center: buscador y lista de artículos.
- Settings: formulario de configuración de cuenta y sección de facturación.
- Utility Pages: 404 personalizada, términos y condiciones.

Requisitos técnicos: usar componentes Tailwind (container, grid, flex, gap, rounded, shadow). Añadir interactividad mínima con vanilla JS: toggle del dropdown del menú, apertura del carrito modal (solo markup), carrusel de testimonios (setInterval), colapsable FAQ. Asegurar accesibilidad (role, aria‑labels). No incluir contenido copiado; generar textos originales en español de España. Entregar el código completo en un solo archivo HTML listo para desplegar.

---

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

CAPTURA COMPLETA · HOME