NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Campus Polar, una plataforma de documentación técnica, siguiendo el diseño y estructura del sitio de ejemplo. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
--- Alcance
- Header fijo con logo (SVG simple) a la izquierda, menú de enlaces (Home, Videos, Blog, All Pages con megamenú, Contact Us) y botón secundario "Contact Us". Incluye icono de búsqueda que abre un overlay con campo y botón.
- Hero section (class: `banner-home`) con fondo claro, título grande, párrafo descriptivo, buscador central y una imagen decorativa a la derecha. Añade una línea decorativa SVG como separador.
- Información section (class: `light-background`) con texto explicativo a la izquierda y una fila de logotipos de clientes (4 imáge
4.765 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.765 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 con logo, menú desplegable, buscador y botón de contacto
- 1.2 Hero con título principal, párrafo descriptivo, buscador prominente y imagen decorativa
- 1.3 Bloque informativo con texto largo y grid de logotipos de clientes
- 1.4 Sección de color verde con título y párrafo introductorio
- 1.5 Grid de categorías de documentación (Computación, Negocios, Marketing…) con iconos y enlaces a lista completa
- 1.6 Grid interno de documentos destacados por categoría con icono de documento, nombre y enlace
- 1.7 Footer con enlaces principales, información legal y contacto
VIDEOS
- 1.1 Barra de navegación (reutilizada)
- 1.2 Lista de videos en formato tarjeta con miniatura y título
- 1.3 Paginación y filtro por categoría
- 1.4 Footer
BLOG
- 1.1 Barra de navegación
- 1.2 Lista de artículos en tarjetas con imagen, categoría y extracto
- 1.3 Sidebar con categorías y artículos populares
- 1.4 Footer
FAQS
- 1.1 Barra de navegación
- 1.2 Lista de preguntas frecuentes en acordeón
- 1.3 Footer
CONTACT US
- 1.1 Barra de navegación
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Información de contacto y mapa embed
- 1.4 Footer
PROMPTS RELACIONADOS · EDUCATION
