NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **LumenCampus** (educación) usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Utiliza la siguiente paleta de colores: #1E3A8A (azul principal), #3B82F6 (azul claro), #F3F4F6 (gris muy claro), #111827 (gris oscuro), #FFFFFF (blanco). Tipografía: fuente "Inter" para todo el texto, con tamaños 16px (párrafo), 20px (subtítulo), 36px (título principal).
**Estructura y componentes**:
- **Header** fijo, fondo blanco, logo (svg placeholder), menú horizontal con items: Home, About Us, Courses, Blog, Contact Us; submenú desplegable bajo "Demos" con enlaces a Homepages, Inner Pages y Utility Pages (simulados). Botón destacado a la derecha con texto "Join Our Course". Icono hamburger responsive que muestra menú vert
4.195 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.195 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ú desplegable y botón "Unirse a nuestro curso"
- 2.1 Hero con texto "Construido con amor en Mezario", título destacado y botón "Comienza ahora"
- 3.1 Sección ticker de demostración con múltiples imágenes rotativas
- 4.1 Footer con enlaces institucionales y datos de contacto
ABOUT US
- 1.1 Cabecera reutilizada
- 2.1 Imagen de portada y descripción de la institución
- 3.1 Equipo docente y valores
COURSES
- 1.1 Cabecera reutilizada
- 2.1 Listado de cursos con tarjetas, filtro y botón de inscripción
- 3.1 Testimonios de estudiantes
BLOG
- 1.1 Cabecera reutilizada
- 2.1 Grid de artículos con imágenes y extractos
- 3.1 Paginación y barra lateral de categorías
CONTACT US
- 1.1 Cabecera reutilizada
- 2.1 Formulario de contacto con campos nombre, email, mensaje y mapa integrado
- 3.1 Información de contacto y redes sociales
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 09/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
