NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Moda Alba" (dominio modaalba.com, email hola@modaalba.com, claim "Tu estudio digital, sin complicaciones"). El proyecto será un único archivo HTML que use Tailwind CSS vía CDN y JavaScript vanilla sin dependencias externas. Reproduce fielmente la estructura y estilo visual del sitio analizado, sin copiar textos ni imágenes originales.
- Paleta de colores: #0D0D0D (fondo principal), #FFFFFF (texto principal), #1DB954 (acento verde), #F5F5F5 (fondos secundarios), #E0E0E0 (bordes y sombras).
- Tipografía: Inter var para títulos y cuerpo, peso 400‑700, tamaños responsivos (h1 48px, h2 36px, h3 24px, p 16px).
- Header: barra fija, logo a la izquierda, menú horizontal con enlaces Home, About, Episodes, Packages, Blog, Contact y un dropdown con
3.776 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.776 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, menú principal y carrito
- 1.2 Hero con título, subtítulo y botones CTA
- 1.3 Sección paquetes destacados
- 1.4 Lista de últimos episodios
- 1.5 Testimonios rotativos
- 1.6 Blog destacado
- 1.7 Footer con enlaces y newsletter
ABOUT
- 2.1 Header
- 2.2 Hero introductorio
- 2.3 Historia y valores
- 2.4 Equipo (cards)
- 2.5 CTA de contacto
- 2.6 Footer
EPISODES
- 3.1 Header
- 3.2 Listado de episodios (grid con filtros)
- 3.3 Reproductor destacado
- 3.4 CTA suscripción
- 3.5 Footer
PACKAGES
- 4.1 Header
- 4.2 Tabla comparativa de planes
- 4.3 Preguntas frecuentes
- 4.4 CTA compra
- 4.5 Footer
BLOG
- 5.1 Header
- 5.2 Grid de artículos
- 5.3 Sidebar con categorías y newsletter
- 5.4 Footer
CONTACT
- 6.1 Header
- 6.2 Formulario de contacto
- 6.3 Información de soporte
- 6.4 Mapa integrado
- 6.5 Footer
PROMPTS RELACIONADOS · MODA