NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático que reproduzca fielmente el diseño visual y la estructura de la página analizada, usando la marca ficticia **DocuFlow**. El sitio debe estar construido con **HTML** y **Tailwind CSS** (CDN) en un único archivo, y utilizar **JavaScript vanilla** solo para interacciones básicas (toggle de menú móvil, envío del formulario de búsqueda).
- **Paleta de colores**: #ffffff (fondo), #111111 (texto principal), #0d6efd (acentos y botones), #f8f9fa (secciones claras), #6c757d (texto secundario).
- **Tipografía**: "Inter" para títulos y cuerpo, importada desde Google Fonts.
- **Header**: barra fija con logo a la izquierda, enlaces de navegación (Home, Index, FAQ, Changelog) centrados y botón "Support" con estilo primario a la derecha. En móvil, colapsar en un ícono d
3.927 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.927 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 con logo, enlaces Home, Index, FAQ, Changelog y botón Support
- 1.2 Hero con títulos, formulario de búsqueda y enlaces a temas populares
- 1.3 Rejilla de categorías (Getting Started, Managing Your Workspace, Billing & Subscriptions, Troubleshooting)
- 1.4 Bloque "Get Started" con título y botón "All Guides"
- 1.5 Rejilla de artículos populares (8 tarjetas con título y breve descripción)
- 1.6 Footer (marca, enlaces legales, contacto)
INDEX
- 1.1 Barra de navegación (idéntica a Home)
- 1.2 Lista de todas las categorías en formato de tarjetas
- 1.3 Paginación o carga incremental (no descrita en el HTML original)
FAQ
- 1.1 Barra de navegación
- 1.2 Preguntas frecuentes organizadas en acordeón o lista
- 1.3 Buscador de preguntas
CHANGELOG
- 1.1 Barra de navegación
- 1.2 Lista de cambios ordenados cronológicamente
- 1.3 Filtros por versión o tipo de cambio
SUPPORT
- 1.1 Barra de navegación
- 1.2 Formulario de contacto simple
- 1.3 Información de ayuda y enlaces a recursos
PROMPTS RELACIONADOS · EDUCACIÓN
