NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático llamado **LumenVerse** que reproduzca la apariencia y la organización de la web analizada. Utiliza **HTML5** y **Tailwind CSS** vía CDN (https://cdn.tailwindcss.com) en un único archivo, y JavaScript vanilla para la apertura/cierre del menú lateral.
**Paleta de colores** (extrae del original y re‑asigna):
- Fondo principal: #F9FAFB
- Texto principal: #111827
- Azul primario (botones, enlaces): #2563EB
- Gris secundario (bordes, fondos de tarjetas): #E5E7EB
- Highlight/acento: #10B981
**Tipografía**: Usa la familia `Inter` (Google Fonts) para todo el texto. Tamaños: display‑xl 4rem, display‑l 3rem, display‑m 2rem, display‑s 1.25rem, body‑l 1rem, body‑s 0.875rem.
**Estructura**:
1. **Header**
- Barra superior fija con logo (texto "LumenVerse" con icono SVG si
4.718 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.718 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 Encabezado con barra superior y menú lateral
- 1.2 Hero principal con título, descripción y botones CTA
- 1.3 Imagen ilustrativa del mockup
- 1.4 Bloque "Uso" con texto descriptivo
- 1.5 Sección "Componentes" (cuadrícula de tarjetas)
- 1.6 Sección "Estilos" (cuadrícula de tarjetas)
- 1.7 Pie de página minimalista
COMPONENTES
- 1.1 Lista de tarjetas de componentes (Botón, Etiqueta, Título, Card, Accordion, Modal, Tabs, Avatar, List)
ESTILOS
- 1.1 Tarjetas de estilos (Colores, Tipografía)
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 04/06/2026
PROMPTS RELACIONADOS · SAAS / STARTUP