NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Formación Boreal** (dominio formacionboreal.com) usando **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un único archivo. El sitio debe reproducir el diseño visual y estructural analizado:
- **Paleta de colores**: #0F172A (azul noche), #1E293B (gris profundo), #3B82F6 (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco).
- **Tipografía**: Inter (sans-serif) para textos y headings, peso 400‑600.
- **Header**: barra fija con logo (icono de micrófono + texto "Formación Boreal"), menú colapsable en móvil, enlaces: "Episodios", "Blog", "Sobre nosotros", "Hosts", "Suscribirse", "Reseñas" y botón destacado "Empezar a escuchar". Incluye icono de carrito con contador.
- **Hero**: sección full‑width, fondo claro, subtítu
3.638 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.638 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 Cabecera fija con logo, menú colapsable y botón de carrito.
- 1.2 Hero con subtítulo, título, párrafo y botón "Explorar episodios".
- 1.3 Galería de imágenes de podcasters (grid de 3 imágenes).
- 1.4 Footer con logo, enlaces de sección y redes sociales.
EPISODES
- 1.1 Lista de episodios en tarjetas con imagen, título, descripción corta y botón reproducir.
- 1.2 Paginación al fondo.
BLOGS
- 1.1 Lista de entradas de blog en formato lista con miniatura, título, extracto y fecha.
- 1.2 Barra lateral con categorías y suscripción.
ABOUT US
- 1.1 Texto descriptivo de la marca con imagen acompañante.
- 1.2 Equipo de trabajo en tarjetas con foto, nombre y rol.
HOSTS
- 1.1 Grid de perfiles de hosts con foto, nombre y breve bio.
SUBSCRIBE
- 1.1 Formulario de suscripción al newsletter.
- 1.2 Opciones de suscripción a plataformas externas.
REVIEWS
- 1.1 Slider de testimonios con foto, nombre y comentario.
- 1.2 Enlace a reseñas externas.
CART
- 1.1 Modal de carrito con lista de productos, cantidad editable y total.
- 1.2 Botones de checkout y continuar comprando.
PROMPTS RELACIONADOS · EDUCATION
