NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Sonostrum Media" siguiendo estos requisitos:
- Stack: HTML único archivo, Tailwind CSS vía CDN, JavaScript vanilla en el mismo archivo.
- Paleta de colores: #1A1A2E (fondo principal), #16213E (header/footer), #0F3460 (botones), #E94560 (acentos), #FFFFFF (texto).
- Tipografía: "Inter" para todo el cuerpo, "Playfair Display" para títulos principales, ambas cargadas desde Google Fonts.
- Header: barra fija con logo (texto Sonostrum), botón "Comenzar" con hover, ícono de menú hamburguesa que abre un overlay lateral con enlaces: Home, Sobre nosotros, Episodios, Blog, Contacto. Incluye iconos de redes sociales alineados a la derecha.
- Hero: sección a pantalla completa con fondo de imagen paralaje, título grande "Tu espacio para voces que in
4.170 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.170 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, botón de inicio y menú hamburguesa
- 2.1 Hero con título grande, texto descriptivo, botón principal y imagen de fondo con efecto paralaje
- 3.1 Sección "Sobre nosotros" con imagen lateral, título, texto y tres contadores estadísticos
- 4.1 Carrusel de logos de clientes en movimiento continuo
- 5.1 Sección "Últimos episodios" con título, descripción y tarjetas de episodios (imagen, categoría, duración)
EPISODES
- 1.1 Lista de episodios presentados como tarjetas con imagen, título, ícono de play y metadatos de duración
ABOUT
- 1.1 Imagen destacada y texto amplio sobre la misión y visión
- 2.1 Contadores de impacto (porcentaje de retención, visualizaciones, usuarios activos)
CONTACT
- 1.1 Formulario de contacto sencillo (nombre, email, mensaje)
- 2.1 Información de contacto y enlaces a redes sociales
FOOTER
- 1.1 Enlaces de navegación primaria, segundo nivel y redes sociales
- 2.1 Aviso legal y derechos de autor
PROMPTS RELACIONADOS · BELLEZA / SPA
