NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Escuela Boreal" (escuelaboreal.com) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir el diseño visual y la estructura de la web analizada, sin copiar textos ni imágenes originales. Utiliza una paleta de colores negra (#000000) como fondo principal, azul neón (#00d8ff) para acentos y textos destacados, y blanco (#ffffff) para texto base. Tipografía: Inter var para títulos y body, peso 700 para encabezados y 400 para párrafos.
### Requisitos de layout
1. **Header** (navbar fijo, fondo negro) con logo ficticio (SVG simple), enlaces: Home, Episodes, About, un dropdown "Pages" con enlaces a Home, Episodes, Episode (single), About, Contact y páginas utilitarias (Style Guide, Changelog,
4.410 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.410 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 con logo, menú y botón de suscripción
- 2.1 Hero de página completa con título, descripción y botones CTA
- 3.1 Área de plataformas de reproducción
- 4.1 Sección "Último episodio"
- 5.1 Lista de episodios destacados
- 6.1 Formulario de suscripción
- 7.1 Footer con enlaces y datos de contacto
EPISODES
- 1.1 Cabecera compartida
- 2.1 Lista de todos los episodios en cuadrícula
- 3.1 Paginación o carga continua
- 4.1 Footer compartido
EPISODE (single)
- 1.1 Cabecera compartida
- 2.1 Reproductor integrado del episodio
- 3.1 Detalles del episodio: título, número, descripción, autor, fecha
- 4.1 Bloque de episodios relacionados
- 5.1 Footer compartido
ABOUT
- 1.1 Cabecera compartida
- 2.1 Presentación del estudio y equipo
- 3.1 Testimonios o logros
- 4.1 Footer compartido
CONTACT
- 1.1 Cabecera compartida
- 2.1 Formulario de contacto simple
- 3.1 Información de contacto y mapa
- 4.1 Footer compartido
PROMPTS RELACIONADOS · EDUCATION
