NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Nexo Docs, una plataforma SaaS de documentación, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir el diseño y la estructura del sitio original sin copiar texto ni imágenes.
### Alcance
- **Header**: barra de navegación fija con logo a la izquierda, enlaces horizontales (Home, Support, FAQ, Categories), botón de búsqueda con icono y botón "Sign in". Debe ser responsiva y colapsar en móvil con icono de menú (animación Lottie opcional).
- **Top bar**: barra informativa estrecha encima del header con un icono y mensaje promocional.
- **Side navigation**: menú vertical izquierdo, colapsable en móvil, con secciones (Getting Started, Customization, Advanced Features, Community) y enlaces
4.831 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.831 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Barra de navegación superior con logo, enlaces y botones.
- 1.2 Barra informativa promocional.
- 1.3 Menú vertical izquierdo con secciones colapsables.
- 1.4 Área central de artículo: título, subtítulo, texto y lista de artículos.
- 1.5 Bloque de tarjetas de categorías.
- 1.6 Pie de página con enlaces múltiples y copyright.
- 1.7 Modal de búsqueda (oculto hasta activarse).
- 1.8 Botones flotantes de CTA.
ARTICLE (artículo individual)
- 1.1 Cabecera del artículo con título y resumen.
- 1.2 Separador y contenido de texto enriquecido.
- 1.3 Lista de artículos relacionados.
- 1.4 Bloque de categorías al final.
- 1.5 Footer común.
SEARCH MODAL
- 1.1 Contenedor modal con campo de búsqueda y botón.
- 1.2 Botón de cierre.
SUPPORT / FAQ / CATEGORIES / SIGN‑IN / SIGN‑UP / ADMIN SECTION
- 1.1 Mantienen la misma estructura de header, footer y posible barra lateral según corresponda.
- 1.2 Contenido central específico de cada página (formulario, preguntas, lista, etc.).
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 17/06/2026
PROMPTS RELACIONADOS · TECNOLOGÍA
Otros prompts de la misma categoría
PROMPTTecnología
Lumenova Labs
★★★★★ 885 descargas
GRATIS0€
PROMPTTecnología
LumenSpark
★★★★★ 2.148 descargas
GRATIS0€
PROMPTTecnología
Lumenova Apps
★★★★★ 2.277 descargas
GRATIS0€
google/gemini-2.5-flash-image
PROMPTTecnología
Lectorio
★★★★★ 3.191 descargas
GRATIS0€
google/gemini-2.5-flash-image