NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática (HTML único) usando Tailwind CSS vía CDN y JavaScript vanilla. La marca ficticia es Spa Orion (dominio spaorion.com). Reproduce el diseño visual y la estructura de la plantilla original, pero con contenido totalmente nuevo en español de España.
--- Paleta de colores
- Fondo principal: #F9FAFB (gris muy claro)
- Texto principal: #111827 (gris oscuro)
- Azul acento: #3B82F6 (blue-500)
- Verde acento: #10B981 (emerald-500)
- Gris medio: #6B7280 (gray-500)
--- Tipografía
- Font-Family: 'Inter', sans-serif (cargar desde Google Fonts)
- Títulos: font-bold, tracking-tight
- Cuerpo: font-medium, leading-relaxed
--- Header (navbar)
- Container full width, flex con justificación entre logo y menú.
- Logo: texto "Spa Orion" con clase text-2xl font-bold text-emerald-500.
5.096 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.096 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 Barra de navegación con logo, enlaces a Home, Episodes, Pages (desplegable), Contact y botón Suscríbete
- 1.2 Hero split con título, subtítulo, botón "Último episodio", logos de patrocinadores y composición de imagen decorativa
- 1.3 Marquee de categorías (History, Kids & family, Entertainment, …) con iconos
- 1.4 Sección "Último podcast" con título, botón "Ver todos los episodios" y grid de tarjetas de episodios
- 1.5 Footer con enlaces de utilidad, iconos de redes y formulario de newsletter
EPISODES
- 2.1 Lista de episodios en grid, filtro por categoría y barra lateral de reproducción
ABOUT
- 3.1 Texto institucional, foto del equipo y testimonios
CONTACT
- 4.1 Formulario de contacto, mapa incrustado y datos de soporte
BLOG
- 5.1 Lista de artículos, barra de búsqueda y categorías
PROMPTS RELACIONADOS · BEAUTY / SPA
