NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web para la marca ficticia **Estética Jade** (esteticajade.com) que reproduzca el diseño visual y la estructura del sitio analizado. Utiliza **HTML** + **Tailwind CSS CDN** + **JavaScript vanilla (single file)**.
**Paleta de colores** (extraída del template original):
- #111111 (texto principal, negro profundo)
- #FFFFFF (fondo blanco)
- #FF6F61 (color de acento, naranja vibrante para botones y destacados)
- #F5F5F5 (gris muy claro para fondos de secciones)
- #FFD700 (dorado para estrellas de reseña)
**Tipografía**:
- Título y encabezados: *Inter* (peso 700), tamaño 3rem a 4rem según pantalla.
- Texto corriente: *Inter* (peso 400), 1rem, líneas de 1.6.
- Botones: *Inter* semi‑bold, mayúsculas, tracking 0.05em.
**Header**: barra de navegación fija, fondo blanco, sombra
4.896 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.896 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 fija con logo, enlaces y enlaces a plataformas de audio
- 1.2 Hero: título, subtítulo, botón "todos los episodios", imagen de fondo y tarjeta de reseña emergente
- 1.3 Sección "Últimos episodios": rejilla de tarjetas con miniatura, número de episodio, título, descripción breve y botón "Escuchar ahora"
- 1.4 Sección "Opiniones de oyentes": slider automático con tarjetas de reseña, estrellas y autor
- 1.5 Footer: enlaces a páginas internas, enlaces a redes sociales y datos de contacto
EPISODES
- 2.1 Barra de navegación idéntica a la de Home
- 2.2 Lista de episodios con filtro y paginación, cada ítem muestra miniatura, número, título y botón de reproducción
- 2.3 Footer igual que en Home
ABOUT
- 3.1 Barra de navegación
- 3.2 Hero con texto descriptivo y foto del equipo
- 3.3 Bloque de valores y misión
- 3.4 Footer
CONTACT
- 4.1 Barra de navegación
- 4.2 Formulario de contacto con campos: nombre, email, mensaje y botón enviar
- 4.3 Información de contacto y mapa incrustado
- 4.4 Footer
PROMPTS RELACIONADOS · BEAUTY / SPA
