PODCAST · Claude Design · Tailwind · HTML5

Lámina Digital – Plataforma de recursos para blogs y podcasts

★★★★★4,7 3.247 descargas

Theme estático para Lámina Digital que combina artículos y podcasts en un diseño limpio y responsivo con Tailwind CSS. Ideal para creadores que buscan presencia online profesional.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web estático usando HTML, Tailwind CSS CDN y JavaScript vanilla, inspirado en el diseño analizado. Marca ficticia: Lámina Digital (laminadigital.com). Paleta de colores: #0F172A (azul noche), #1E293B (gris oscuro), #F1F5F9 (gris muy claro), #3B82F6 (azul vivo) y #FFFFFF (blanco). Tipografía: Inter (Google Fonts) para títulos y texto, peso 400-700.

Estructura:
- Header fijo con logo (texto Lámina Digital) y menú horizontal: Home, Artículos, Podcasts, Contacto. Menú colapsable en móvil.
- Hero sección: fondo claro, título grande "Recursos y ideas" (h1), subtítulo opcional, tarjeta destacada del artículo más reciente con imagen a la izquierda, categoría, fecha, título h2 y párrafo breve, botón "Leer ahora".
- Bloque de listados de artículos: grid de 3 columnas en desktop, 1 en móvil. Cada tarjeta con imagen, categoría, fecha, título h3, descripción corta, botón "Leer ahora".
- Botón centrado "Ver todos los artículos" bajo el listado.
- Sección de newsletter: fondo gris muy claro, título h2, formulario de una fila (input email + botón Submit) alineado a la derecha en desktop, centrado en móvil.
- Bloque de podcasts: título h2 "Últimos podcasts", tarjetas con imagen, superposición del icono de reproducción, título h3, descripción corta, botón "Escuchar ahora". Grid 2 columnas.
- Botón "Ver todos los podcasts" centrado.
- Separador horizontal de 1px gris.
- Área de partnership: título h2 "Nuestra asociación", párrafo descriptivo, botón "Únete", galería de logos en grid 3 columnas.
- Footer: fondo azul noche, columnas con enlaces (Home, Artículos, Podcasts, Contacto), datos de contacto, redes sociales (iconos simples), y texto de copyright.

Requisitos técnicos:
- Utiliza Tailwind CDN (\n<link href=\"https://cdn.jsdelivr.net/npm/tailwindcss@3.4.0/dist/tailwind.min.css\" rel=\"stylesheet\"/>).
- Incluye <script> para menú móvil (toggle class "hidden").
- Todas las imágenes deben usar placeholders (https://via.placeholder.com/600x400) y atributos alt descriptivos.
- No usar contenido copiado del original; generar títulos, descripciones y textos originales en español de España.
- Mantener la accesibilidad: atributos aria, roles y foco visible para elementos interactivos.
- El HTML debe estar bien estructurado con secciones semánticas (<header>, <main>, <section>, <footer>).
- Exportar todo en un solo archivo index.html que compile todo lo anterior.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

2.737 caracteres · 39 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

PROMPTS RELACIONADOS · PODCAST

Otros prompts de la misma categoría

Ficha de marca

Nombre: Lámina Digital
Sector: Plataforma de contenidos y recursos para creadores de blogs y podcasts
Claim: Ideas y herramientas para mejorar tu presencia online

Bloques de la home

1.1 Cabecera con logo y menú de navegación
2.1 Hero principal con título y tarjeta destacada del último artículo
3.1 Listado de artículos en columnas con imagen, categoría, fecha y botón "Leer ahora"
4.1 Botón para explorar todos los artículos
5.1 Bloque de suscripción al newsletter con formulario
6.1 Sección de últimos podcasts con tarjetas, icono de reproducción y botón "Escuchar ahora"
7.1 Botón para explorar todos los podcasts
8.1 Separador visual
9.1 Área de partnership con texto descriptivo, llamado a la acción y galería de logos de partners
10.1 Pie de página con enlaces de navegación y datos de contacto

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

Lámina Digital – Plataforma de recursos para blogs y podcasts

Cópialo y pégalo en Claude Design

Otros prompts de la misma categoría

Impulso Vital

Lúcida Visión

VozCripto

VozLuminosa