NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático que reproduzca el diseño de un portal de documentación similar al ejemplo analizado, pero con la marca ficticia **LumenDocs**. Usa HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Incluye:
- **Paleta de colores**: #1F2937 (gris oscuro), #3B82F6 (azul principal), #F9FAFB (fondo claro), #6B7280 (texto secundario), #10B981 (verde acento).
- **Tipografía**: Inter (cargada desde Google Fonts) para todo el texto, con tamaños `text-4xl` para títulos principales, `text-2xl` para subtítulos y `text-base` para párrafos.
- **Header**: barra superior fija con logo (texto LumenDocs) y menú horizontal (Home, Guías, FAQ, Cambios, Soporte). En móvil, colapsa a un ícono hamburguesa que despliega el menú.
- **Footer**: fondo gris oscuro, enlaces rápidos (Políti
3.621 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.621 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 y menú (Home, Index, FAQ, Changelog, Support)
- 1.2 Sección hero con doble título, campo de búsqueda y etiquetas de temas populares
- 1.3 Cuadrícula de tarjetas de categorías (Getting Started, Managing Your Workspace, Billing & Subscriptions, Troubleshooting)
- 1.4 Bloque "Get Started" con botón a la página de guías
- 1.5 Rejilla de tarjetas de artículos populares (8 ejemplos)
- 1.6 Footer (enlaces auxiliares y datos de contacto)
INDEX
- 2.1 Header idéntico al HOME
- 2.2 Lista o rejilla de todas las guías disponibles (estructura similar a la de artículos populares)
- 2.3 Footer
FAQ
- 3.1 Header
- 3.2 Preguntas frecuentes agrupadas por categorías (lista de acordeón)
- 3.3 Footer
CHANGELOG
- 4.1 Header
- 4.2 Lista cronológica de versiones con descripción breve
- 4.3 Footer
SUPPORT
- 5.1 Header
- 5.2 Formulario de contacto y enlaces a recursos de ayuda
- 5.3 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
