NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia LumenCast (lumencast.com) siguiendo el estilo visual del HTML proporcionado. Usa exclusivamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #1E40AF (azul primario), #2563EB (azul secundario), #F3F4F6 (gris claro). Tipografía: Inter, sans‑serif, pesos 400 y 600.
HEADER: barra de navegación fija, logo a la izquierda, menú horizontal (Home, Blogs, Podcasts, Contact) con efecto hover underline, botón colapsable para móvil.
HOME SECTIONS (en orden):
1. Hero: fondo blanco, título grande "Blog & Resources" (h1, font‑bold 4xl), subtítulo opcional, tarjeta destacada con imagen a la izquierda, categoría, fecha, título h2 y párrafo breve, botón "Read No
3.801 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.801 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 y menú principal
- 2.1 Hero principal con título y artículo destacado
- 3.1 Lista de artículos en rejilla (4 ítems)
- 4.1 Botón "Explorar todos los blogs"
- 5.1 Formulario de suscripción al boletín
- 6.1 Últimos podcasts (2 ítems)
- 7.1 Botón "Explorar todos los podcasts"
- 8.1 Área de partners con descripción y logos
- 9.1 Footer con enlaces y contacto
BLOGS
- 1.1 Lista de artículos en formato tarjeta
- 2.1 Paginación o carga más
- 3.1 Footer
PODCASTS
- 1.1 Lista de episodios en tarjetas con imagen y botón reproducir
- 2.1 Footer
CONTACT
- 1.1 Formulario de contacto simple
- 2.1 Información de ubicación y redes
- 3.1 Footer
PROMPTS RELACIONADOS · PODCAST
