NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una plataforma de documentación usando solo HTML, TailwindCSS CDN y JavaScript vanilla en un único archivo. La marca es **DocuNest** (dominio ficticio docunest.com). Utiliza la siguiente paleta de colores: #1F2937 (gris oscuro para encabezados y barra), #3B82F6 (azul primario para botones y highlights), #F9FAFB (fondo claro), #E5E7EB (gris claro para tarjetas) y #FFFFFF (texto). Tipografía: Inter, peso 400/600, tamaños: display‑l 48px, display‑m 32px, body‑l 18px, body‑m 16px.
**Estructura y requerimientos**:
- **Header fijo** con logo (texto "DocuNest" + versión "v. 1.0.0") alineado a la izquierda y botón "Support" a la derecha. Usa flex, fondo gris oscuro, texto blanco.
- **Navegación lateral** colapsable en móvil, siempre visible en escritorio: incluye bu
3.782 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.782 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 superior con logo y versión
- 1.2 Menú de navegación lateral con búsqueda, categorías y botones de autenticación
- 1.3 Hero con título, subtítulo, descripción y botones
- 1.4 Imagen ilustrativa del hero
- 1.5 Bloque introductorio "Getting Started"
- 1.6 Rejilla de tarjetas de categorías
ARTICLE INDEX
- 2.1 Lista de artículos con filtros
FAQ
- 3.1 Preguntas frecuentes agrupadas por tema
CHANGELOG
- 4.1 Registro de versiones y mejoras
SUPPORT
- 5.1 Formulario de contacto y enlaces de ayuda
SIGN IN
- 6.1 Formulario de acceso
SIGN UP
- 7.1 Formulario de registro
PROMPTS RELACIONADOS · TECNOLOGÍA