NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo llamado Lumen Docs, una plataforma de documentación tecnológica, usando únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La marca debe incluir logo ficticio (texto Lumen Docs) y los colores principales: #1F2937 (gris oscuro), #3B82F6 (azul), #F9FAFB (blanco), #6B7280 (gris medio). Usa la tipografía Inter (Google Fonts) para todo el texto.
Estructura:
- **Header** fijo con logo a la izquierda, menú principal (Home, Support, FAQ, Categories), botón de búsqueda con ícono y botón "Sign in" a la derecha. Menú colapsable en móvil.
- **Top bar** debajo del header, fondo azul claro, mensaje promocional y pequeño ícono.
- **Sección principal** con layout dividido: barra lateral vertical izquierda que muestra bloques colapsables (Ge
4.006 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.006 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 y botones de búsqueda y acceso
- 2.1 Barra superior promocional
- 3.1 Contenedor dividido: navegación vertical izquierda y contenido principal
- 4.1 Artículo con título, subtítulo y párrafo introductorio
- 5.1 Lista de artículos relacionados
- 6.1 Sección de categorías en tarjetas con iconos y descripciones
- 7.1 Footer con enlaces de navegación y crédito
- 8.1 Modal de búsqueda emergente
- 9.1 Botones de CTA externos
ARTICLE
- 1.1 Header idéntico al Home
- 2.1 Contenedor dividido con menú vertical y contenido del artículo seleccionado
- 3.1 Título del artículo, cuerpo de texto y bloques de código (simulados)
- 4.1 Navegación a artículos previos/siguientes (opcional)
- 5.1 Footer común
CATEGORY
- 1.1 Header
- 2.1 Lista de tarjetas de categorías con icono, título y breve descripción
- 3.1 Footer
SEARCH
- 1.1 Header
- 2.1 Campo de búsqueda centrado en modal
- 3.1 Resultados simulados en lista
- 4.1 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 05/06/2026
PROMPTS RELACIONADOS · SAAS / STARTUP
