NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Ondas Atlas usando únicamente HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: primary #1E3A8A (azul oscuro), secondary #2563EB (azul vivo), background #F3F4F6 (gris muy claro), accent #F59E0B (ámbar). Usa tipografías Montserrat para encabezados y Poppins para el cuerpo, cargadas desde Google Fonts.
Estructura y contenido:
**Header**: barra superior mínima, fondo blanco, logo ficticio "Ondas Atlas" a la izquierda y enlaces a Home, Podcasts, Libro y Contacto a la derecha, tipografía Montserrat, hover color secondary.
**Home** (sección única):
1.1 *Hero*: contenedor flex col‑md‑row, imagen de alta resolución (placeholder) a la izquierda, ancho 50%, con efecto fade‑in. A la derecha, b
4.601 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.601 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 Hero con foto a la izquierda y bloque de texto a la derecha
- 1.2 Cuadrícula de 4 tarjetas con enlace a Spotify Podcast, YouTube Podcast, Apple Podcast y Libro, estilo gradient background
PODCASTS
- 2.1 Lista de episodios con miniatura y descripción (estructura genérica)
LIBRO
- 3.1 Portada del libro y botón de compra (estructura genérica)
CONTACTO
- 4.1 Formulario de contacto simple con campos nombre, email y mensaje
PROMPTS RELACIONADOS · PODCAST