NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Lumenario Revista" usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El diseño debe replicar la estructura y estilo del template analizado:
- Paleta de colores: #0A0A0A (fondo negro), #FFFFFF (texto blanco), #E91E63 (rosa accent), #B0B0B0 (gris neutro).
- Tipografía: font-family "Inter", sans-serif para cuerpo y "Playfair Display", serif para encabezados.
- Header: barra superior fija, logo a la izquierda, menú horizontal con enlaces "Magazine", "Podcast", "Authors" y iconos de Instagram, Twitter, YouTube, RSS a la derecha. Incluir toggle de menú móvil que despliegue overlay con enlaces.
- Hero: sección full‑width con ilustración SVG tipo "Headline Art & Life" alineada a la izquierda, texto superpuesto (h1, p
3.525 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.525 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 Cabecera con logo, menú principal y enlaces a redes sociales
- 2.1 Hero con imagen ilustrada, ticker de noticias y texto introductorio
- 3.1 Artículo destacado con imagen grande, encabezado, excerpt y metadatos
- 4.1 Grid de artículos múltiples con miniaturas, títulos y resúmenes
- 5.1 Footer con enlaces de navegación, redes sociales y copyright
MAGAZINE
- 1.1 Lista de artículos en formato de tarjetas con imágenes y metadatos
- 2.1 Paginación inferior
PODCAST
- 1.1 Lista de episodios con reproductor incrustado y descripción breve
- 2.1 Filtro por categorías
AUTHORS
- 1.1 Grid de autores con foto, nombre y breve biografía
- 2.1 Enlace a perfil individual del autor
POST DETAIL
- 1.1 Cabecera del artículo con título, autor, fecha y etiquetas
- 2.1 Contenido del artículo con imágenes y bloques de texto
- 3.1 Área de comentarios (placeholder) y artículos relacionados
FOOTER
- 1.1 Enlaces de navegación secundaria, redes sociales y datos de contacto
PROMPTS RELACIONADOS · BEAUTY / SPA
