NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una plantilla web completa para la marca ficticia **Audio Orion** (audioorion.com) usando **HTML + Tailwind CSS CDN + JavaScript vanilla** en un solo archivo. La web debe ser responsiva y reproducir el diseño analizado:
- **Paleta de colores**: #1F2937 (gris oscuro), #374151 (gris medio), #4B5563 (gris claro), #10B981 (verde teal), #F9FAFB (blanco sucio). Usa el verde para acentos y botones.
- **Tipografía**: "Inter", sans‑serif para títulos y cuerpo; usar clases `font-bold` para encabezados, `font-medium` para subtítulos.
- **Header**: barra de navegación fija con logo (texto "Audio Orion"), enlaces: Home, Blogs, Podcasts, Contacto. Menú colapsable en móvil.
- **Footer**: fondo gris oscuro, enlaces de navegación, texto de copyright "© 2026 Audio Orion. Todos los derechos reservados.
4.028 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.028 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 navegación principal
- 2.1 Hero con título y tarjeta destacada de artículo
- 3.1 Lista de artículos en dos columnas
- 4.1 Botón "Ver todos los blogs"
- 5.1 Suscripción al newsletter (formulario email)
- 6.1 Podcasts destacados en tarjetas
- 7.1 Botón "Ver todos los podcasts"
- 8.1 Partners (título y cuadrícula de logos)
- 9.1 Footer con enlaces y copyright
BLOGS
- 1.1 Cabecera reutilizada
- 2.1 Lista de artículos en cuadrícula (título, categoría, fecha, extracto, botón)
- 3.1 Footer
PODCASTS
- 1.1 Cabecera reutilizada
- 2.1 Lista de episodios en tarjetas (imagen, icono de sonido, título, descripción, botón)
- 3.1 Footer
CONTACTO
- 1.1 Cabecera reutilizada
- 2.1 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 3.1 Footer
PROMPTS RELACIONADOS · PODCAST
