NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Atelier Alba (atelieralba.com), un podcast de historias que conectan vidas. Utiliza una única página HTML con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce la estructura y estilos del diseño analizado:
- **Paleta de colores**: fondo oscuro #0A0A0A, texto blanco #FFFFFF, acento azul #3B82F6, gris suave #F3F4F6.
- **Tipografía**: Headings con "Inter" (font-weight 700), cuerpo con "Roboto" (font-weight 400).
- **Header**: barra superior fija con logo placeholder (SVG) y menú horizontal (Home, Episodes, About, Blog, Contact). En móvil colapsa a ícono hamburguesa.
- **Hero split**: contenedor flex vertical en móvil, horizontal en desktop. Lado izquierdo imagen de fondo a pantalla completa (placeholder unsplash), co
3.745 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.745 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ú de navegación
- 1.2 Hero split: imagen a la izquierda, texto y botón de "Escuchar ahora"
- 1.3 Bloque "Escucha en" con iconos de plataformas y ondas sonoras
- 1.4 Footer con enlaces, redes sociales y contacto
EPISODES
- 2.1 Lista de episodios con miniatura, título y resumen
ABOUT
- 3.1 Texto descriptivo del podcast, foto del equipo
BLOG
- 4.1 Lista de artículos de blog con imagen y extracto
CONTACT
- 5.1 Formulario de contacto simple con campos nombre, email y mensaje
- 5.2 Información de contacto y enlaces a redes
PROMPTS RELACIONADOS · MODA
