NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático inspirado en el diseño analizado, bajo la marca ficticia Lab Lira. Usa HTML5 y Tailwind CSS vía CDN (https://cdn.tailwindcss.com) y JavaScript vanilla en un único archivo.
**Paleta de colores**:
- Primary: #0D3B66
- Secondary: #F4D35E
- Accent: #EE964B
- Light: #F0F0F0
- Dark: #262626
**Tipografía**:
- Heading: 'Inter', sans-serif; weight 700
- Body: 'Inter', sans-serif; weight 400
**Estructura**:
1. **Header (sticky)** con logo a la izquierda, menú de navegación (Home, Blogs, Category, Authors, "Tell your story"), email de contacto y botón "Contact us" a la derecha. Versión móvil con burger menu.
2. **Top banner** de suscripción: barra estrecha con texto "Subscribe to get news update".
3. **Hero section**: contenedor central de ancho máximo 1200px,
3.983 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.983 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 superior de suscripción
- 2.1 Hero con título, subtítulo y botón de suscripción
- 3.1 Galería de imágenes heroicas
- 4.1 Marquee animado con mensaje repetitivo
- 5.1 Sección "Trending Now" con tarjetas de artículos
- 6.1 Sección "Popular category" con tarjetas de categorías
BLOGS
- 1.1 Lista de artículos con miniatura, etiqueta, duración y título
- 2.1 Paginación al final de la lista
CATEGORIAS
- 1.1 Cuadrícula de tarjetas de categoría con icono y descripción
AUTOR
- 1.1 Perfil del autor con foto, bio y lista de artículos
CONTACTO
- 1.1 Formulario sencillo con nombre, email y mensaje
POLÍTICAS
- 1.1 Texto legal sobre privacidad y condiciones de uso
PROMPTS RELACIONADOS · MISCELÁNEO

