SAAS / STARTUP · Claude Design · HTML

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

★★★★★4,7 3.408 descargas

Plataforma SaaS para gestión de proyectos colaborativos Herramientas inteligentes para equipos ágiles.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea una página web completa para la marca ficticia Nexora Labs, una startup SaaS de gestión de proyectos. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Mantén la estructura y estilo visual del sitio original (barra de navegación con logo a la izquierda, enlaces principales (Home, Funcionalidades, Sobre Nosotros, Precios, Blog, Contacto) y un icono de carrito a la derecha, hero con fondo claro, tipografía sans-serif moderna, paleta basada en tonos azul profundo #1E3A8A, azul medio #3B82F6, gris neutro #F3F4F6 y acentos naranja #F59E0B). 

Header: barra fija, logo SVG ficticio, menú responsive (hamburguesa en móvil), carrito con contador. 

Home sections (en orden):
1.1 Barra de navegación (ya descrita).
2.1 Hero: título grande, subtítulo, botón CTA "Empieza ahora" (bg #3B82F6, hover #2563EB), imagen decorativa a la derecha.
3.1 Características: grid de 3 columnas, cada una con icono, título y breve descripción.
4.1 Integraciones: carrusel horizontal de logotipos de herramientas (p.ej. Slack, Google Drive) con scroll automático.
5.1 Testimonios: cards con foto, nombre, cargo y cita, fondo blanco, sombra ligera.
6.1 Precios: tabla comparativa de 3 planes (Basic, Pro, Enterprise), columnas con colores de fondo #F9FAFB y bordes #E5E7EB, botón CTA en cada columna.
7.1 Blog reciente: grid de 3 tarjetas con imagen, título, extracto y enlace.
8.1 Suscripción: formulario de una línea (email) y botón "Suscribirme" (bg #F59E0B).
9.1 Footer: fondo #1E3A8A, columnas de enlaces (Productos, Empresa, Legal), iconos de redes sociales en blanco.

Páginas adicionales (Features, About, Pricing, Blog, Contact, Privacy, Terms) con estructuras sencillas: encabezado, contenido en secciones, CTA donde corresponda, y mismo footer.

Requisitos técnicos: 
- Incluye <script> al final para manejar el menú móvil (toggle class "hidden"), el carrusel (setInterval para desplazamiento horizontal) y el modal del carrito (abrir/cerrar). 
- Usa Tailwind CDN: <script src="https://cdn.tailwindcss.com"></script> y configura colores personalizados en tailwind.config via inline script. 
- Todas las imágenes son placeholders (https://via.placeholder.com/...). 
- Asegura accesibilidad: atributos aria, texto alternativo, contraste suficiente.
- Código limpio, indentado y comentado.

Genera el código listo para copiar y pegar.

---

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

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Barra de navegación fija con logo, enlaces y carrito
2.1 Hero principal con título, subtítulo y botón CTA
3.1 Sección de características destacadas en 3 columnas
4.1 Bloque de integración de herramientas externas en carrusel
5.1 Testimonios de clientes en cards
6.1 Tabla de precios con tres planes
7.1 Últimas entradas del blog en grid
8.1 Formulario de suscripción al boletín
9.1 Footer con enlaces, legal y redes sociales

FEATURES

1.1 Encabezado de página con título y breadcrumb
2.1 Detalle de funcionalidades en secciones alternas de texto e imagen
3.1 CTA secundario

ABOUT US

1.1 Header con título y imagen de portada
2.1 Historia y misión en bloques de texto
3.1 Equipo en tarjetas

PRICING

1.1 Encabezado con descripción de planes
2.1 Tabla comparativa de planes
3.1 FAQ acordeón

BLOG

1.1 Lista de artículos con imagen, título y excerpt
2.1 Paginación

CONTACT

1.1 Formulario de contacto con campos nombre, email, mensaje
2.1 Mapa incrustado y datos de contacto

PRIVACY POLICY

1.1 Texto legal completo

TERMS OF SERVICE

1.1 Texto legal completo

PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría

Ficha de marca

Nombre: Nexora Labs
Sector: Plataforma SaaS para gestión de proyectos colaborativos
Claim: Herramientas inteligentes para equipos ágiles

Bloques de la home

1.1 Barra de navegación fija con logo, enlaces y carrito
2.1 Hero principal con título, subtítulo y botón CTA
3.1 Sección de características destacadas en 3 columnas
4.1 Bloque de integración de herramientas externas en carrusel
5.1 Testimonios de clientes en cards
6.1 Tabla de precios con tres planes
7.1 Últimas entradas del blog en grid
8.1 Formulario de suscripción al boletín
9.1 Footer con enlaces, legal 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