NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Instituto Polar** (plataforma de documentación técnica) usando **HTML** + **Tailwind CSS CDN** + **JavaScript vanilla** en un solo archivo. Emplea la siguiente paleta de colores: azul oscuro #1E3A8A, azul claro #3B82F6, verde #10B981, gris claro #F3F4F6, blanco #FFFFFF y negro #111827. Tipografía: **Inter** para textos y **Montserrat** para encabezados, ambas cargadas desde Google Fonts.
### Estructura general
- **Header (navbar)**: barra fija, fondo blanco, sombra ligera. Logo izquierdo (texto "Instituto Polar" en Montserrat bold). Menú principal con enlaces: Home, Videos, Blog, FAQ's, Contacto. Elemento **All Pages** con dropdown mega‑menu de dos columnas (Home, Articles, Articles Category, Videos, Videos Category, FAQ's, FAQ's Categ
4.640 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.640 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, menú principal, mega‑menu y botón de búsqueda
- 1.2 Banner hero con título, párrafo, buscador central y imagen
- 1.3 Bloque informativo con texto y logos de clientes
- 1.4 Sección verde con título, subtítulo, texto y rejilla de categorías/documentos
- 1.5 Footer con enlaces y datos de contacto
VIDEOS
- 1.1 Barra de navegación (reutilizada)
- 1.2 Listado de videos en cuadrícula con miniaturas y títulos
- 1.3 Paginación y filtro por categorías
- 1.4 Footer
BLOG
- 1.1 Barra de navegación
- 1.2 Lista de entradas del blog con imágenes, titulos y extractos
- 1.3 Sidebar con categorías y populares
- 1.4 Footer
FAQS
- 1.1 Barra de navegación
- 1.2 Preguntas frecuentes organizadas en acordeón
- 1.3 Footer
CONTACTO
- 1.1 Barra de navegación
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Mapa incrustado
- 1.4 Footer
PROMPTS RELACIONADOS · EDUCATION
