NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "LetrasLumen" siguiendo el estilo visual de una plantilla Webflow destinada a una comunidad de escritores y poetas. Utiliza solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**
- Primario: #2C3E50 (azul noche)
- Secundario: #E74C3C (rojo coral)
- Fondo claro: #F9FAFB (gris muy claro)
- Texto oscuro: #1F2937 (gris casi negro)
- Accent: #9CA3AF (gris medio)
**Tipografía**
- Fuente principal: "Inter", sans‑serif (cargar desde Google Fonts)
- Fuente secundaria: "Playfair Display", serif para títulos grandes
**Estructura y componentes**
1. **Header (navbar)**: posición sticky, fondo blanco con sombra ligera. Logo a la izquierda (SVG simple). Menú con enlaces: Demos, Sobre Nosotros, Autores, Galería
4.365 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.365 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 fija con logo, menú desplegable y botón principal
- 1.2 Hero con título, descripción y banner ilustrado animado
- 1.3 Sección informativa de demos preconstruidos con título, párrafo y galería de tarjetas
- 1.4 Llamada a la acción secundaria bajo la galería
- 1.5 Footer con enlaces de navegación, redes y datos de contacto
ABOUT US
- 2.1 Barra de navegación (reutilizada)
- 2.2 Hero interno con encabezado y texto descriptivo
- 2.3 Equipo o misión en bloques de columnas
- 2.4 Footer
AUTHORS
- 3.1 Barra de navegación
- 3.2 Lista de autores en tarjetas con imagen y breve bio
- 3.3 Footer
GALLERY
- 4.1 Barra de navegación
- 4.2 Grid de imágenes con overlay interactivo
- 4.3 Footer
FAQ
- 5.1 Barra de navegación
- 5.2 Preguntas frecuentes en acordeón
- 5.3 Footer
CONTACT US
- 6.1 Barra de navegación
- 6.2 Formulario de contacto con campos nombre, email, mensaje
- 6.3 Información de contacto y mapa
- 6.4 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
