SAAS / STARTUP · Claude Design · HTML

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

★★★★★4,6 3.891 descargas

Plataforma SaaS de automatización y gestión de procesos empresariales Simplificamos la operativa de tu negocio.

↓ 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 Labs** (plataforma SaaS de automatización) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Reproduce fielmente la **estructura y patrones UI** del sitio original (header con mega‑menu, hero, características, integración, testimonios, CTA y footer). No copiar texto; generar contenido original en español de España.

**Paleta de colores** (hex):
- Primario: #0A2640 (azul profundo)
- Secundario: #1E3A8A (azul intensidad)
- Accent: #3B82F6 (azul brillante)
- Fondo claro: #F9FAFB (gris muy claro)
- Texto oscuro: #111827 (gris casi negro)

**Tipografía**: Inter (Google Fonts) para todo el texto, peso 400‑600.

**Header**: barra fija, logo a la izquierda (texto "Nexora Labs" con estilo), menú horizontal con items Home, About, Features, Pricing, Contact; cada item abre un mega‑menu de dos columnas con enlaces y una mini‑imagen a la derecha. Botón CTA "Empieza" a la derecha del menú.

**Hero**: sección a pantalla completa, fondo degradado del primario al secundario, título grande ("Potencia tu negocio con automatización inteligente"), subtítulo descriptivo, botón principal "Prueba gratis" y botón secundario "Ver demo".

**Bloque de características**: container centrado, tres columnas, cada una con icono SVG (cog, chart, shield), título corto y párrafo explicativo.

**Sección integración**: layout de dos columnas, imagen a la derecha (placeholder) y lista vertical de beneficios con check‑list icons.

**Testimonios**: carrusel horizontal automático, tarjetas con foto circular, nombre, cargo y cita corta.

**CTA secundaria**: fondo blanco, texto invitando a registrarse, formulario inline con campo email y botón "Regístrate".

**Footer**: fondo gris oscuro, cuatro columnas de enlaces (Producto, Empresa, Recursos, Legal), zona inferior con iconos de redes sociales y datos de contacto (email, teléfono).

**Interactividad**:
- Menú desplegable con animación de deslizamiento (CSS transition).
- Carrusel de testimonios con autoproyecto y controles manuales.
- Smooth scroll para anclas internas.
- Validación simple del formulario (campo email requerido).

**Requisitos técnicos**:
- Incluir `<script src="https://cdn.tailwindcss.com"></script>` y configurar Tailwind con los colores personalizados.
- Cargar la tipografía Inter vía Google Fonts.
- Todo el CSS debe estar en línea mediante la CDN de Tailwind; usar clases utilitarias para diseños responsivos (sm, md, lg, xl).
- JavaScript al final del body para manejo de menús y carrusel.
- Mantener la estructura semántica (header, nav, main, section, footer).
- Optimizar imágenes con atributos `loading="lazy"` y `srcset`.
- Asegurar accesibilidad (roles, aria‑labels, contraste).

---

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

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Header con logo, menú desplegable en columnas y botón CTA
1.2 Hero con título grande, subtítulo y botón principal
1.3 Bloque de características en tres columnas con iconos y texto
1.4 Sección de integración con imagen a la derecha y lista de beneficios
1.5 Testimonios en carrusel de tarjetas
1.6 Llamada a la acción secundaria con formulario de registro
1.7 Footer con enlaces de navegación, redes sociales y datos de contacto

ABOUT

1.1 Header (reutilizado)
2.1 Imagen de cabecera y presentación de la empresa
2.2 Valores en cuadrícula de cuatro ítems
2.3 Equipo con fotos y breves biografías
2.4 Footer (reutilizado)

FEATURES

1.1 Header (reutilizado)
2.1 Lista de funcionalidades con iconos y descripciones ampliadas
2.2 Video explicativo incrustado
2.3 FAQ accordion
2.4 Footer (reutilizado)

PRICING

1.1 Header (reutilizado)
2.1 Tabla comparativa de planes con botones de selección
2.2 Preguntas frecuentes
2.3 Footer (reutilizado)

CONTACT

1.1 Header (reutilizado)
2.1 Formulario de contacto con campos básicos
2.2 Mapa incorporado
2.3 Información de contacto y redes sociales
2.4 Footer (reutilizado)

PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría

Ficha de marca

Nombre: Nexora Labs
Sector: Plataforma SaaS de automatización y gestión de procesos empresariales
Claim: Simplificamos la operativa de tu negocio

Bloques de la home

1.1 Header con logo, menú desplegable en columnas y botón CTA
1.2 Hero con título grande, subtítulo y botón principal
1.3 Bloque de características en tres columnas con iconos y texto
1.4 Sección de integración con imagen a la derecha y lista de beneficios
1.5 Testimonios en carrusel de tarjetas
1.6 Llamada a la acción secundaria con formulario de registro
1.7 Footer con enlaces de navegación, 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 Labs — 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