NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática completa (single‑file) que reproduzca el diseño visual y la estructura de la web descrita, sin copiar texto ni imágenes originales. Usa la marca ficticia "InspiraBlog" (plataforma de contenidos para blogueros), dominio inspirablog.com, claim "Ideas y herramientas para tu blog", email hola@inspirablog.com y año 2026.
**Alcance**: generar HTML, CSS (Tailwind CDN) y JavaScript vanilla mínimo para interactividad (menú móvil, envío de formulario simulado).
**Paleta de colores** (extraída del original):
- #1f2937 (gris oscuro para textos y fondo de header)
- #3b82f6 (azul accent para botones y enlaces)
- #f9fafb (gris muy claro para fondos de secciones)
- #111827 (negro suave para títulos)
- #6b7280 (gris medio para cuerpos de texto)
**Tipografía**:
- Fu
4.622 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.622 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 Header con logo y menú principal
- 1.2 Bloque Hero con título y tarjeta destacada del artículo principal
- 1.3 Lista de artículos en rejilla (3 tarjetas)
- 1.4 Botón "Ver todos los artículos"
- 1.5 Sección Newsletter con formulario de email
- 1.6 Bloque Podcasts (2 tarjetas)
- 1.7 Botón "Ver todos los podcasts"
- 1.8 Área Partners con texto y 9 logos
- 1.9 Footer con enlaces de navegación y datos de contacto
BLOGS
- 2.1 Header reutilizado
- 2.2 Lista de artículos en cuadrícula (paginada)
- 2.3 Paginación y barra lateral opcional
- 2.4 Footer reutilizado
PODCASTS
- 3.1 Header reutilizado
- 3.2 Lista de episodios en tarjetas con imagen y botón "Escuchar"
- 3.3 Footer reutilizado
CONTACT
- 4.1 Header reutilizado
- 4.2 Formulario de contacto con campos nombre, email, mensaje
- 4.3 Footer reutilizado
PROMPTS RELACIONADOS · PODCAST
