SAAS / STARTUP · Claude Design · HTML

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

★★★★★4,7 3.537 descargas

Plataforma SaaS de automatización y productividad para equipos Herramientas inteligentes para equipos más eficientes.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo en un solo archivo HTML usando Tailwind CSS vía CDN y JavaScript vanilla. La marca ficticia es Nexora Suite (dominio nexorasuite.com). El sitio es una landing page SaaS / Startup con las siguientes características:
- Paleta de colores: #0A0F33 (azul oscuro), #1E3A8A (azul principal), #3B82F6 (azul brillante), #F3F4F6 (gris claro), #FFFFFF (blanco).
- Tipografía: "Inter" para títulos y cuerpo, pesos 400 y 600.
- Header: barra de navegación fija, logo a la izquierda, enlaces Home, Características, Cómo funciona, Blog, botón secundario "Log In" (bordes) y botón principal "Sign Up" (fondo azul principal con icono de flecha). Menú colapsable en móvil.
- Hero: sección a pantalla completa con video de fondo autoloop muted, overlay oscuro 40%. Texto centrado: título grande "de la idea al impacto" con parte resaltada en azul brillante, subtítulo descriptivo, botones CTA "Comenzar" (azul) y "Entrar" (borde blanco). Al lado derecho, mockup de pantalla dividida en tres imágenes que se desplazan ligeramente al hacer scroll.
- Marquesina: barra horizontal con logo de clientes en loop infinito, opacidad reducida, fondo blanco.
- Bloque de características: grid de tres columnas, cada una con icono (SVG simple), título corto y descripción de una línea.
- Bloque "Cómo funciona": pasos numerados 1‑3 con íconos y texto breve, disposición alternada izquierda‑derecha.
- Testimonios: carrusel automático de tarjetas con foto, nombre, cargo y cita.
- Footer: fondo gris claro, columnas con enlaces (Producto, Recursos, Legal), iconos de redes sociales, y texto de copyright.
- Responsivo: usar las utilities de Tailwind para adaptar a móviles (colapsar menú, apilar bloques).
- Interactividad: smooth scroll para anclas, toggle del menú móvil, carrusel de testimonios con setInterval, animación de marquesina mediante keyframes CSS.
- Incluir meta tags básicos, favicon ficticio y hoja de estilo Tailwind CDN.
Entrega todo el código listo para copiar‑pegar en un archivo 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>
```

2.350 caracteres · 31 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 menú
1.2 Hero con título, subtítulo, CTA principal y secundaria, vídeo de fondo y mockups
1.3 Marquesina de logos de clientes
1.4 Bloque de características (grid de iconos y texto)
1.5 Bloque de proceso/como funciona (pasos numerados)
1.6 Testimonios (carrusel de citas)
1.7 Footer con enlaces y contactos

BLOG

2.1 Lista de artículos en formato tarjeta
2.2 Sidebar con categorías y suscripción al boletín
2.3 Footer replicado del Home

INICIAR SESIÓN

3.1 Formulario de acceso (email, contraseña, botón entrar)
3.2 Enlaces a registro y recuperación de contraseña
3.3 Footer del sitio

REGISTRARSE

4.1 Formulario de registro (nombre, email, contraseña, botón crear cuenta)
4.2 Recordatorio de términos y política de privacidad
4.3 Footer del sitio

PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría

Ficha de marca

Nombre: Nexora Suite
Sector: Plataforma SaaS de automatización y productividad para equipos
Claim: Herramientas inteligentes para equipos más eficientes

Bloques de la home

1.1 Barra de navegación con logo, enlaces a Home, Características, Cómo funciona, Blog y botones de Log In / Sign Up
1.2 Hero principal con título, subtítulo, CTA principal y secundaria, fondo de vídeo y mockups animados
1.3 Sección de marquesina mostrando logos de clientes confiables en scroll horizontal
1.4 Bloque de características (no incluido en el fragmento pero implícito en plantilla típica)
1.5 Pie de página con enlaces a documentación, política de privacidad, 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

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

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

BLOG

INICIAR SESIÓN

REGISTRARSE

Otros prompts de la misma categoría

JurisNova

Kinetix Flow

KitePulse

Lumen Docs