NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa que reproduzca el diseño visual y la estructura de la plantilla de documentación técnica analizada, pero bajo la marca ficticia DocuStream. Utiliza únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Requisitos generales**
- Archivo único index.html que incluya el CDN de Tailwind (`<script src="https://cdn.tailwindcss.com"></script>`).
- Todas las interacciones (menú dropdown, hamburguesa móvil, smooth scroll a #pages) implementadas con JS vanilla embeddeado al final del body.
- No usar librerías externas ni fuentes externas distintas de las indicadas en la paleta.
**Paleta de colores** (usar como variables Tailwind custom):
- Primary: #0EA5E9 (azul cielo)
- Accent: #F59E0B (ámbar)
- Neutral‑100: #FFFFFF
- Neutral‑300: #E5E7EB
- Neutra
5.144 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.144 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 Header con logo, menú principal, dropdown de páginas, dropdown de idioma y botones CTA.
- 1.2 Hero: título, subtítulo, botones primario y secundario, imágenes de pantalla en grid responsive.
- 1.3 Sección informativa "Qué incluye": título, párrafo descriptivo, grid de 3 columnas con tarjetas (páginas, secciones, componentes).
- 1.4 Galería de screenshots en layout de 2 columnas, imágenes responsivas.
- 1.5 Footer: columnas de enlaces (Inicio, Docs, Changelog, Soporte), selector de idioma, información legal y redes sociales.
PAGES (ejemplo de páginas internas)
- 1.1 Docs Overview: encabezado, barra lateral de navegación de categorías, área de contenido con código resaltado.
- 1.2 Changelog List: lista cronológica de versiones, filtros por versión.
- 1.3 Support Center: preguntas frecuentes en acordeón, formulario de contacto.
- 1.4 Help Center Category: grid de artículos, barra de búsqueda.
- 1.5 Template Style Guide: tipografía, paleta de colores, componentes UI.
PROMPTS RELACIONADOS · TECNOLOGÍA