SAAS / STARTUP · Claude Design · HTML

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

★★★★★4,9 3.635 descargas

Plataforma SaaS para gestión de proyectos y colaboración empresarial Herramientas que simplifican el trabajo en equipo.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea una página web estática (HTML+Tailwind CDN+JS vanilla en un solo archivo) que reproduzca el diseño visual y la estructura del sitio analizado, pero con la marca ficticia Nexora Suite. Utiliza la siguiente paleta de colores: Primario #1E3A8A (azul oscuro), Secundario #3B82F6 (azul brillante), 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, tamaños H1 4xl, H2 2xl, párrafos  base. 

**Header**: barra de navegación fija, logo a la izquierda (texto Nexora Suite), menú horizontal con enlaces Home, About, Features, Contact, dropdown "More" con enlaces ficticios, botones a la derecha "Registrarse" (estilo secundario) y "Empezar" (estilo primario). Menú colapsable en móvil con icono hamburguesa.

**Hero**: sección a pantalla completa con fondo primario, badge redondeado con icono de estrella y texto "#1 Producto del Día", título grande "Nexora Suite", subtítulo "Plataforma SaaS para gestión de proyectos y colaboración empresarial", dos botones CTA: "Personalizar plantilla" (botón terciario con borde) y "Comprar ahora" (botón primario). Espaciado acorde a diseño original.

**Marquee**: sección con carrusel infinito de imágenes (usar placeholders https://picsum.photos/seed/1/300/200 etc.) en fila horizontal que se desplaza automáticamente de izquierda a derecha y otra fila inversa de derecha a izquierda, ambas con efecto de desplazamiento continuo. Cada imagen tiene clase que permite animación con CSS @keyframes.

**Footer**: fondo gris claro, columnas con enlaces de navegación (Home, About, Features, Contact), sección de redes sociales (iconos SVG genéricos), y datos de contacto (email hola@nexorasuite.com). Texto en gris medio.

**Interactividad**: menú hamburguesa abre/cierra el menú móvil, dropdown abre al click, los botones de CTA tienen efecto hover (cambio de tono). El marquee debe usar JavaScript para duplicar el contenido y lograr loop continuo sin salto.

**Requisitos técnicos**: - Incluir <link href="https://cdn.jsdelivr.net/npm/tailwindcss@3/dist/tailwind.min.css" rel="stylesheet"> en el <head>. - Incluir <script> al final para el manejo del menú móvil, dropdown y marquee. - Todo el código en un único archivo HTML, sin dependencias externas excepto Tailwind CDN y Google Fonts. - Asegurar accesibilidad básica (atributos alt en imágenes, aria‑labels en botones). - Mantener una estructura semántica (header, nav, main, section, footer).

---

## 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.840 caracteres · 30 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, menú principal, dropdown y botones de registro/inicio
2.1 Hero principal con insignia, título destacado, subtítulo y botones CTA
3.1 Sección marquee con carrusel de imágenes en bucle horizontal (dirección normal y reversa)
4.1 Footer con enlaces de navegación, redes sociales y datos de contacto

ABOUT

1.1 Header heredado
2.1 Título de sección y párrafo descriptivo
3.1 Imagen ilustrativa y listados de valores
4.1 Footer estándar

FEATURES

1.1 Header heredado
2.1 Grilla de características con iconos y texto
3.1 CTA centralizado
4.1 Footer estándar

CONTACT

1.1 Header heredado
2.1 Formulario de contacto simple (nombre, email, mensaje)
3.1 Mapa estático y datos de oficina
4.1 Footer estándar

PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría

Ficha de marca

Nombre: Nexora Suite
Sector: Plataforma SaaS para gestión de proyectos y colaboración empresarial
Claim: Herramientas que simplifican el trabajo en equipo

Bloques de la home

1.1 Barra de navegación fija con logo, menú principal, dropdown y botones de registro/inicio\n2.1 Hero principal con insignia, título destacado, subtítulo y botones CTA\n3.1 Sección marquee con carrusel de imágenes en bucle horizontal (dirección normal y reversa)\n4.1 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 Suite — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

ABOUT

FEATURES

CONTACT

Otros prompts de la misma categoría

JurisNova

Kinetix Flow

KitePulse

Lumen Docs