NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática en un único archivo HTML que reproduzca el diseño visual y la estructura de la plantilla analizada, pero con la marca ficticia Sonora Nexus. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks).
**Paleta de colores** (extrae los tonos principales del CSS original y adapta):
- Primario: #0d0d2b (azul muy oscuro)
- Secundario: #1a1a40 (gris azul profundo)
- Acento: #4f46e5 (indigo vibrante)\n- Texto principal: #ffffff
- Texto secundario: #a0a0b5
**Tipografía**: Usa Inter para encabezados y texto del cuerpo (Google Fonts). Peso 400‑700.
**Header**: barra fija con logo SVG de texto "Sonora Nexus" en blanco, menú hamburguesa que al click despliega un overlay con enlaces: Home, About, Episodes, Blog, Contact. En desktop los enlaces aparecen en
4.487 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.487 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 menú hamburguesa
- 2.1 Hero con imagen de fondo, título grande y descripción
- 2.2 Enlaces de reproducción estilo etiquetas
- 3.1 Sección "Sobre el presentador" con título doble, imagen central y botón "learn more"
- 4.1 Loop de texto infinito con palabras clave
- 5.1 Últimos episodios: título, número, miniatura y botón Play
ABOUT
- 1.1 Header con logo y navegación
- 2.1 Imagen del presentador y biografía
- 3.1 CTA a más contenido
CONTACT
- 1.1 Header con logo y navegación
- 2.1 Formulario de contacto sencillo
- 3.1 Información de ubicación y redes sociales
EPISODES
- 1.1 Header con logo y navegación
- 2.1 Lista de episodios en tarjetas con número, imagen, título y botón Play
- 3.1 Paginación o carga infinita
PROMPTS RELACIONADOS · BELLEZA / SPA
