NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo llamado **Spa Isla** (podcast platform) usando **HTML único, Tailwind CSS vía CDN y JavaScript vanilla** en un solo archivo.
**Paleta de colores**:
- Primario: #1A1A2E (casi negro)
- Secundario: #16213E
- Accent: #0F3460
- Texto principal: #FFFFFF
- Texto secundario: #A1A1A1
**Tipografía**: Inter (Google Fonts) para todo el texto, con tamaños: h1 48px, h2 36px, h3 28px, cuerpo 16px, botones 14px.
**Header**: barra fija, logo a la izquierda, menú de enlaces (Home, About, Contact, Blog, Episodes) centrado, botón CTA rojo "Start Listening" a la derecha (oculto en móvil, aparece dentro del menú). Menú colapsable con icono hamburger.
**Sección 1 – Hero**: contenedor grid 3‑col en desktop, apilado en móvil. Izquierda: título grande "Empowering conversations
4.003 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.003 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ú y botón CTA
- 2.1 Hero con título, botón, imágenes izquierda/centro/derecha, barra de tiempo y estadística
- 3.1 Carrusel de logos de marcas
- 4.1 Sección About con título, botón, y 4 cards de métricas
- 5.1 Footer (navegación y contacto)
ABOUT
- 1.1 Header persistente
- 2.1 Título y descripción de la empresa
- 3.1 Equipo y valores
- 4.1 CTA a suscripción
CONTACT
- 1.1 Header
- 2.1 Formulario de contacto simple
- 3.1 Información de localización y redes sociales
EPISODES
- 1.1 Header
- 2.1 Listado de episodios con miniatura, título y duración
- 3.1 Filtros y barra de búsqueda
- 4.1 Pagination
PROMPTS RELACIONADOS · BELLEZA / SPA
