NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en HTML único con Tailwind CSS CDN y JavaScript vanilla que reproduzca el diseño visual y la estructura del sitio de ejemplo, pero bajo la marca ficticia Spa Polar. Utiliza la siguiente paleta de colores: #1A202C (gris oscuro fondo), #2D3748 (gris medio), #48BB78 (verde accent), #FFFFFF (blanco), #F7FAFC (gris muy claro). Tipografía: Inter para títulos y cuerpo, con peso 700 en headings y 400 en párrafos.
Estructura del proyecto:
- <head> incluye meta viewport, enlace a Tailwind CDN, fuente Inter de Google Fonts y archivo CSS interno para pequeñas personalizaciones.
- Preloader a pantalla completa con animación de letras "ECO" en verde que desaparece tras 2s usando CSS y JS.
- Navbar fija, fondo semi‑transparente, logo placeholder (texto "Spa Polar"), enlaces:
4.231 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.231 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 Preloader animado
- 1.2 Pop‑up de suscripción
- 1.3 Pop‑up de contacto
- 1.4 Navbar con logo, menú desplegable y botón de suscripción
- 1.5 Hero con título animado, subtítulo, formulario de captura de email
- 1.6 Footer con enlaces a redes y botón de cierre de pop‑ups
EPISODES
- 2.1 Lista de episodios en tarjetas con imagen, título y breve descripción
- 2.2 Paginación o carga progresiva
ABOUT
- 3.1 Bloque descriptivo de la misión y el equipo
- 3.2 Imagen decorativa o ilustración
REVIEWS
- 4.1 Carrusel de testimonios de oyentes
- 4.2 Valoraciones con estrellas
CONTACT
- 5.1 Formulario de contacto con campos nombre, email y mensaje
- 5.2 Mensaje de éxito/error
FOOTER
- 6.1 Enlaces de navegación secundarios
- 6.2 Iconos sociales
- 6.3 Información legal y copyright
PROMPTS RELACIONADOS · BEAUTY / SPA
