NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web estática que reproduzca el diseño visual y la estructura de la plantilla analizada, usando como marca ficticia **DocuFlux** (plataforma SaaS de documentación). El proyecto debe ser un solo archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Utiliza la siguiente paleta de colores: #0A2540 (azul oscuro – fondo principal), #1E3A5F (azul medio – encabezados), #3A7CA5 (azul acento – botones y enlaces), #F5F7FA (gris claro – fondos de tarjetas) y #FFFFFF (blanco – textos). Tipografía: Inter (Google Fonts) para títulos y textos, peso 400‑600.
**Estructura**
- **Header**: barra lateral fija a la izquierda (260 px) con logo SVG, botón de colapso (icono de caja) y dos bloques de menú: "Guías" (lista estática de 4 enlaces) y "Categorías" (dropdown con i
4.222 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.222 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 lateral con logo, botón de colapso y menús de Guías y Categorías
- 1.2 Navbar móvil con logo y botón de apertura del sidebar
- 1.3 Hero con título, descripción y formulario de búsqueda
- 1.4 Sección "Guías" con título, subtítulo y tarjetas de guía
GUIDES
- 2.1 Lista de artículos de la guía seleccionada (título, extracto, botón "Read guide")
CATEGORIES
- 3.1 Lista de artículos por categoría (título, extracto, enlace)
ARTICLE
- 4.1 Contenido del artículo con encabezados, párrafos, código y enlaces
SEARCH
- 5.1 Resultados de búsqueda con tarjetas similares a la lista de guías
Image generated with OpenRouter · google/gemini-2.5-flash-image · 24/07/2026
PROMPTS RELACIONADOS · SAAS / STARTUP
