NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Belleza Orion** (plataforma de podcasts) usando solo un archivo HTML con Tailwind CSS vía CDN y JavaScript vanilla. Reproduce fielmente la estructura y estilo del diseño original sin copiar textos ni imágenes exactas. Utiliza los siguientes recursos:
- Paleta de colores: #0F172A (azul noche profundo), #1E293B (gris oscuro), #10B981 (verde brillante), #F3F4F6 (gris claro), #FFFFFF (blanco).
- Tipografía: *Inter* para títulos y cuerpo, peso 400‑600, tamaños responsive.
- **Header**: barra fija con logo (texto "Belleza Orion") y enlaces horizontales a Home, About, Episodes, Contact. Menú hamburguesa en móvil con transición de 400ms.
- **Hero**: sección a pantalla completa con fondo sombreado, título grande "Descubre la esfera del audio", sub
4.329 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.329 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 y enlaces
- 1.2 Hero con título, subtítulo, botones y visual
- 1.3 Marquee de métricas repetidas en bucle
- 1.4 Sección de episodios populares (grid de 3 tarjetas)
- 1.5 Footer con información institucional
ABOUT
- 2.1 Hero secundario con título y texto descriptivo
- 2.2 Imagen ilustrativa y bloque de valores
- 2.3 Equipo con tarjetas de perfil
- 2.4 CTA para suscripción
EPISODES
- 3.1 Listado de episodios en grid, filtro por categorías
- 3.2 Cada tarjeta muestra portada, categoría, número de episodio, duración, breve descripción y botón de reproducción
- 3.3 Paginación al fondo de la página
CONTACT
- 4.1 Formulario de contacto (nombre, email, mensaje)
- 4.2 Información de soporte y redes sociales
- 4.3 Mapa incrustado de ubicación (opcional)
FOOTER (presente en todas las páginas)
- 5.1 Enlaces rápidos (Home, About, Episodes, Contact)
- 5.2 Iconos de redes sociales
- 5.3 Texto de copyright y política de privacidad
PROMPTS RELACIONADOS · BELLEZA / SPA
