NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático inspirado en el diseño analizado, usando solo HTML, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. Marca ficticia: Lumenario (plataforma de contenidos).
**Objetivo**: reproducir la estructura, patrones visuales y comportamiento del sitio original sin copiar textos ni imágenes específicas. Genera todos los bloques enumerados en la tabla, manteniendo la jerarquía y la interacción (preloader, menú sticky, marquee infinito, botones con efecto hover, tarjetas con sombra). Utiliza una paleta de colores basada en los siguientes HEX: #1A202C (gris oscuro), #2D3748 (gris medio), #4A5568 (gris claro), #4299E1 (azul acento), #FFFFFF (blanco). Tipografía: "Inter" para encabezados y "Roboto" para párrafos, ambas importadas de Google Fonts.
**Estructura del HT
4.359 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.359 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 Preloader con contador
- 1.2 Navbar sticky con logo, menú, email y botón de contacto
- 1.3 Banner superior anuncio de suscripción
- 1.4 Hero con título, párrafo, botón primario y tres imágenes alineadas
- 1.5 Marquee animado con texto repetido y estrellas
- 1.6 Trending Now: título, botón "Ver todos los blogs" y grid de 3 tarjetas de blog
- 1.7 Popular Category: título y grid de 3 tarjetas de categoría con flecha
- 1.8 Footer con logo, enlaces de navegación, correo de contacto y aviso legal
BLOGS
- 2.1 Lista de entradas (imagen, categoría, tiempo de lectura, título)
- 2.2 Paginación simple
CATEGORY
- 3.1 Lista de categorías (imagen, título, descripción breve, flecha)
AUTHORS
- 4.1 Grid de autores con foto, nombre, biografía corta
STORYTALE
- 5.1 Formulario para enviar historia (campos: nombre, email, texto, botón enviar)
CONTACT
- 6.1 Formulario de contacto (nombre, email, mensaje, botón enviar)
ABOUT (opcional)
- 7.1 Información institucional y enlaces a redes sociales
PROMPTS RELACIONADOS · BLOG / REVISTA
