NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Campus Lira" (consultoría empresarial y coaching). Utiliza exclusivamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Emplea la siguiente paleta de colores: #0A1128 (azul noche), #1E293B (gris oscuro), #3B82F6 (azul primario), #F3F4F6 (gris claro), #FFFFFF. Tipografía: Inter (cargar desde Google Fonts) para títulos y Poppins para cuerpo.
Estructura y requisitos:
1. **Header** (sticky, fondo blanco, sombra ligera). Logo a la izquierda (texto "Áurea" estilizado). Menú de navegación horizontal con enlaces: Home, About, Services, Blogs, Portfolio, Contact. Incluye dropdown "Pages" con sub‑menús (Main Pages, Company, Utility Pages) tal como el original. Botón destacado a la derecha "Get Template" con estilo pr
4.633 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.633 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 Header con logo y menú de navegación, incluye dropdowns multi‑nivel
- 1.2 Hero: etiqueta, título principal con animación, descripción, botón CTA
- 1.3 Tarjetas de métricas (2×Faster Decisions, etc.)
- 1.4 Card con video de fondo y overlay de texto
ABOUT US
- 2.1 Header idéntico al Home
- 2.2 Sección de presentación de la empresa con imagen y texto descriptivo
- 2.3 Valores en tarjetas
SERVICES
- 3.1 Header común
- 3.2 Grid de servicios con iconos y breves descripciones
- 3.3 CTA para contactar
BLOG
- 4.1 Header común
- 4.2 Lista de artículos en formato tarjeta con imagen, título y extracto
PORTFOLIO
- 5.1 Header común
- 5.2 Galería de proyectos en Masonry grid, cada ítem enlaza a detalle
CONTACT US
- 6.1 Header común
- 6.2 formulario de contacto sencillo (nombre, email, mensaje) y mapa embed
UTILITY PAGES
- 7.1 404 – página de error con mensaje y botón volver al inicio
- 7.2 401 – protección por contraseña
- 7.3 License, Change Log, Style Guide – contenido estático con navegación lateral
PROMPTS RELACIONADOS · EDUCATION
