NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web de una agencia digital ficticia llamada Campus Cumbre usando solo HTML, Tailwind CDN y JavaScript vanilla en un único archivo. La página debe ser responsiva y reproducir la siguiente estructura y estilo visual (no copiar textos ni imágenes originales, generar contenido propio):
- **Paleta de colores**: #0D3B66 (azul marino), #FAF0CA (crema), #F4D35E (amarillo dorado), #EE964B (naranja quemado), #FFFFFF (blanco).
- **Tipografía**: Headings con `font-family: 'Inter', sans-serif;` (peso 700). Body con `font-family: 'Roboto', sans-serif;` (peso 400).
- **Header**: barra fija con logo a la izquierda, menú de 5 enlaces (Home, Sobre Nosotros, Servicios, Portfolio, Contacto) y botón "Solicitar" a la derecha. Menú colapsable en móvil (icono hamburger). Añadir efecto hover en enlaces (
4.354 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.354 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, menú principal y botón destacado
- 1.2 Hero con título, subtítulo, imagen y botón primary
- 1.3 Bloque de servicios en cuadrícula de 3 columnas
- 1.4 Sección de portfolio con cards y filtro
- 1.5 Testimonios con carrusel de citas
- 1.6 Tarjetas de planes de precios
- 1.7 Newsletter con formulario simple
- 1.8 Footer con enlaces, redes y datos de contacto
ABOUT
- 1.1 Hero interno con texto descriptivo
- 1.2 Historia y valores en dos columnas
- 1.3 Equipo con fotos y bios
- 1.4 CTA a contacto
SERVICES
- 1.1 Lista de servicios en tarjetas con icono y descripción
- 1.2 Caso de estudio destacado
- 1.3 Botón de solicitud de presupuesto
PORTFOLIO
- 1.1 Grid de proyectos con filtro por categoría
- 1.2 Hover con breve descripción
- 1.3 Enlace a detalle del proyecto
PRICING
- 1.1 Tabla comparativa de 3 planes
- 1.2 Lista de beneficios por plan
- 1.3 Botón de selección
BLOG
- 1.1 Lista de artículos en tarjetas
- 1.2 Sidebar con categorías y suscripción
- 1.3 Paginación
CONTACT
- 1.1 Formulario de contacto con campos básicos
- 1.2 Mapa embebido
- 1.3 Información de oficina y redes
FOOTER
- 1.1 Enlaces rápidos, políticas y redes sociales
- 1.2 Copyright y crédito
PROMPTS RELACIONADOS · EDUCACIÓN
