NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea el sitio web de la marca ficticia Estética Orion, una plataforma de podcasts, siguiendo el diseño descrito. Utiliza HTML5 y Tailwind CSS mediante CDN, con JavaScript vanilla en un único archivo.
**Paleta de colores**:
- Fondo principal: #0D0D0D (casi negro)
- Texto principal: #FFFFFF
- Verde accent: #00C853
- Gris suave para detalles: #424242
**Tipografía**: Inter, sans-serif, peso 400‑700. Usa clases Tailwind como `font-sans`, `text-white`, `text-gray-400`, `text-green-500`.
**Estructura**:
1. **Preloader** (full‑screen) con animación de letras "ECO" y "SONAR" en verde sobre fondo negro.
2. **Header / Navbar** (sticky, fondo semi‑transparente negro). Logo a la izquierda (texto "Estética Orion" en blanco). Menú principal con enlaces: Home, Episodes (dropdown con 3 opciones),
4.753 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.753 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 botón de suscripción
- 1.2 Hero principal con título animado, subtítulo y formulario de captura de email
- 1.3 Bloque promocional de suscripción emergente
- 1.4 Pop‑up de contacto con formulario
- 1.5 Preloader animado al cargar la página
- 1.6 Footer con enlaces a redes y botones de descarga de apps
EPISODES
- 2.1 Lista de episodios en tarjetas con imagen, título y descripción breve
- 2.2 Reproductor incrustado para cada episodio
- 2.3 Paginación o carga infinita
ABOUT
- 3.1 Sección de historia y misión con texto y foto
- 3.2 Testimonios en carrusel
REVIEWS
- 4.1 Reseñas de oyentes en formato grid
- 4.2 Botón para dejar una reseña
CONTACT
- 5.1 Formulario de contacto completo (nombre, email, mensaje)
- 5.2 Mensajes de éxito/error
FOOTER
- 6.1 Enlaces a redes sociales como iconos SVG
- 6.2 Botones de descarga de apps (Apple, Spotify, etc.)
- 6.3 Texto de derechos de autor y política de privacidad
PROMPTS RELACIONADOS · BEAUTY / SPA
